init

src/App.tsx

@@ -0,0 +1,159 @@
+import { useState, useEffect } from "react";
+import { Header } from "./components/Header";
+import { Footer } from "./components/Footer";
+import { ContactModal } from "./components/ContactModal";
+import { HomePage } from "./pages/HomePage";
+import { CloudPage } from "./pages/CloudPage";
+import { RussianSoftwarePage } from "./pages/RussianSoftwarePage";
+import { CybersecurityPage } from "./pages/CybersecurityPage";
+import { AISolutionsPage } from "./pages/AISolutionsPage";
+import { RussianHardwarePage } from "./pages/RussianHardwarePage";
+import { HardwareSolutionsPage } from "./pages/HardwareSolutionsPage";
+import { CADandGISPage } from "./pages/CADandGISPage";
+import { IndustrialSolutionsPage } from "./pages/IndustrialSolutionsPage";
+import { GovernmentPage } from "./pages/GovernmentPage";
+import { BusinessPage } from "./pages/BusinessPage";
+import { ConsultingPage } from "./pages/ConsultingPage";
+import { ImplementationPage } from "./pages/ImplementationPage";
+import { ManagedServicesPage } from "./pages/ManagedServicesPage";
+import { IntegrationPage } from "./pages/IntegrationPage";
+import { SpecializedServicesPage } from "./pages/SpecializedServicesPage";
+import { SupportPage } from "./pages/SupportPage";
+import { SubscriptionPage } from "./pages/SubscriptionPage";
+
+export default function App() {
+  const [currentPage, setCurrentPage] = useState("home");
+  const [pendingScroll, setPendingScroll] = useState<
+    string | null
+  >(null);
+  const [isContactModalOpen, setIsContactModalOpen] =
+    useState(false);
+
+  const scrollToSection = (sectionId: string) => {
+    // Даем странице время отрендериться
+    setTimeout(() => {
+      const section = document.getElementById(sectionId);
+      console.log(
+        "Trying to scroll to:",
+        sectionId,
+        "Found element:",
+        section,
+      );
+      if (section) {
+        const headerHeight = 85; // Header высота + минимальный отступ
+        const targetPosition = section.offsetTop - headerHeight;
+        console.log("Scrolling to position:", targetPosition);
+        window.scrollTo({
+          top: targetPosition,
+          behavior: "smooth",
+        });
+      } else {
+        console.error("Section not found:", sectionId);
+      }
+    }, 100);
+  };
+
+  const handleNavigate = (page: string, section?: string) => {
+    if (section) {
+      // Клик на Кейсы/О компании/Контакты
+      if (currentPage !== "home") {
+        // Если не на главной - переходим туда
+        setCurrentPage("home");
+        setPendingScroll(section);
+      } else {
+        // Уже на главной - скроллим сразу
+        scrollToSection(section);
+      }
+    } else {
+      // Обычная навигация на другие страницы
+      setCurrentPage(page);
+      setPendingScroll(null);
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
+
+  useEffect(() => {
+    // Когда вернулись на главную с отложенным скроллом
+    if (currentPage === "home" && pendingScroll) {
+      scrollToSection(pendingScroll);
+      setPendingScroll(null);
+    }
+  }, [currentPage, pendingScroll]);
+
+  const handleBackToHome = () => {
+    setCurrentPage("home");
+    setPendingScroll(null);
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  };
+
+  const renderPage = () => {
+    switch (currentPage) {
+      case "cloud":
+        return <CloudPage onBack={handleBackToHome} />;
+      case "russian-software":
+        return (
+          <RussianSoftwarePage onBack={handleBackToHome} />
+        );
+      case "cybersecurity":
+        return <CybersecurityPage onBack={handleBackToHome} />;
+      case "ai-solutions":
+        return <AISolutionsPage onBack={handleBackToHome} />;
+      case "russian-hardware":
+        return (
+          <RussianHardwarePage onBack={handleBackToHome} />
+        );
+      case "hardware-solutions":
+        return (
+          <HardwareSolutionsPage onBack={handleBackToHome} />
+        );
+      case "cad-gis":
+        return <CADandGISPage onBack={handleBackToHome} />;
+      case "industrial-solutions":
+        return (
+          <IndustrialSolutionsPage onBack={handleBackToHome} />
+        );
+      case "government":
+        return <GovernmentPage onBack={handleBackToHome} />;
+      case "business":
+        return <BusinessPage onBack={handleBackToHome} />;
+      case "consulting":
+        return <ConsultingPage onBack={handleBackToHome} />;
+      case "implementation":
+        return <ImplementationPage onBack={handleBackToHome} />;
+      case "managed-services":
+        return (
+          <ManagedServicesPage onBack={handleBackToHome} />
+        );
+      case "integration":
+        return <IntegrationPage onBack={handleBackToHome} />;
+      case "specialized-services":
+        return (
+          <SpecializedServicesPage onBack={handleBackToHome} />
+        );
+      case "support":
+        return <SupportPage onBack={handleBackToHome} />;
+      case "subscription":
+        return <SubscriptionPage onBack={handleBackToHome} />;
+      default:
+        return (
+          <HomePage
+            onOpenContactModal={() =>
+              setIsContactModalOpen(true)
+            }
+          />
+        );
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-white w-full overflow-x-hidden">
+      <Header onNavigate={handleNavigate} />
+      {renderPage()}
+      <Footer />
+      <ContactModal
+        isOpen={isContactModalOpen}
+        onClose={() => setIsContactModalOpen(false)}
+      />
+    </div>
+  );
+}