Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,16 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { BarChart, Camera, TrendingUp } from "lucide-react";
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 
 export default function LandingPage() {
   return (
@@ -32,18 +28,14 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Social Proof", id: "socialProof" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AgencyElite"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Get Started", href: "#contact" }}
     />
   </div>
 
@@ -52,193 +44,71 @@ export default function LandingPage() {
       title="Scaling Brands Through Premium Strategy"
       description="We craft sophisticated social media ecosystems that convert, engage, and elevate your brand to the top 1%."
       buttons={[
-        {
-          text: "Explore Services",          href: "#features"},
-        {
-          text: "Let's Talk",          href: "#contact"},
+        { text: "Explore Services", href: "#services" },
+        { text: "Let's Talk", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/conceptual-3d-render-credit-debit-cards-futuristic-platform_187299-47941.jpg"
-      showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",          alt: "Executive Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          alt: "Executive Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",          alt: "Executive Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",          alt: "Executive Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",          alt: "Executive Client 5"},
-      ]}
-      avatarText="Trusted by 500+ professionals"
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
-      useInvertedBackground={false}
       title="AgencyElite by Design"
       description={[
-        "Founded on the principles of precision and innovation, we redefine the agency landscape.",        "Our approach blends deep data analytics with bold creative storytelling to ensure your brand resonates.",        "We are not just a service provider; we are your strategic partner in growth."]}
+        "Founded on the principles of precision and innovation, we redefine the agency landscape.",        "Our approach blends deep data analytics with bold creative storytelling to ensure your brand resonates.",        "We are not just a service provider; we are your strategic partner in growth."
+      ]}
+      useInvertedBackground={false}
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
+  <div id="services" data-section="services">
+      <FeatureCardMedia
+      title="Premium Creative Solutions"
+      description="We combine aesthetic excellence with data-backed performance."
+      tag="Social Media Agency"
+      animationType="blur-reveal"
+      textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          title: "Growth Analytics",          description: "Deep-dive data insights that turn every click into a measurable business outcome.",          icon: BarChart,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/technology-concept-with-futuristic-element_23-2151910928.jpg",              imageAlt: "modern social media dashboard analytics"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908071.jpg",              imageAlt: "modern social media dashboard analytics"
-            },
-          ]
+          id: "s1",          title: "Strategy Development",          description: "Custom roadmaps for high-growth digital dominance.",          tag: "Strategy",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"
         },
         {
-          title: "Creative Content",          description: "High-fidelity content production that defines the aesthetic of your market niche.",          icon: Camera,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-eyeglasses-notepad-headphones-floor_23-2148040540.jpg",              imageAlt: "modern social media dashboard analytics"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/internet-radio-show-host-talking-microphone-while-checking-subject-list-laptop-popular-social-media-content-creator-speaking-audience-while-sitting-modern-studio_482257-47383.jpg",              imageAlt: "modern social media dashboard analytics"
-            },
-          ]
+          id: "s2",          title: "Content Production",          description: "High-fidelity visual assets that command attention.",          tag: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"
         },
         {
-          title: "Strategic Scaling",          description: "Customized growth strategies that scale your presence across all major channels.",          icon: TrendingUp,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/infographic-template-design_1262-2517.jpg",              imageAlt: "modern social media dashboard analytics"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg",              imageAlt: "modern social media dashboard analytics"
-            },
-          ]
-        },
+          id: "s3",          title: "Community Management",          description: "Driving organic engagement and brand loyalty.",          tag: "Community",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"
+        }
       ]}
-      title="Core Service Pillars"
-      description="Premium solutions designed for the most demanding digital environments."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "150%",          description: "Avg. Growth Rate"},
-        {
-          id: "m2",          value: "2.4B",          description: "Impressions Delivered"},
-        {
-          id: "m3",          value: "85+",          description: "Brands Scaled"},
-      ]}
-      title="Measured Results"
-      description="Data-driven performance across all portfolios."
     />
   </div>
 
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
+      names={["InnovateTech", "LuxLiving", "GlobalVentures", "UrbanPulse", "GreenHorizon"]}
+      title="Industry Leaders We Empower"
+      description="Trusted by the top innovators."
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "InnovateTech",        "LuxLiving",        "GlobalVentures",        "UrbanPulse",        "GreenHorizon",        "PrimeFinance",        "FutureVision"]}
-      title="Trusted By Industry Leaders"
-      description="Collaborating with elite global brands."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "James Sterling",          handle: "@jsterling",          testimonial: "AgencyElite transformed our digital presence. Absolute professionals.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg"},
-        {
-          id: "t2",          name: "Elena Vance",          handle: "@elena_v",          testimonial: "Incredible creative direction. They truly understand high-end branding.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"},
-        {
-          id: "t3",          name: "Marcus Thorne",          handle: "@mthorne",          testimonial: "The analytical depth they bring to the table is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-red-uniform-cap-wearing-glasses-with-clipboard-with-blank-pages-pencil-looking-down-with-serious-face-thinking-standing-green-wall_141793-60948.jpg"},
-        {
-          id: "t4",          name: "Sarah Jenkins",          handle: "@sjenkins",          testimonial: "Strategic excellence and creative brilliance. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/office-administrator-discusses-transactional-details-with-financial-broker_482257-123292.jpg"},
-        {
-          id: "t5",          name: "David Wu",          handle: "@dwu",          testimonial: "My business scaled 3x in six months. Simply extraordinary results.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg"},
-      ]}
-      title="Client Success Stories"
-      description="See why top brands choose our agency."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "What makes your agency premium?",          content: "Our blend of high-end creative and precise data analytics ensures performance at the top tier."},
-        {
-          id: "q2",          title: "Do you work with startups?",          content: "We focus on brands ready for elite-level growth, regardless of age."},
-        {
-          id: "q3",          title: "How do we measure success?",          content: "We define success through concrete business KPIs, growth metrics, and brand resonance."},
-      ]}
-      title="Agency Insights"
-      description="Frequently asked questions from our partners."
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
       text="Ready to redefine your digital presence? Let's discuss your next phase."
+      background={{ variant: "gradient-bars" }}
       buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@agencyelite.com"},
+        { text: "Contact Us", href: "mailto:hello@agencyelite.com" },
       ]}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "AgencyElite",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Features",              href: "#features"},
-          ],
-        },
-        {
-          title: "Connect",          items: [
-            {
-              label: "Twitter",              href: "#"},
-            {
-              label: "LinkedIn",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "AgencyElite", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="© 2024 AgencyElite Inc."
       bottomRightText="All rights reserved."
@@ -247,4 +117,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}