Update src/app/page.tsx

Merge version_3 into main

src/app/login/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function LoginPage() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="FinanceAI"
+        />
+      </div>
+      <div className="min-h-screen flex items-center justify-center pt-24 pb-12">
+        <div className="max-w-md w-full p-8 border rounded-lg shadow-lg bg-card">
+          <h1 className="text-2xl font-bold mb-6 text-center">Login</h1>
+          <input 
+            type="email" 
+            placeholder="Email" 
+            className="w-full p-3 mb-4 border rounded"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+          />
+          <input 
+            type="password" 
+            placeholder="Password" 
+            className="w-full p-3 mb-6 border rounded"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
+          <button className="w-full p-3 bg-primary text-white rounded font-bold">
+            Sign In
+          </button>
+        </div>
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterCard logoText="FinanceAI" />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 
 export default function LandingPage() {
   return (
@@ -31,134 +32,35 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Pulpit", id: "hero" },
-          name: "Dashboard",
+        { name: "Funkcje", id: "features" },
-          id: "hero",
+        { name: "Synchronizacja", id: "sync" },
-        },
+        { name: "Statystyki", id: "metrics" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Stats",
-          id: "metrics",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
-      brandName="FinanceAI"
+      brandName="FinanseAI"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Osiągnij Wolność Finansową z Precyzją AI"
-      }}
+      description="Uprość zarządzanie dochodami, wydatkami i podatkami. Osiągaj swoje cele finansowe szybciej dzięki inteligentnemu planowaniu."
-      title="Master Your Finances with AI Precision"
-      description="Simplify your income, expenses, and tax tracking. Reach your net worth goals faster with smart weekly planning."
       testimonials={[
-        {
+        { name: "Jan Kowalski", handle: "@jank", testimonial: "Wreszcie narzędzie, które czyni budżetowanie łatwiejszym niż Excel.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6egcxc" },
-          name: "John Doe",
+        { name: "Anna Nowak", handle: "@annan", testimonial: "Uwielbiam funkcje śledzenia celów tygodniowych.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4439ee" },
-          handle: "@johndoe",
-          testimonial: "Finally, a tool that makes budgeting easier than Excel.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6egcxc",
-        },
-        {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "I love the weekly goal tracking features.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4439ee",
-        },
-        {
-          name: "Mark Wilson",
-          handle: "@markw",
-          testimonial: "Tax estimation has never been this simple.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1f8owv",
-        },
-        {
-          name: "Sarah Lee",
-          handle: "@sarahlee",
-          testimonial: "Excellent for keeping track of my side income.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yd5wxz",
-        },
-        {
-          name: "Mike Ross",
-          handle: "@miker",
-          testimonial: "Transformed my financial health in weeks.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t6ayxc",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
       ]}
+      buttons={[{ text: "Rozpocznij", href: "#contact" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvltvz"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvltvz",
-          alt: "portrait professional man",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=frkt2q",
-          alt: "portrait businesswoman",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6o3n5",
-          alt: "portrait mid-age professional",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xo6kp",
-          alt: "portrait adult worker",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yv6arb",
-          alt: "portrait startup founder",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI Tax Assistance",
-        },
-        {
-          type: "text",
-          text: "Real-time Net Worth",
-        },
-        {
-          type: "text",
-          text: "Weekly Goal Progress",
-        },
-        {
-          type: "text",
-          text: "Expense Categorization",
-        },
-        {
-          type: "text",
-          text: "Portfolio Analysis",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={false}
-      title="Your Financial Control Center"
+      title="Twoje Centrum Kontroli Finansów"
-      description={[
+      description={["Zastąp złożone arkusze Excel intuicyjnym pulpitem nawigacyjnym.", "Obliczenia podatkowe oparte na AI dostosowane do Twoich dochodów.", "Jasna wizualizacja Twojego majątku i postępów w rozwoju osobistym."]}
-        "Replace complex Excel files with an intuitive dashboard.",
-        "AI-driven tax calculations tailored to your side income.",
-        "Clear visualization of your net worth and progress.",
-      ]}
     />
   </div>
 
@@ -167,139 +69,56 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { tag: "Automatyzacja", title: "AI Doradca Podatkowy", subtitle: "Zawsze dokładny", description: "Automatycznie obliczaj podatki od dodatkowych dochodów.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6o3n5" },
-          tag: "Automated",
+        { tag: "Majątek", title: "Śledzenie Wartości Netto", subtitle: "Wizualny wzrost", description: "Aktualizacje aktywów i zobowiązań w czasie rzeczywistym.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xo6kp" },
-          title: "Tax Advisor AI",
+        { tag: "Rozwój", title: "Planer Celów Tygodniowych", subtitle: "Bądź na bieżąco", description: "Ustalaj i monitoruj nawyki budujące Twoją zamożność.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yv6arb" },
-          subtitle: "Always accurate",
-          description: "Calculate taxes on additional income automatically.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6o3n5",
-        },
-        {
-          tag: "Wealth",
-          title: "Net Worth Tracking",
-          subtitle: "Visual growth",
-          description: "Real-time updates on your assets and liabilities.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xo6kp",
-        },
-        {
-          tag: "Productivity",
-          title: "Weekly Goal Planner",
-          subtitle: "Stay on track",
-          description: "Set and monitor up to 5 habits per week.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yv6arb",
-        },
       ]}
-      title="Smart Features for Growth"
+      title="Inteligentne Narzędzia Wzrostu"
-      description="Powerful tools to manage your money efficiently."
+      description="Potężne rozwiązania do efektywnego zarządzania pieniędzmi i rozwojem."
     />
   </div>
 
+  <div id="sync" data-section="sync">
+      <TimelineProcessFlow
+      title="Synchronizacja Danych"
+      description="Połącz swoje urządzenia, aby automatycznie synchronizować dane zdrowotne z pulpitem finansowym dla holistycznego rozwoju stylu życia."
+      textboxLayout="split"
+      animationType="slide-up"
+      items={[
+          { content: "Połącz swoje urządzenia przez Bluetooth dla bezpiecznej synchronizacji.", media: "", reverse: false },
+          { content: "Włącz automatyczne importowanie danych dla aktualizacji w czasie rzeczywistym.", media: "", reverse: true },
+      ]}
+      />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
       animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "125 tys.", title: "Wartość Netto", items: ["Aktywa", "Zobowiązania", "Wzrost"] },
