Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -32,17 +32,11 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="WebAgency"
     />
@@ -51,109 +45,61 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "radial-gradient",
-      }}
-      title="We Build World-Class Websites"
+        variant: "radial-gradient"}}
+      title="High-Performance Websites That Drive Growth"
       description="Transform your digital presence with our high-performance, user-centric web solutions. From startups to enterprises, we build the future."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15475.jpg",
-          imageAlt: "digital dashboard interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15475.jpg",          imageAlt: "digital dashboard interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg",
-          imageAlt: "laptop showing clean code",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg",          imageAlt: "laptop showing clean code"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
-          imageAlt: "digital dashboard interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",          imageAlt: "digital dashboard interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15417.jpg",
-          imageAlt: "3D render of an abstract low poly background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15417.jpg",          imageAlt: "3D render of an abstract low poly background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg",
-          imageAlt: "3D render of an abstract with connecting lines",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg",          imageAlt: "3D render of an abstract with connecting lines"},
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61880.jpg",
-          imageAlt: "laptop showing clean code",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61880.jpg",          imageAlt: "laptop showing clean code"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-plexus-design_1048-17880.jpg",
-          imageAlt: "digital dashboard interface",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-plexus-design_1048-17880.jpg",          imageAlt: "digital dashboard interface"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-programming-code-language_53876-15056.jpg",
-          imageAlt: "laptop showing clean code",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-programming-code-language_53876-15056.jpg",          imageAlt: "laptop showing clean code"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg",
-          imageAlt: "Gradient dark blue futuristic digital background",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg",          imageAlt: "Gradient dark blue futuristic digital background"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-design-network-communications-modern-techno_1048-11964.jpg",
-          imageAlt: "3D modern plexus design",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-design-network-communications-modern-techno_1048-11964.jpg",          imageAlt: "3D modern plexus design"},
       ]}
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
-          alt: "Attractive businesswoman",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",          alt: "Attractive businesswoman"},
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",
-          alt: "Business woman at office",
-        },
+          src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",          alt: "Business woman at office"},
         {
-          src: "http://img.b2bpic.net/free-photo/confident-indian-business-man-sitting-armchair_1262-3183.jpg",
-          alt: "Business Man Sitting",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-indian-business-man-sitting-armchair_1262-3183.jpg",          alt: "Business Man Sitting"},
         {
-          src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
-          alt: "Business Leader Sitting",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",          alt: "Business Leader Sitting"},
         {
-          src: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
-          alt: "Interested man",
-        },
+          src: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",          alt: "Interested man"},
       ]}
       avatarText="Trusted by 500+ happy clients worldwide"
       marqueeItems={[
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg",
-          alt: "Tech company logo",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg",          alt: "Tech company logo"},
         {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iucyhq",
-          alt: "Tech company logo",
-        },
+          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iucyhq",          alt: "Tech company logo"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/minimal-logos-marble-background_23-2148368363.jpg",
-          alt: "Tech company logo",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/minimal-logos-marble-background_23-2148368363.jpg",          alt: "Tech company logo"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg",
-          alt: "Tech company logo",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg",          alt: "Tech company logo"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-illustration-woman-singer-with-guitar-microphone-cartoon-3d-render-design_460848-10718.jpg",
-          alt: "Tech company logo",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/3d-illustration-woman-singer-with-guitar-microphone-cartoon-3d-render-design_460848-10718.jpg",          alt: "Tech company logo"},
       ]}
     />
   </div>
@@ -163,18 +109,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
-          content: "Crafting digital experiences that ",
-        },
+          type: "text",          content: "Crafting digital experiences that "},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
-          alt: "Crafting excellence",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",          alt: "Crafting excellence"},
         {
-          type: "text",
-          content: " leave a lasting impression.",
-        },
+          type: "text",          content: " leave a lasting impression."},
       ]}
     />
   </div>
