product

App.tsx

@@ -0,0 +1,47 @@
+import React, { useState, useEffect } from 'react';
+import Navbar from './components/Navbar';
+import Hero from './components/Hero';
+import Features from './components/Features';
+import HowItWorks from './components/HowItWorks';
+import CallToAction from './components/CallToAction';
+import Footer from './components/Footer';
+import PrivacyPolicy from './components/PrivacyPolicy';
+
+const App: React.FC = () => {
+  const [currentPage, setCurrentPage] = useState<'home' | 'privacy'>('home');
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [currentPage]);
+
+  const navigateToPrivacy = (e?: React.MouseEvent) => {
+    e?.preventDefault();
+    setCurrentPage('privacy');
+  };
+
+  const navigateToHome = (e?: React.MouseEvent) => {
+    e?.preventDefault();
+    setCurrentPage('home');
+  };
+
+  return (
+    <div className="bg-background-dark text-text-light font-sans min-h-screen selection:bg-primary selection:text-background-dark">
+      <Navbar onLogoClick={navigateToHome} />
+      <main>
+        {currentPage === 'home' ? (
+          <>
+            <Hero />
+            <Features />
+            <HowItWorks />
+            <CallToAction />
+          </>
+        ) : (
+          <PrivacyPolicy onBack={navigateToHome} />
+        )}
+      </main>
+      <Footer onPrivacyClick={navigateToPrivacy} />
+    </div>
+  );
+};
+
+export default App;