-          id: "m1",
+        { id: "m2", value: "85%", title: "Wydajność Budżetu", items: ["Dochód", "Wydatki", "Oszczędności"] },
-          value: "$125k",
+        { id: "m3", value: "5/5", title: "Cele Tygodniowe", items: ["Założenia", "Wykonane", "Status"] },
-          title: "Net Worth",
-          items: [
-            "Assets",
-            "Liabilities",
-            "Growth",
-          ],
-        },
-        {
-          id: "m2",
-          value: "85%",
-          title: "Budget Efficiency",
-          items: [
-            "Income",
-            "Expense",
-            "Savings",
-          ],
-        },
-        {
-          id: "m3",
-          value: "5/5",
-          title: "Weekly Goals",
-          items: [
-            "Target",
-            "Completed",
-            "Status",
-          ],
-        },
       ]}
-      title="Financial Insights"
+      title="Wgląd Finansowy"
-      description="High-level overview of your economic performance."
+      description="Przegląd Twojej kondycji ekonomicznej."
     />
   </div>
 
   <div id="product" data-section="product">
-      <ProductCardTwo
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
+      title="Moduły Rozwoju"
+      description="Specjalistyczne narzędzia do Twoich codziennych potrzeb finansowych i rozwojowych."
       products={[
-        {
+        { id: "p1", name: "Ewidencja Wydatków", price: "Darmowy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ggo46i" },
-          id: "p1",
+        { id: "p2", name: "Panel Inwestycyjny", price: "Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mwhtid" },
-          brand: "Module",
+        { id: "p3", name: "Silnik Podatkowy", price: "Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gylugf" },
-          name: "Expense Entry",
-          price: "Free",
-          rating: 5,
-          reviewCount: "100+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ggo46i",
-        },
-        {
-          id: "p2",
-          brand: "Module",
-          name: "Portfolio View",
-          price: "Pro",
-          rating: 5,
-          reviewCount: "200+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mwhtid",
-        },
-        {
-          id: "p3",
-          brand: "Module",
-          name: "Tax Engine",
-          price: "Pro",
-          rating: 5,
-          reviewCount: "150+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gylugf",
-        },
-        {
-          id: "p4",
-          brand: "Module",
-          name: "Categorization",
-          price: "Free",
-          rating: 5,
-          reviewCount: "300+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dgwoi4",
-        },
-        {
-          id: "p5",
-          brand: "Module",
-          name: "Goal Tracker",
-          price: "Free",
-          rating: 5,
-          reviewCount: "500+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4b7xx",
-        },
-        {
-          id: "p6",
-          brand: "Module",
-          name: "Net Worth Calculator",
-          price: "Pro",
-          rating: 5,
-          reviewCount: "400+",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4j0zp8",
-        },
       ]}
-      title="Core Modules"
-      description="Specific tools for your daily financial needs."
     />
   </div>
 
