Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -4,6 +4,7 @@ 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";
@@ -11,10 +12,7 @@ import TeamCardFive from "@/components/sections/team/TeamCardFive";
 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() {
@@ -62,7 +60,7 @@ export default function WebAgency2Page() {
           ]}
           rightCarouselItems={[
             { imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg", imageAlt: "Data-Driven Marketing Analytics" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "High-Converting Landing Page Design" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/business-owner-analyzing-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "High-Converting Landing Page Design" },
             { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page-template_23-2149200404.jpg", imageAlt: "Sleek Corporate Web Design" }
           ]}
           carouselItemClassName="!aspect-[4/5]"
@@ -80,61 +78,59 @@ export default function WebAgency2Page() {
             ariaLabel="Companies that trust Amy"
           />
         </div>
-        <div id="services" data-section="services">
+        <FeatureBento
-          <TestimonialCardTwo
+          title="Strategic Services for Unmatched Growth"
-            title="What Our Clients Say"
+          description="Bridging client vision with exceptional web design, data-driven marketing, and cohesive brand strategy."
-            description="Hear from businesses that have experienced significant growth and transformation through our partnership."
+          textboxLayout="default"
-            textboxLayout="default"
+          useInvertedBackground={false}
-            useInvertedBackground={false}
+          animationType="slide-up"
-            animationType="slide-up"
+          buttons={[{ text: "Let's Discuss Your Project", href: "#contact" }]}
-            carouselMode="auto"
+          buttonAnimation="slide-up"
-            testimonials={[
+          features={[
-              {
+            {
-                "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."
+              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: [
-              },
+                { 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" },
-                "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."
+                { imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749912.jpg", imageAlt: "High Conversion Website Layout" },
-              },
+              ],
-              {
+            },
-                "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."
+            {
-              },
+              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": "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."
+              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" },
-                "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."
+                { imageSrc: "http://img.b2bpic.net/free-photo/strategy-new-business-launch-plan-concept_53876-148021.jpg", imageAlt: "Strategic Market Positioning Visual" },
-              }
+              ],
-            ]}
+            },
-          />
+          ]}
-        </div>
+        />
-        <div id="work" data-section="work">
+        <FeatureCardTwentySix
-          <FeatureCardTwentySix
+          title="Featured Projects"
-            title="Featured Projects"
+          description="A selection of successful collaborations, showcasing impactful digital transformations."
-            description="A selection of successful collaborations, showcasing impactful digital transformations."
+          textboxLayout="default"
-            textboxLayout="default"
+          useInvertedBackground={false}
-            useInvertedBackground={false}
+          buttons={[{ text: "View All Portfolio", href: "#work" }]}
-            buttons={[{ text: "View All Portfolio", href: "#work" }]}
+          buttonAnimation="slide-up"
-            buttonAnimation="slide-up"
+          cardClassName="!h-auto aspect-video"
-            cardClassName="!h-auto aspect-video"
+          features={[
-            features={[
+            {
-              {
+              title: "Quoc Lien Phuong",              description: "Corporate & Industrial Showcase",              imageSrc: "http://img.b2bpic.net/free-photo/engineer-solar-panels-plant-uses-cad-software-mockup-pc-optimize-layout_482257-119952.jpg",              imageAlt: "Quoc Lien Phuong Website Mockup",              buttonIcon: ArrowUpRight,
-                title: "Quoc Lien Phuong",              description: "Corporate & Industrial Showcase",              imageSrc: "http://img.b2bpic.net/free-photo/engineer-solar-panels-plant-uses-cad-software-mockup-pc-optimize-layout_482257-119952.jpg",              imageAlt: "Quoc Lien Phuong Website Mockup",              buttonIcon: ArrowUpRight,
+              buttonHref: "https://quoclienphuong.vn/"},
-                buttonHref: "https://quoclienphuong.vn/"},
+            {
-              {
+              title: "Asia Eyes Travel",              description: "Premium Inbound Tourism & Booking Platform",              imageSrc: "http://img.b2bpic.net/free-photo/air-ticket-flight-booking-concept_53876-133923.jpg",              imageAlt: "Asia Eyes Travel Website Mockup",              buttonIcon: ArrowUpRight,
-                title: "Asia Eyes Travel",              description: "Premium Inbound Tourism & Booking Platform",              imageSrc: "http://img.b2bpic.net/free-photo/air-ticket-flight-booking-concept_53876-133923.jpg",              imageAlt: "Asia Eyes Travel Website Mockup",              buttonIcon: ArrowUpRight,
+              buttonHref: "https://asiaeyestravel.com/"},
-                buttonHref: "https://asiaeyestravel.com/"},
+            {
-              {
+              title: "SP Travel",              description: "Dynamic Travel & Tourism Experience",              imageSrc: "http://img.b2bpic.net/free-photo/map-gps-direction-navigation-route-travel_53876-124881.jpg",              imageAlt: "SP Travel Website Mockup",              buttonIcon: ArrowUpRight,
-                title: "SP Travel",              description: "Dynamic Travel & Tourism Experience",              imageSrc: "http://img.b2bpic.net/free-photo/map-gps-direction-navigation-route-travel_53876-124881.jpg",              imageAlt: "SP Travel Website Mockup",              buttonIcon: ArrowUpRight,
+              buttonHref: "https://sptravel.vn/"},
-                buttonHref: "https://sptravel.vn/"},
+            {
-              {
+              title: "Ha Long Phoenix Cruises",              description: "Luxury Hospitality & Cruise Booking",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg",              imageAlt: "Ha Long Phoenix Cruises Website Mockup",              buttonIcon: ArrowUpRight,
-                title: "Ha Long Phoenix Cruises",              description: "Luxury Hospitality & Cruise Booking",              imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg",              imageAlt: "Ha Long Phoenix Cruises Website Mockup",              buttonIcon: ArrowUpRight,
+              buttonHref: "https://halongphoenixcruises.com/"},
-                buttonHref: "https://halongphoenixcruises.com/"},
+            {
-              {
+              title: "In Truong Phu",              description: "B2B Manufacturing & Printing Solution",              imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-building-environmentally-safe-solar-cells-mockup-pc_482257-118093.jpg",              imageAlt: "In Truong Phu Website Mockup",              buttonIcon: ArrowUpRight,
-                title: "In Truong Phu",              description: "B2B Manufacturing & Printing Solution",              imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-expert-building-environmentally-safe-solar-cells-mockup-pc_482257-118093.jpg",              imageAlt: "In Truong Phu Website Mockup",              buttonIcon: ArrowUpRight,
+              buttonHref: "https://intruongphu.vn/"},
-                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."
@@ -163,17 +159,6 @@ export default function WebAgency2Page() {
               completedLabel: "Continuous Impact"},
           ]}
         />
-        <TestimonialCardFifteen
-          testimonial="Working with Amy was a game-changer for our business. Her strategic insights and exceptional web design skills transformed our online presence, leading to a significant increase in client engagement and conversions. A truly invaluable partner!"
-          rating={5}
-          author="— Emily R., Founder of 'Veridian Wellness'"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg", alt: "Emily R., Founder of 'Veridian Wellness'" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
         <MetricCardOne
           title="Impact & Results"
           description="Quantifiable success delivering tangible growth for ambitious brands and enterprises."
@@ -202,19 +187,17 @@ 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
-          <TeamCardFive
+          title="Meet Amy"
-            title="Meet Amy"
+          description="Your dedicated partner for digital excellence and strategic growth."
-            description="Your dedicated partner for digital excellence and strategic growth."
+          textboxLayout="default"
-            textboxLayout="default"
+          useInvertedBackground={false}
-            useInvertedBackground={false}
+          animationType="slide-up"
-            animationType="slide-up"
+          mediaClassName="object-[65%_center]"
-            mediaClassName="object-[65%_center]"
+          team={[
-            team={[
+            { 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" },
-              { 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."
@@ -229,20 +212,18 @@ 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
-          <ContactCTA
+          tag="Let's Connect"
-            tag="Let's Connect"
+          title="Ready to Elevate Your Digital Strategy?"
-            title="Ready to Elevate Your Digital Strategy?"
+          description="Schedule a personalized strategy session to discuss your vision, address your challenges, and outline your path to high-performance growth."
-            description="Schedule a personalized strategy session to discuss your vision, address your challenges, and outline your path to high-performance growth."
+          background={{ variant: "rotated-rays-animated" }}
-            background={{ variant: "rotated-rays-animated" }}
+          buttons={[
-            buttons={[
+            { text: "Book a Strategy Call", href: "https://calendly.com/amy-strategy-call" },
-              { text: "Book a Strategy Call", href: "https://calendly.com/amy-strategy-call" },
+            { text: "View My Portfolio", href: "#work" },
-              { text: "View My Portfolio", href: "#work" },
+          ]}
-            ]}
+          buttonAnimation="slide-up"
-            buttonAnimation="slide-up"
+          useInvertedBackground={false}
-            useInvertedBackground={false}
+        />
-          />
-        </div>
         <FooterBase
           logoText="Amy"
           copyrightText="© 2024 Amy | All Rights Reserved."