Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -30,97 +30,71 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Results",
-          id: "metrics",
-        },
+          name: "Results",          id: "metrics"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="AgencyCore"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="relative">
       <HeroSplit
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Scale Your Agency to New Heights"
       description="We specialize in data-driven marketing strategies that turn potential into profit. Let us elevate your brand presence with precision and style."
       tag="Marketing Excellence"
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
         {
-          text: "Learn More",
-          href: "#features",
-        },
+          text: "Learn More",          href: "#features"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/modern-digital-marketing-agency-concept--1775156913708-835cd03c.png?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-diverse-professional-perso-1775156914162-d3c3496b.png",
-          alt: "Client 1",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-diverse-professional-perso-1775156914162-d3c3496b.png",          alt: "Client 1"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-professional-executive-smi-1775156913626-5f981821.png",
-          alt: "Client 2",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-professional-executive-smi-1775156913626-5f981821.png",          alt: "Client 2"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-friendly-and-succe-1775156914377-5f54dc9d.png",
-          alt: "Client 3",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-friendly-and-succe-1775156914377-5f54dc9d.png",          alt: "Client 3"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-creative-expert-looking-co-1775156921387-d50e055a.png",
-          alt: "Client 4",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-creative-expert-looking-co-1775156921387-d50e055a.png",          alt: "Client 4"},
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-individual-in-a-contemporar-1775156915657-1bc8917a.png",
-          alt: "Client 5",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-individual-in-a-contemporar-1775156915657-1bc8917a.png",          alt: "Client 5"},
       ]}
       avatarText="Trusted by 500+ global brands"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Data-Driven Results",
-          icon: BarChart,
+          type: "text-icon",          text: "Data-Driven Results",          icon: BarChart,
         },
         {
-          type: "text-icon",
-          text: "ROI Focused",
-          icon: TrendingUp,
+          type: "text-icon",          text: "ROI Focused",          icon: TrendingUp,
         },
         {
-          type: "text-icon",
-          text: "Creative Excellence",
-          icon: Palette,
+          type: "text-icon",          text: "Creative Excellence",          icon: Palette,
         },
         {
-          type: "text-icon",
-          text: "Market Dominance",
-          icon: Globe,
+          type: "text-icon",          text: "Market Dominance",          icon: Globe,
         },
         {
-          type: "text-icon",
-          text: "Fast Turnaround",
-          icon: Zap,
+          type: "text-icon",          text: "Fast Turnaround",          icon: Zap,
         },
       ]}
+      mediaWrapperClassName="relative isolate"
     />
+    <div className="absolute inset-0 flex items-center justify-center p-8 pointer-events-none z-10">
+        <div className="grid grid-cols-2 gap-4 max-w-sm w-full">
+            <div className="bg-white/5 backdrop-blur-xl border border-white/10 p-6 rounded-2xl shadow-[0_8px_32px_0_rgba(31,38,135,0.37)]"></div>
+            <div className="bg-white/5 backdrop-blur-xl border border-white/10 p-6 rounded-2xl shadow-[0_8px_32px_0_rgba(31,38,135,0.37)]"></div>
+        </div>
+    </div>
   </div>
 
   <div id="features" data-section="features">
@@ -131,19 +105,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Performance Marketing",
-          description: "High-conversion ad campaigns tailored to your specific goals.",
-        },
+          title: "Performance Marketing",          description: "High-conversion ad campaigns tailored to your specific goals."},
         {
           icon: Shield,
-          title: "Brand Strategy",
-          description: "Define and dominate your market niche with robust brand identity.",
-        },
+          title: "Brand Strategy",          description: "Define and dominate your market niche with robust brand identity."},
         {
           icon: Star,
-          title: "Content Production",
-          description: "Engaging assets that resonate with your audience and build trust.",
-        },
+          title: "Content Production",          description: "Engaging assets that resonate with your audience and build trust."},
       ]}
       title="Services That Deliver Results"
       description="Expertly crafted solutions designed to maximize your ROI."
@@ -158,25 +126,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "150%",
-          title: "Average Growth",
-          description: "Year-over-year increase in lead volume.",
-          icon: TrendingUp,
+          id: "m1",          value: "150%",          title: "Average Growth",          description: "Year-over-year increase in lead volume.",          icon: TrendingUp,
         },
         {
-          id: "m2",
-          value: "200+",
-          title: "Campaigns",
-          description: "Successful projects launched worldwide.",
-          icon: CheckCircle,
+          id: "m2",          value: "200+",          title: "Campaigns",          description: "Successful projects launched worldwide.",          icon: CheckCircle,
         },
         {
-          id: "m3",
-          value: "4.8",
-          title: "Average Rating",
-          description: "Client satisfaction score from our partners.",
-          icon: Award,
+          id: "m3",          value: "4.8",          title: "Average Rating",          description: "Client satisfaction score from our partners.",          icon: Award,
         },
       ]}
       title="The Numbers Behind Our Success"
@@ -191,45 +147,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Jenkins",
-          handle: "@sjenkins",
-          testimonial: "The best marketing partners we've ever worked with. Truly data-driven.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-diverse-professional-perso-1775156914162-d3c3496b.png",
-        },
+          id: "1",          name: "Sarah Jenkins",          handle: "@sjenkins",          testimonial: "The best marketing partners we've ever worked with. Truly data-driven.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-diverse-professional-perso-1775156914162-d3c3496b.png"},
         {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Exceptional communication and delivery. Our leads doubled.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-professional-executive-smi-1775156913626-5f981821.png",
-        },
+          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Exceptional communication and delivery. Our leads doubled.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-professional-executive-smi-1775156913626-5f981821.png"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@erod",
-          testimonial: "Marketing excellence simplified. They understand our niche perfectly.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-friendly-and-succe-1775156914377-5f54dc9d.png",
-        },
+          id: "3",          name: "Emily Rodriguez",          handle: "@erod",          testimonial: "Marketing excellence simplified. They understand our niche perfectly.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-friendly-and-succe-1775156914377-5f54dc9d.png"},
         {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Their strategy is unmatched. We’ve seen consistent growth since day one.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-creative-expert-looking-co-1775156921387-d50e055a.png",
-        },
+          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "Their strategy is unmatched. We’ve seen consistent growth since day one.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-creative-expert-looking-co-1775156921387-d50e055a.png"},
         {
-          id: "5",
-          name: "Olivia Smith",
-          handle: "@osmith",
-          testimonial: "Professional, efficient, and highly creative team.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-individual-in-a-contemporar-1775156915657-1bc8917a.png",
-        },
+          id: "5",          name: "Olivia Smith",          handle: "@osmith",          testimonial: "Professional, efficient, and highly creative team.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-individual-in-a-contemporar-1775156915657-1bc8917a.png"},
       ]}
       showRating={true}
       title="What Our Partners Say"
@@ -241,8 +172,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Let's Connect"
       title="Ready to Transform Your Marketing?"
       description="Send us a message today to schedule your free consultation."
@@ -258,29 +188,19 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -290,4 +210,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}