Update src/app/page.tsx

Merge version_4 into main

src/app/contact/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Benefits", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="LocalWebBuilder"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Contact"
+            title="Let's Build Your Future"
+            description="Reach out to discuss your project. We are ready to help your business grow."
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            onSubmit={(email) => console.log(email)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="LocalWebBuilder"
+            copyrightText="© 2025 LocalWebBuilder - All Rights Reserved"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Benefits",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Benefits", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LocalWebBuilder"
     />
@@ -52,122 +40,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Affordable Websites for Your Business  "
+      background={{ variant: "sparkles-gradient" }}
+      title="Affordable Websites for Your Business"
       description="We build clean, professional websites for local businesses—fast and for just $1,000."
       leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101692393-y2hn15y5.png",
-          imageAlt: "Professional web design",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101655925-lwi3xxqq.png",
-          imageAlt: "Local business digital solution",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101791721-dimo1et1.png",
-          imageAlt: "Fast turnaround web build",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101763875-3yogh50p.png",
-          imageAlt: "Mobile optimized websites",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101228683-8ks7gg45.png",
-          imageAlt: "Result focused design",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101750913-272ubim8.png",
-          imageAlt: "Grow your local brand",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101692393-y2hn15y5.png", imageAlt: "Professional web design" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101655925-lwi3xxqq.png", imageAlt: "Local business digital solution" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101791721-dimo1et1.png", imageAlt: "Fast turnaround web build" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101763875-3yogh50p.png", imageAlt: "Mobile optimized websites" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101228683-8ks7gg45.png", imageAlt: "Result focused design" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101750913-272ubim8.png", imageAlt: "Grow your local brand" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102043053-3ihsfp80.png",
-          imageAlt: "Professional web design",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101878287-0u67ofgr.png",
-          imageAlt: "Local business digital solution",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101773914-fe0jbuh7.png",
-          imageAlt: "Fast turnaround web build",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/a-professional-local-business-owner-look-1775100446329-6aaf6a09.png?_wi=10",
-          imageAlt: "Mobile optimized websites",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101810845-guh4jhuy.png",
-          imageAlt: "Result focused design",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102101244-9m0jtmkd.png",
-          imageAlt: "Grow your local brand",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102043053-3ihsfp80.png", imageAlt: "Professional web design" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101878287-0u67ofgr.png", imageAlt: "Local business digital solution" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101773914-fe0jbuh7.png", imageAlt: "Fast turnaround web build" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/a-professional-local-business-owner-look-1775100446329-6aaf6a09.png?_wi=10", imageAlt: "Mobile optimized websites" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775101810845-guh4jhuy.png", imageAlt: "Result focused design" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102101244-9m0jtmkd.png", imageAlt: "Grow your local brand" },
       ]}
       buttons={[
-        {
-          text: "Call Now: 970-216-3712",
-          href: "tel:9702163712",
-        },
-        {
-          text: "Get Started Today",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102119159-6xlxd6yg.png",
-          alt: "Customer 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102119159-6xlxd6yg.png",
-          alt: "Customer 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102119159-6xlxd6yg.png",
-          alt: "Customer 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102119159-6xlxd6yg.png",
-          alt: "Customer 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102119159-6xlxd6yg.png",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ local businesses"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/abstract-representation-of-website-speed-1775100445776-bc616a30.png",
-          alt: "Partner 1",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/iconic-representation-of-mobile-first-re-1775100446807-6d736569.png",
-          alt: "Partner 2",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/concept-of-lead-generation-and-customer--1775100450365-d441981b.png",
-          alt: "Partner 3",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/abstract-representation-of-website-speed-1775100445776-bc616a30.png",
-          alt: "Partner 4",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/iconic-representation-of-mobile-first-re-1775100446807-6d736569.png",
-          alt: "Partner 5",
-        },
+        { text: "Call Now: 970-216-3712", href: "tel:9702163712" },
+        { text: "Get Started Today", href: "/contact" },
       ]}
     />
   </div>
