Update src/app/page.tsx

2026-04-02 14:54:19 +00:00
parent 1b944bf19f
commit ee1d93b0a4
1 changed files with 48 additions and 162 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "Benefits",
-          id: "features",
-        },
+          name: "Benefits",          id: "features"},
        {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="LocalWebBuilder"
    />
@@ -53,121 +45,67 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
-        variant: "sparkles-gradient",
-      }}
+        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-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-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-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-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-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-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-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-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/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/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-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-1775102101244-9m0jtmkd.png",          imageAlt: "Grow your local brand"},
      ]}
      buttons={[
        {
-          text: "Call Now: 970-216-3712",
-          href: "tel:9702163712",
-        },
+          text: "Call Now: 970-216-3712",          href: "tel:9702163712"},
        {
-          text: "Get Started Today",
-          href: "#contact",
-        },
+          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 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 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 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 4"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB8CeXddNvgv6jv6dOKu0LBwDK/uploaded-1775102119159-6xlxd6yg.png",
-          alt: "Customer 5",
-        },
+          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/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/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/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/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",
-        },
+          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"},
      ]}
    />
  </div>
@@ -179,19 +117,13 @@ export default function LandingPage() {
      metrics={[
        {
          icon: Zap,
-          label: "Turnaround",
-          value: "Fast",
-        },
+          label: "Turnaround",          value: "Fast"},
        {
          icon: Target,
-          label: "Focus",
-          value: "Leads",
-        },
+          label: "Focus",          value: "Leads"},
        {
          icon: ShieldCheck,
-          label: "Trust",
-          value: "Local",
-        },
+          label: "Trust",          value: "Local"},
      ]}
      metricsAnimation="slide-up"
    />
@@ -204,34 +136,16 @@ 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,36 +160,19 @@ 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",
-          ],
+          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",
-            },
+              text: "Get Started",              href: "#contact"},
          ],
        },
        {
-          id: "deposit",
-          name: "Down Payment",
-          price: "$500",
-          features: [
-            "Required to start",
-            "Instant project kickoff",
-            "Secure payment link",
-          ],
+          id: "deposit",          name: "Down Payment",          price: "$500",          features: [
+            "Required to start",            "Instant project kickoff",            "Secure payment link"],
          buttons: [
            {
-              text: "Pay Deposit",
-              href: "#contact",
-            },
+              text: "Pay Deposit",              href: "https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=YOUR_BUTTON_ID"},
          ],
        },
      ]}
@@ -290,27 +187,16 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "q1",
-          title: "How fast is the turnaround?",
-          content: "We prioritize fast delivery, usually within 1-2 weeks.",
-        },
+          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: "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: "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: "#"}}
      ctaIcon={Phone}
    />
  </div>