@@ -187,26 +126,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Lightning Speed",
-          description: "Optimized performance to keep users happy.",
-          imageSrc: "http://img.b2bpic.net/free-vector/laptop-with-rocket-illustration_1107-8.jpg",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wug0z1",
-          buttonText: "Learn More",
-        },
+          title: "Lightning Speed",          description: "Optimized performance to keep users happy.",          imageSrc: "http://img.b2bpic.net/free-vector/laptop-with-rocket-illustration_1107-8.jpg",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wug0z1",          buttonText: "Learn More"},
         {
-          title: "Secure Architecture",
-          description: "Enterprise-grade security standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept-with-neon-icons_23-2151998480.jpg",
-          buttonText: "Learn More",
-        },
+          title: "Secure Architecture",          description: "Enterprise-grade security standards.",          imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept-with-neon-icons_23-2151998480.jpg",          buttonText: "Learn More"},
         {
-          title: "Mobile First",
-          description: "Perfect across every screen size.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-smartphone_1232-472.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/html-http-web-design-hompage-icon_53876-120700.jpg",
-          buttonText: "Learn More",
-        },
+          title: "Mobile First",          description: "Perfect across every screen size.",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-smartphone_1232-472.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/html-http-web-design-hompage-icon_53876-120700.jpg",          buttonText: "Learn More"},
       ]}
       title="Built for Results"
       description="Our websites don't just look good—they drive conversions."
@@ -220,26 +144,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "150+",
-          title: "Projects Completed",
-          description: "Successfully launched websites.",
-          imageSrc: "http://img.b2bpic.net/free-vector/seo-concept-illustration_24908-61500.jpg",
-        },
+          id: "m1",          value: "150+",          title: "Projects Completed",          description: "Successfully launched websites.",          imageSrc: "http://img.b2bpic.net/free-vector/seo-concept-illustration_24908-61500.jpg"},
         {
-          id: "m2",
-          value: "20%",
-          title: "Conversion Lift",
-          description: "On average across our clients.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841665.jpg",
-        },
+          id: "m2",          value: "20%",          title: "Conversion Lift",          description: "On average across our clients.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841665.jpg"},
         {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Reliable hosting services.",
-          imageSrc: "http://img.b2bpic.net/free-vector/web-app-development-designs_1209-69.jpg",
-        },
+          id: "m3",          value: "99.9%",          title: "Uptime",          description: "Reliable hosting services.",          imageSrc: "http://img.b2bpic.net/free-vector/web-app-development-designs_1209-69.jpg"},
       ]}
       title="Data-Driven Success"
       description="Real results for our partners."
@@ -254,25 +163,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-          alt: "Sarah",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",          alt: "Sarah"},
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
-          alt: "Michael",
-        },
+          src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",          alt: "Michael"},
         {
-          src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
-          alt: "Emily",
-        },
+          src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",          alt: "Emily"},
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg",
-          alt: "David",
-        },
+          src: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg",          alt: "David"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
-          alt: "Jane",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",          alt: "Jane"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -284,14 +183,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "TechCorp",
-        "Innovate",
-        "GlobalSoft",
-        "FutureReady",
-        "CloudScale",
-        "PrimeDesign",
-        "LogicBox",
-      ]}
+        "TechCorp",        "Innovate",        "GlobalSoft",        "FutureReady",        "CloudScale",        "PrimeDesign",        "LogicBox"]}
       title="Trusted by Leaders"
       description="Partnering with industry pioneers to deliver excellence."
     />
@@ -303,20 +195,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How long does a build take?",
-          content: "Typically 4-8 weeks depending on scope.",
-        },
+          id: "f1",          title: "How long does a build take?",          content: "Typically 4-8 weeks depending on scope."},
         {
-          id: "f2",
-          title: "What platforms do you use?",
-          content: "We specialize in modern, high-performance tech stacks.",
-        },
+          id: "f2",          title: "What platforms do you use?",          content: "We specialize in modern, high-performance tech stacks."},
         {
-          id: "f3",
-          title: "Do you offer support?",
-          content: "Yes, we provide ongoing maintenance packages.",
-        },
+          id: "f3",          title: "Do you offer support?",          content: "Yes, we provide 24/7 monitoring and monthly performance optimization for all clients"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-near-laptop-mock-up_23-2148291134.jpg"
       mediaAnimation="slide-up"
@@ -330,16 +213,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Let's Connect"
       title="Ready to get started?"
       description="Send us a message and let's build something great together."
       buttons={[
         {
-          text: "Contact Us",
-          href: "mailto:hello@example.com",
-        },
+          text: "Contact Us",          href: "mailto:hello@example.com"},
+        {
+          text: "View Portfolio",          href: "/portfolio"},
       ]}
     />
   </div>
@@ -348,29 +230,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -381,4 +253,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}