@@ -308,64 +127,13 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
+      title="Zaufanie Użytkowników"
+      description="Zobacz, dlaczego inni wybierają naszą platformę do budowania wolności finansowej."
       testimonials={[
-        {
+        { id: "t1", name: "Sarah Lee", role: "Użytkownik", company: "Wzrost", rating: 5 },
-          id: "t1",
+        { id: "t2", name: "Mike Ross", role: "Użytkownik", company: "Finanse", rating: 5 },
-          name: "Sarah Lee",
-          role: "User",
-          company: "Growth",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nfdq4v",
-        },
-        {
-          id: "t2",
-          name: "Mike Ross",
-          role: "User",
-          company: "Finance",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o9pv7r",
-        },
-        {
-          id: "t3",
-          name: "Jane Doe",
-          role: "User",
-          company: "Tech",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u603oq",
-        },
-        {
-          id: "t4",
-          name: "Tom White",
-          role: "User",
-          company: "Dev",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cvhug7",
-        },
-        {
-          id: "t5",
-          name: "Anna Green",
-          role: "User",
-          company: "Consult",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3tcy83",
-        },
       ]}
-      kpiItems={[
+      kpiItems={[{ value: "10k+", label: "Aktywnych" }, { value: "50M+", label: "Transakcji" }, { value: "99%", label: "Dokładności" }]}
-        {
-          value: "10k+",
-          label: "Active Users",
-        },
-        {
-          value: "50M+",
-          label: "Transactions",
-        },
-        {
-          value: "99%",
-          label: "Accuracy",
-        },
-      ]}
-      title="Trusted by Users"
-      description="See why others choose our platform for financial freedom."
     />
   </div>
 
@@ -374,50 +142,35 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Jak obliczyć wartość netto?", content: "Platforma automatycznie agreguje Twoje aktywa i zobowiązania." },
-          id: "f1",
+        { id: "f2", title: "Czy moje dane są bezpieczne?", content: "Tak, stosujemy szyfrowanie klasy wojskowej dla wszystkich danych." },
-          title: "How do I calculate net worth?",
-          content: "Our platform aggregates your assets and liabilities automatically.",
-        },
-        {
-          id: "f2",
-          title: "Is my financial data safe?",
-          content: "Yes, we use military-grade encryption for all user data.",
-        },
-        {
-          id: "f3",
-          title: "Can I track tax for side income?",
-          content: "Absolutely, the tax advisor module handles multiple income streams.",
-        },
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ly58s"
+      title="Najczęstsze Pytania"
-      mediaAnimation="slide-up"
+      description="Odpowiedzi na pytania o naszą platformę."
-      title="Frequently Asked"
-      description="Answers to common questions about our platform."
       faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCTA
+      tag="Kontakt"
+      title="Zacznij Budować Swoją Przyszłość"
+      description="Gotowy, aby przejąć kontrolę nad swoimi finansami i rozwojem?"
+      buttons={[{ text: "Dołącz Teraz", href: "#" }]}
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to take control of your financial future?"
-      buttons={[
-        {
-          text: "Start Now",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseReveal
-      logoText="FinanceAI"
+      logoText="FinanseAI"
-      copyrightText="© 2025 | FinanceAI Tools"
+      columns={[
+        { title: "Produkt", items: [{ label: "Narzędzia", href: "#" }, { label: "Cennik", href: "#" }] },
+        { title: "Firma", items: [{ label: "O nas", href: "#" }, { label: "Kontakt", href: "#" }] },
+        { title: "Legalne", items: [{ label: "Prywatność", href: "#" }, { label: "Regulamin", href: "#" }] }
+      ]}
+      copyrightText="© 2025 FinanseAI"
     />
   </div>
       </ReactLenis>

src/app/register/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function RegisterPage() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Login", id: "/login" },
+            { name: "Register", id: "/register" },
+          ]}
+          brandName="FinanceAI"
+        />
+      </div>
+      <div className="min-h-screen flex items-center justify-center pt-24 pb-12">
+        <div className="max-w-md w-full p-8 border rounded-lg shadow-lg bg-card">
+          <h1 className="text-2xl font-bold mb-6 text-center">Create Account</h1>
+          <input 
+            type="email" 
+            placeholder="Email" 
+            className="w-full p-3 mb-4 border rounded"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+          />
+          <input 
+            type="password" 
+            placeholder="Password" 
+            className="w-full p-3 mb-6 border rounded"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
+          <button className="w-full p-3 bg-primary text-white rounded font-bold">
+            Register
+          </button>
+        </div>
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterCard logoText="FinanceAI" />
+      </div>
+    </ThemeProvider>
+  );
+}