Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -3,15 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import { Linkedin, Twitter } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,73 +29,40 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Founders", id: "team" },
-        {
+        { name: "Services", id: "features" },
-          name: "Services",          id: "features"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Results",          id: "metrics"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="AgencyFlow"
+      brandName="AgencyFlow US"
-      button={{
+      button={{ text: "Get Started", href: "#contact" }}
-        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      title="US-Based Data-Driven Digital Strategy"
-      title="Scale Your Revenue with Data-Driven Digital Strategy"
+      description="We help ambitious US companies scale revenue through premium marketing, SEO excellence, and high-conversion paid media."
-      description="We help ambitious US-based companies scale through data-driven marketing, SEO excellence, and high-conversion paid media campaigns."
       testimonials={[
-        {
+        { name: "Alex R.", handle: "@alex", testimonial: "Transformed our US market growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg" },
-          name: "Alex R.",          handle: "@alex",          testimonial: "Transformed our lead generation within 3 months.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg"},
-        {
-          name: "Sarah K.",          handle: "@sarah",          testimonial: "The best marketing partners we have ever had.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
-        {
-          name: "Marcus L.",          handle: "@marcus",          testimonial: "Data-driven results that actually scale.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-smiling-confident-looking-side-street_839833-24417.jpg"},
-        {
-          name: "Elena P.",          handle: "@elena",          testimonial: "Clear reporting and consistent growth.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/consultant-customer-meeting-cup-coffee_74855-1582.jpg"},
-        {
-          name: "David W.",          handle: "@david",          testimonial: "Unmatched expertise in our niche.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
       ]}
-      buttons={[
+      buttons={[{ text: "Book Strategy Call", href: "#contact" }]}
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ca7D27XsaEfT9AbdpyEsWhv1eD/uploaded-1776612215080-fehmxhog.jpg"
-          text: "Book Strategy Call",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg"
       mediaAnimation="slide-up"
-      avatars={[
+    />
-        {
+  </div>
-          src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",          alt: "Portrait 1"},
+
-        {
+  <div id="team" data-section="team">
-          src: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg",          alt: "Portrait 2"},
+    <TeamCardTen
-        {
+      title="Meet Our Founding Team"
-          src: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg",          alt: "Portrait 3"},
+      tag="US Agency Leaders"
-        {
+      memberVariant="card"
-          src: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-with-copy-space_23-2148788835.jpg",          alt: "Portrait 4"},
+      membersAnimation="slide-up"
-        {
+      useInvertedBackground={false}
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          alt: "Portrait 5"},
+      members={[
-      ]}
+        { id: "f1", name: "Jordan Smith - CEO & Strategy", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg" },
-      marqueeItems={[
+        { id: "f2", name: "Casey Miller - Head of Growth", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-with-copy-space_23-2148788835.jpg" },
-        {
-          type: "text",          text: "Google Partner Certified"},
-        {
-          type: "text",          text: "Data-Driven Strategy"},
-        {
-          type: "text",          text: "Scalable Growth"},
-        {
-          type: "text",          text: "High ROAS Focus"},
-        {
-          type: "text",          text: "Industry Experts"},
       ]}
     />
   </div>
@@ -106,13 +70,11 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={false}
-      title="Founded on Results, Driven by Data"
+      title="Built for the US Market"
       description={[
-        "At AgencyFlow, we bridge the gap between complex digital data and actionable business outcomes. Our team specializes in hyper-growth strategies for US markets.",        "We believe that marketing isn't just about traffic—it's about revenue, market position, and long-term brand equity."]}
+        "AgencyFlow is headquartered in the United States, providing bespoke marketing solutions to domestic enterprise and mid-market brands.",        "Our deep understanding of the US digital landscape helps us deliver outsized results with complete transparency."
-      buttons={[
-        {
-          text: "Learn About Our Process",          href: "#features"},
       ]}
+      buttons={[{ text: "Our Process", href: "#features" }]}
     />
   </div>
 
@@ -123,120 +85,35 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "SEO Growth", description: "Dominate US search rankings.", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg" },
-          title: "SEO Strategy",          description: "Dominate search engine rankings with content that converts.",          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"},
+        { title: "Paid Media", description: "High-intent ad campaigns.", imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-103.jpg" },
-        {
+        { title: "Strategy Consulting", description: "Data-driven market expansion.", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-light-bulb-with-idea-text-card_23-2147865432.jpg" },
-          title: "Paid Media (PPC)",          description: "High-intent ad campaigns that maximize your ROI.",          imageSrc: "http://img.b2bpic.net/free-vector/business-designs-collection_1209-103.jpg"},
-        {
-          title: "Content Marketing",          description: "Authority-building content that speaks to your users.",          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-light-bulb-with-idea-text-card_23-2147865432.jpg"},
       ]}
-      title="Our Specialized Agency Services"
+      title="Specialized Agency Services"
-      description="Comprehensive marketing solutions tailored to exceed your growth targets."
+      description="Comprehensive marketing solutions for the US ecosystem."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "450%",          description: "Average Lead Growth"},
-        {
-          id: "m2",          value: "3.2x",          description: "ROAS Improvement"},
-        {
-          id: "m3",          value: "85+",          description: "Happy Clients"},
-      ]}
-      title="Measurable Agency Impact"
-      description="We focus on key metrics that actually move the needle for your business."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TechCorp",        "GrowthCo",        "InnovationLab",        "Nexus",        "Streamline",        "Visionary",        "Apex"]}
-      title="Trusted by Market Leaders"
-      description="Partnering with industry pioneers across North America."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg"},
-        {
-          id: "2",          name: "Mike D.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"},
-        {
-          id: "3",          name: "Emily C.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
-        {
-          id: "4",          name: "Robert B.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mid-adult-businessman-sitting-office_1262-17133.jpg"},
-        {
-          id: "5",          name: "Linda G.",          imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg"},
-      ]}
-      cardTitle="Client Success Stories"
-      cardTag="Results First"
-      cardAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          title: "How do you track ROI?",          content: "We use proprietary dashboards that integrate directly into your CRM, providing real-time transparency."},
-        {
-          id: "q2",          title: "What is your onboarding process?",          content: "Our 14-day onboarding ensures full alignment, audit completion, and strategy deployment."},
-        {
-          id: "q3",          title: "Can you handle smaller budgets?",          content: "Yes, we have tiered growth packages designed for startups as well as large-scale enterprise solutions."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/awareness-campaign-brand-marketing-banner_107791-10847.jpg"
-      title="Common Agency FAQs"
-      description="Everything you need to know about partnering with AgencyFlow."
-      faqsAnimation="blur-reveal"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Ready to Scale Your Agency Results?"
+      title="Let's Connect"
-      description="Send us your details and our team will prepare a growth audit for your current marketing strategy."
+      description="Start your scale journey with our team."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        { name: "email", type: "email", placeholder: "Business Email", required: true },
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Business Email",          required: true,
-        },
       ]}
-      textarea={{
-        name: "message",        placeholder: "What are your growth goals?",        rows: 4,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/businesswoman-posing-outdoors_23-2149405904.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="AgencyFlow"
+      logoText="AgencyFlow US"
-      copyrightText="© 2025 AgencyFlow LLC. All rights reserved."
+      copyrightText="© 2025 AgencyFlow LLC. Based in USA."
       socialLinks={[
-        {
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-          icon: Twitter,
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-          href: "#",          ariaLabel: "Twitter"},
-        {
-          icon: Linkedin,
-          href: "#",          ariaLabel: "LinkedIn"},
       ]}
     />
   </div>