@@ -177,21 +71,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Built for Local Success"
       metrics={[
-        {
-          icon: Zap,
-          label: "Turnaround",
-          value: "Fast",
-        },
-        {
-          icon: Target,
-          label: "Focus",
-          value: "Leads",
-        },
-        {
-          icon: ShieldCheck,
-          label: "Trust",
-          value: "Local",
-        },
+        { icon: Zap, label: "Turnaround", value: "Fast" },
+        { icon: Target, label: "Focus", value: "Leads" },
+        { icon: ShieldCheck, label: "Trust", value: "Local" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -204,34 +86,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          label: "Performance",
-          title: "High-Speed Websites",
-          items: [
-            "Optimized load times",
-            "Search engine ready",
-            "Clean code structure",
-          ],
+          id: "f1",          label: "Performance",          title: "High-Speed Websites",          items: ["Optimized load times", "Search engine ready", "Clean code structure"],
         },
         {
-          id: "f2",
-          label: "Mobile",
-          title: "Fully Responsive",
-          items: [
-            "Looks great on all devices",
-            "Mobile-first navigation",
-            "Fast interactions",
-          ],
+          id: "f2",          label: "Mobile",          title: "Fully Responsive",          items: ["Looks great on all devices", "Mobile-first navigation", "Fast interactions"],
         },
         {
-          id: "f3",
-          label: "Growth",
-          title: "Lead-Driven Design",
-          items: [
-            "Strategic CTA placement",
-            "High conversion forms",
-            "Click-to-call focus",
-          ],
+          id: "f3",          label: "Growth",          title: "Lead-Driven Design",          items: ["Strategic CTA placement", "High conversion forms", "Click-to-call focus"],
         },
       ]}
       title="Why Choose Our Service"
@@ -246,37 +107,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          name: "Complete Website Build",
-          price: "$1,000",
-          features: [
-            "Full design & build",
-            "Mobile optimization",
-            "Lead capture forms",
-            "SEO structure",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#contact",
-            },
-          ],
+          id: "basic",          name: "Complete Website Build",          price: "$1,000",          features: ["Full design & build", "Mobile optimization", "Lead capture forms", "SEO structure"],
+          buttons: [{ text: "Get Started", href: "/contact" }],
         },
         {
-          id: "deposit",
-          name: "Down Payment",
-          price: "$500",
-          features: [
-            "Required to start",
-            "Instant project kickoff",
-            "Secure payment link",
-          ],
-          buttons: [
-            {
-              text: "Pay Deposit",
-              href: "#contact",
-            },
-          ],
+          id: "deposit",          name: "Down Payment",          price: "$500",          features: ["Required to start", "Instant project kickoff", "Secure payment link"],
+          buttons: [{ text: "Pay Deposit", href: "https://www.paypal.com/checkoutnow?hosted_button_id=YOUR_BUTTON_ID" }],
         },
       ]}
       title="Transparent Pricing"
@@ -289,27 +125,14 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How fast is the turnaround?",
-          content: "We prioritize fast delivery, usually within 1-2 weeks.",
-        },
-        {
-          id: "q2",
-          title: "What's the process?",
-          content: "Consultation, deposit, design, launch. We handle the technical side.",
-        },
-        {
-          id: "q3",
-          title: "Are there monthly fees?",
-          content: "The $1,000 is a one-time build fee. We can discuss maintenance separately.",
-        },
+        { id: "q1", title: "How fast is the turnaround?", content: "We prioritize fast delivery, usually within 1-2 weeks." },
+        { id: "q2", title: "What's the process?", content: "Consultation, deposit, design, launch. We handle the technical side." },
+        { id: "q3", title: "Are there monthly fees?", content: "The $1,000 is a one-time build fee. We can discuss maintenance separately." },
       ]}
       ctaTitle="Ready to get started?"
       ctaDescription="Call us at 970-216-3712 or fill out the form to secure your spot today."
       ctaButton={{
-        text: "Contact Us",
-        href: "#",
+        text: "Contact Us",        href: "/contact"
       }}
       ctaIcon={Phone}
     />
@@ -324,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}