Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -13,6 +12,9 @@ import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users, User, Briefcase, Globe, BarChart3, Clock, Scale } from "lucide-react";
 
 export default function WebAgency2Page() {
@@ -65,33 +67,47 @@ export default function WebAgency2Page() {
           ]}
           carouselItemClassName="!aspect-[4/5]"
         />
-        <FeatureBento
+        <div id="social-proof" data-section="social-proof">
-          title="Strategic Services for Unmatched Growth"
+          <SocialProofOne
-          description="Bridging client vision with exceptional web design, data-driven marketing, and cohesive brand strategy."
+            names={[
+              "Performance Optimization", "Project Leadership", "Website Strategy", "UX & Conversion", "Project Leadership", "Performance Optimization", "Digital Growth", "UX & Conversion", "Website Strategy", "Project Leadership", "UX & Conversion", "Digital Growth"
+            ]}
+            title=""
+            description=""
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showCard={false}
+            ariaLabel="Companies that trust Amy"
+          />
+        </div>
+        <div id="services" data-section="services">
+          <TestimonialCardTwo
+            title="What Our Clients Say"
+            description="Hear from businesses that have experienced significant growth and transformation through our partnership."
             textboxLayout="default"
             useInvertedBackground={false}
             animationType="slide-up"
-          buttons={[{ text: "Let's Discuss Your Project", href: "#contact" }]}
+            carouselMode="auto"
-          buttonAnimation="slide-up"
+            testimonials={[
-          features={[
               {
-              title: "Professional Website Design",              description: "Crafting bespoke, lightning-fast, and visually stunning digital experiences. Focused on intuitive UI/UX, seamless responsiveness, and high conversion rates.",              bentoComponent: "media-stack",              items: [
+                "id": "1",                "name": "Alex K.",                "role": "CEO, Tech Solutions",                "testimonial": "Amy's expertise in web design and growth marketing significantly boosted our online presence. The new website is not only beautiful but highly effective in converting leads.",                "imageSrc": "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",                "imageAlt": "Alex K."
-                { imageSrc: "http://img.b2bpic.net/free-photo/date-night-ideas-valantine-romance-heart-love-passion-concept_53876-133732.jpg", imageAlt: "Bespoke Website Development Showcase" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033623.jpg", imageAlt: "Responsive UI/UX Design Example" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749912.jpg", imageAlt: "High Conversion Website Layout" },
-              ],
               },
               {
-              title: "Performance Ads & Growth Marketing",              description: "Data-driven paid advertising campaigns (Google Ads, Meta Ads) designed to maximize ROI, generate high-quality leads, and scale revenue predictably.",              bentoComponent: "line-chart"},
+                "id": "2",                "name": "Sarah L.",                "role": "Marketing Director, Retail Brand",                "testimonial": "Our ad campaigns have never been more efficient. Amy's data-driven approach delivered exceptional ROI and helped us reach a wider audience than ever before.",                "imageSrc": "http://img.b2bpic.net/free-photo/portrait-businesswoman-sitting-office-desk-working-computer_1303-20701.jpg",                "imageAlt": "Sarah L."
-            {
-              title: "Strategic Branding & Visual Identity",              description: "Building powerful, cohesive brand identities from the ground up, including logo systems, visual guidelines, and market positioning that resonates with target audiences.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/golden-lightning-bolt-icon-glowing-textured-brown-background_84443-91489.jpg", imageAlt: "Modern Brand Logo Design" },
-                { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixxv6y", imageAlt: "Visual Brand Guidelines Mockup" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/strategy-new-business-launch-plan-concept_53876-148021.jpg", imageAlt: "Strategic Market Positioning Visual" },
-              ],
               },
+              {
+                "id": "3",                "name": "Michael T.",                "role": "Founder, Startup Hub",                "testimonial": "From initial concept to launch, Amy provided invaluable strategic guidance. Her insights into branding and market positioning were crucial to our successful launch.",                "imageSrc": "http://img.b2bpic.net/free-photo/young-african-american-man-working-laptop-computer-listening-music-headphones_171337-14815.jpg",                "imageAlt": "Michael T."
+              },
+              {
+                "id": "4",                "name": "Jessica M.",                "role": "Owner, Luxury Hospitality",                "testimonial": "The bespoke website Amy designed for us perfectly captures the essence of our brand. It's elegant, user-friendly, and has dramatically improved our online bookings.",                "imageSrc": "http://img.b2bpic.net/free-photo/side-view-businesswoman-working-tablet_23-2147775929.jpg",                "imageAlt": "Jessica M."
+              },
+              {
+                "id": "5",                "name": "David W.",                "role": "CTO, Fintech Innovators",                "testimonial": "Amy delivered a robust, scalable web platform that exceeded our expectations. Her technical proficiency combined with strategic foresight is a rare find.",                "imageSrc": "http://img.b2bpic.net/free-photo/handsome-man-using-laptop-cafe_23-2148762744.jpg",                "imageAlt": "David W."
+              }
             ]}
           />
+        </div>
+        <div id="work" data-section="work">
           <FeatureCardTwentySix
             title="Featured Projects"
             description="A selection of successful collaborations, showcasing impactful digital transformations."
@@ -118,6 +134,7 @@ export default function WebAgency2Page() {
                 buttonHref: "https://intruongphu.vn/"},
             ]}
           />
+        </div>
         <FeatureBento
           title="The Amy Advantage: Your Elite Strategic Partner"
           description="Why choose a direct partnership over traditional bloated agencies or rigid developers."
@@ -185,6 +202,7 @@ export default function WebAgency2Page() {
               "Single point of contact, direct, seamless communication",              "Tailored, cost-effective strategies for maximum ROI",              "Business-first approach, market-driven insights",              "Agile execution, timely delivery, and measurable impact",              "End-to-end partnership, continuous growth and support"],
           }}
         />
+        <div id="about" data-section="about">
           <TeamCardFive
             title="Meet Amy"
             description="Your dedicated partner for digital excellence and strategic growth."
@@ -196,6 +214,7 @@ export default function WebAgency2Page() {
               { id: "amy", name: "Amy", role: "Premium Freelance Account Executive & Web Design Strategist", imageSrc: "http://img.b2bpic.net/free-photo/senior-with-necklace-holding-tablet_23-2148346175.jpg", imageAlt: "Amy - Freelance Account Executive" },
             ]}
           />
+        </div>
         <FaqBase
           title="Frequently Asked Questions"
           description="Clear answers about working with a strategic digital partner like Amy."
@@ -210,6 +229,7 @@ export default function WebAgency2Page() {
             { id: "5", title: "What kind of clients do you typically work with?", content: "I partner with ambitious brands and businesses across various industries, from luxury e-commerce and hospitality to B2B services and innovative startups, all seeking premium digital experiences and strategic growth." },
           ]}
         />
+        <div id="contact" data-section="contact">
           <ContactCTA
             tag="Let's Connect"
             title="Ready to Elevate Your Digital Strategy?"
@@ -222,6 +242,7 @@ export default function WebAgency2Page() {
             buttonAnimation="slide-up"
             useInvertedBackground={false}
           />
+        </div>
         <FooterBase
           logoText="Amy"
           copyrightText="© 2024 Amy | All Rights Reserved."