Merge version_4 into main

Merge version_4 into main
This commit was merged in pull request #15.
This commit is contained in:
2026-06-10 04:24:11 +00:00

View File

@@ -4,7 +4,6 @@ import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel"; import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix"; import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen"; import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
@@ -14,6 +13,8 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase"; import FooterBase from "@/components/sections/footer/FooterBase";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen"; import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; 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"; 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() { export default function WebAgency2Page() {
@@ -79,59 +80,61 @@ export default function WebAgency2Page() {
ariaLabel="Companies that trust Amy" ariaLabel="Companies that trust Amy"
/> />
</div> </div>
<FeatureBento <div id="services" data-section="services">
title="Strategic Services for Unmatched Growth" <TestimonialCardTwo
description="Bridging client vision with exceptional web design, data-driven marketing, and cohesive brand strategy." title="What Our Clients Say"
textboxLayout="default" description="Hear from businesses that have experienced significant growth and transformation through our partnership."
useInvertedBackground={false} textboxLayout="default"
animationType="slide-up" useInvertedBackground={false}
buttons={[{ text: "Let's Discuss Your Project", href: "#contact" }]} animationType="slide-up"
buttonAnimation="slide-up" carouselMode="auto"
features={[ testimonials={[
{ {
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" }, "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."
], },
}, {
{ "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"}, },
{ {
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: [ "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."
{ 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": "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>
<FeatureCardTwentySix <div id="work" data-section="work">
title="Featured Projects" <FeatureCardTwentySix
description="A selection of successful collaborations, showcasing impactful digital transformations." title="Featured Projects"
textboxLayout="default" description="A selection of successful collaborations, showcasing impactful digital transformations."
useInvertedBackground={false} textboxLayout="default"
buttons={[{ text: "View All Portfolio", href: "#work" }]} useInvertedBackground={false}
buttonAnimation="slide-up" buttons={[{ text: "View All Portfolio", href: "#work" }]}
cardClassName="!h-auto aspect-video" buttonAnimation="slide-up"
features={[ cardClassName="!h-auto aspect-video"
{ 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, {
buttonHref: "https://quoclienphuong.vn/"}, 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/"},
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/"}, 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/"},
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/"}, 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/"},
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/"}, 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/"},
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/"}, 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/"},
/> ]}
/>
</div>
<FeatureBento <FeatureBento
title="The Amy Advantage: Your Elite Strategic Partner" title="The Amy Advantage: Your Elite Strategic Partner"
description="Why choose a direct partnership over traditional bloated agencies or rigid developers." description="Why choose a direct partnership over traditional bloated agencies or rigid developers."
@@ -199,17 +202,19 @@ 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"], "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"],
}} }}
/> />
<TeamCardFive <div id="about" data-section="about">
title="Meet Amy" <TeamCardFive
description="Your dedicated partner for digital excellence and strategic growth." title="Meet Amy"
textboxLayout="default" description="Your dedicated partner for digital excellence and strategic growth."
useInvertedBackground={false} textboxLayout="default"
animationType="slide-up" useInvertedBackground={false}
mediaClassName="object-[65%_center]" animationType="slide-up"
team={[ mediaClassName="object-[65%_center]"
{ 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" }, 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" },
/> ]}
/>
</div>
<FaqBase <FaqBase
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Clear answers about working with a strategic digital partner like Amy." description="Clear answers about working with a strategic digital partner like Amy."
@@ -224,18 +229,20 @@ 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." }, { 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." },
]} ]}
/> />
<ContactCTA <div id="contact" data-section="contact">
tag="Let's Connect" <ContactCTA
title="Ready to Elevate Your Digital Strategy?" tag="Let's Connect"
description="Schedule a personalized strategy session to discuss your vision, address your challenges, and outline your path to high-performance growth." title="Ready to Elevate Your Digital Strategy?"
background={{ variant: "rotated-rays-animated" }} description="Schedule a personalized strategy session to discuss your vision, address your challenges, and outline your path to high-performance growth."
buttons={[ background={{ variant: "rotated-rays-animated" }}
{ text: "Book a Strategy Call", href: "https://calendly.com/amy-strategy-call" }, buttons={[
{ text: "View My Portfolio", href: "#work" }, { text: "Book a Strategy Call", href: "https://calendly.com/amy-strategy-call" },
]} { text: "View My Portfolio", href: "#work" },
buttonAnimation="slide-up" ]}
useInvertedBackground={false} buttonAnimation="slide-up"
/> useInvertedBackground={false}
/>
</div>
<FooterBase <FooterBase
logoText="Amy" logoText="Amy"
copyrightText="© 2024 Amy | All Rights Reserved." copyrightText="© 2024 Amy | All Rights Reserved."