Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -33,68 +33,29 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="AgencyElite"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
       title="Bringing Your Vision to Life"
-      description="We are a full-service creative agency specializing in design, development, and strategic digital transformation."
+      description="Schedule a conversation to get a customized roadmap for your digital growth."
       tag="Freelance Agency"
-      tagAnimation="slide-up"
+      background={{ variant: "plain" }}
       buttons={[
-        {
+        { text: "Book Your Strategy Call", href: "#contact" },
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      buttonAnimation="slide-up"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg",
-          imageAlt: "Studio Workspace",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-geometric-shapes-with-copy-space_23-2148830227.jpg",
-          imageAlt: "Digital Geometric",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120374.jpg",
-          imageAlt: "Minimalist Desk",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-work-team-multinational-company-analyzing-performance-metrics-projections-staff_482257-132812.jpg",
-          imageAlt: "Team Brainstorm",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
-          imageAlt: "UI Development",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777529.jpg",
-          imageAlt: "Office Interior",
-        },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207983.jpg"
+      imageAlt="Studio Workspace"
     />
   </div>
 
@@ -116,35 +77,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Graphic Design",          tags: [
-          title: "Graphic Design",
+            "Creative",            "Branding"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-114.jpg",          imageAlt: "Graphic Design"},
-            "Creative",
-            "Branding",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-114.jpg",
-          imageAlt: "Graphic Design",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Web Development",          tags: [
-          title: "Web Development",
+            "Frontend",            "Fullstack"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-vector/ai-chip-multiple-styles-set_78370-10309.jpg",          imageAlt: "Development"},
-            "Frontend",
-            "Fullstack",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/ai-chip-multiple-styles-set_78370-10309.jpg",
-          imageAlt: "Development",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Digital Strategy",          tags: [
-          title: "Digital Strategy",
+            "Growth",            "SEO"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-vector/funny-elements-about-seo_1045-249.jpg",          imageAlt: "Strategy"},
-            "Growth",
-            "SEO",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/funny-elements-about-seo_1045-249.jpg",
-          imageAlt: "Strategy",
-        },
       ]}
       title="Our Specialized Services"
       description="We offer a suite of services designed to scale your business and elevate your digital footprint."
@@ -159,25 +102,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "150+",          title: "Projects Completed",          description: "Diverse portfolios delivered",          icon: CheckCircle,
-          value: "150+",
-          title: "Projects Completed",
-          description: "Diverse portfolios delivered",
-          icon: CheckCircle,
         },
         {
-          id: "m2",
+          id: "m2",          value: "98%",          title: "Satisfaction",          description: "Client feedback rating",          icon: Star,
-          value: "98%",
-          title: "Satisfaction",
-          description: "Client feedback rating",
-          icon: Star,
         },
         {
-          id: "m3",
+          id: "m3",          value: "12+",          title: "Industry Awards",          description: "Global recognition",          icon: Award,
-          value: "12+",
-          title: "Industry Awards",
-          description: "Global recognition",
-          icon: Award,
         },
       ]}
       title="Measured Results"
@@ -192,40 +123,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          handle: "@sarah_j",          testimonial: "Exceptional work, delivered on time.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
-          name: "Sarah J.",
-          handle: "@sarah_j",
-          testimonial: "Exceptional work, delivered on time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark C.",          handle: "@mark_c",          testimonial: "Transformed our digital presence.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
-          name: "Mark C.",
-          handle: "@mark_c",
-          testimonial: "Transformed our digital presence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena R.",          handle: "@elena_r",          testimonial: "Incredibly talented and proactive.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020762.jpg"},
-          name: "Elena R.",
-          handle: "@elena_r",
-          testimonial: "Incredibly talented and proactive.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-turtleneck-with-flower_23-2149020762.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          handle: "@david_k",          testimonial: "Strategic thinkers, reliable partners.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg"},
-          name: "David K.",
-          handle: "@david_k",
-          testimonial: "Strategic thinkers, reliable partners.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Kevin L.",          handle: "@kevin_l",          testimonial: "High quality across the board.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg"},
-          name: "Kevin L.",
-          handle: "@kevin_l",
-          testimonial: "High quality across the board.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
-        },
       ]}
       title="Client Success Stories"
       description="Hear what our partners have to say about working with our team."
@@ -237,14 +143,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Innovate",
+        "Innovate",        "GlobalCore",        "Vertex",        "Pulse",        "Nexus",        "Streamline",        "Visionary"]}
-        "GlobalCore",
-        "Vertex",
-        "Pulse",
-        "Nexus",
-        "Streamline",
-        "Visionary",
-      ]}
       title="Trusted By Global Brands"
       description="We are proud to collaborate with industry-leading organizations across the globe."
     />
@@ -256,30 +155,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How do we start?",          content: "Just schedule a discovery call with us."},
-          title: "How do we start?",
-          content: "Just schedule a discovery call with us.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "What is the timeline?",          content: "Depends on scope; typically 4-8 weeks."},
-          title: "What is the timeline?",
-          content: "Depends on scope; typically 4-8 weeks.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer support?",          content: "Post-launch maintenance is included."},
-          title: "Do you offer support?",
-          content: "Post-launch maintenance is included.",
-        },
         {
-          id: "q4",
+          id: "q4",          title: "How are payments handled?",          content: "We require a 50% deposit before work begins."},
-          title: "How are payments handled?",
-          content: "We require a 50% deposit before work begins.",
-        },
         {
-          id: "q5",
+          id: "q5",          title: "Can you handle SEO?",          content: "Yes, we integrate fundamental SEO practices into every build."},
-          title: "Can you handle SEO?",
-          content: "Yes, we integrate fundamental SEO practices into every build.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Got questions? We have answers. Let's make your project happen."
@@ -293,9 +177,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Let's Talk"
       title="Ready to Start?"
       description="Let's discuss your next project and build something incredible together."
@@ -310,37 +192,25 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Use",
+              label: "Terms of Use",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -350,4 +220,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}