Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,32 +31,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Expertise", id: "#metrics" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Agency.Pro"
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Let's Talk", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,40 +48,16 @@ export default function LandingPage() {
|
||||
logoText="Defining the Art of Performance"
|
||||
description="Elevating brands through high-precision SEO engineering and visionary web design. We secure your highly coveted top spots."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Audit",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Choose Package",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Get Free Audit", href: "#contact" },
|
||||
{ text: "Choose Package", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-statistics-standing-desk-table-startup-office-business-team-working-overhours-marketing-strategy-background-coworkers-discussing-financial-growth-report_482257-63810.jpg?_wi=1",
|
||||
imageAlt: "Agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-glowing-screen-notepad-table-night_169016-53665.jpg",
|
||||
imageAlt: "Agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg",
|
||||
imageAlt: "Agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg",
|
||||
imageAlt: "Agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg",
|
||||
imageAlt: "Agency background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-flowing-cyber-particles_1048-12671.jpg",
|
||||
imageAlt: "Agency background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-statistics-standing-desk-table-startup-office-business-team-working-overhours-marketing-strategy-background-coworkers-discussing-financial-growth-report_482257-63810.jpg", imageAlt: "Agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/open-laptop-with-glowing-screen-notepad-table-night_169016-53665.jpg", imageAlt: "Agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-with-flowing-lines-particles_1048-13718.jpg", imageAlt: "Agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg", imageAlt: "Agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-sheet-paper-laptop_23-2148430808.jpg", imageAlt: "Agency background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-communications-background-with-flowing-cyber-particles_1048-12671.jpg", imageAlt: "Agency background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,30 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "SEO Engineering",
|
||||
description: "High-precision rank optimization.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-with-hour-minute-second-hand_23-2147943907.jpg?_wi=1",
|
||||
imageAlt: "clock icon flat white",
|
||||
},
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Visually stunning, performance-first sites.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layout,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-statistics-standing-desk-table-startup-office-business-team-working-overhours-marketing-strategy-background-coworkers-discussing-financial-growth-report_482257-63810.jpg?_wi=2",
|
||||
imageAlt: "clock icon flat white",
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy",
|
||||
description: "Data-driven roadmaps to success.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Target,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-global_53876-30926.jpg?_wi=1",
|
||||
imageAlt: "clock icon flat white",
|
||||
},
|
||||
{ title: "SEO Engineering", description: "High-precision rank optimization.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Web Design", description: "Visually stunning, performance-first sites.", bentoComponent: "reveal-icon", icon: Layout },
|
||||
{ title: "Digital Strategy", description: "Data-driven roadmaps to success.", bentoComponent: "reveal-icon", icon: Target },
|
||||
]}
|
||||
title="Our Capabilities"
|
||||
description="Bespoke digital solutions engineered for growth."
|
||||
@@ -143,25 +81,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Clock,
|
||||
title: "Experience",
|
||||
value: "26+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Globe,
|
||||
title: "Global Reach",
|
||||
value: "4000+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: TrendingUp,
|
||||
title: "Ranked Results",
|
||||
value: "750+",
|
||||
},
|
||||
{ id: "1", icon: Clock, title: "Experience", value: "26+" },
|
||||
{ id: "2", icon: Globe, title: "Global Reach", value: "4000+" },
|
||||
{ id: "3", icon: TrendingUp, title: "Ranked Results", value: "750+" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Real results delivered over 26+ years of industry experience."
|
||||
@@ -175,30 +99,10 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Brian Hong",
|
||||
role: "CEO & Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Lead SEO Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Miller",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jessica Lee",
|
||||
role: "Strategy Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg",
|
||||
},
|
||||
{ id: "1", name: "Brian Hong", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", role: "Lead SEO Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg" },
|
||||
{ id: "3", name: "David Miller", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg" },
|
||||
{ id: "4", name: "Jessica Lee", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-cv_23-2149927574.jpg" },
|
||||
]}
|
||||
title="Our Leadership"
|
||||
description="The visionaries behind Agency.Pro."
|
||||
@@ -210,61 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2026",
|
||||
title: "CEO",
|
||||
quote: "Agency.Pro transformed our organic traffic overnight.",
|
||||
tag: "SEO",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-statistics-standing-desk-table-startup-office-business-team-working-overhours-marketing-strategy-background-coworkers-discussing-financial-growth-report_482257-63810.jpg?_wi=3",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Feb 2026",
|
||||
title: "CTO",
|
||||
quote: "Visionary web design met high-precision engineering.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151133929.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-with-hour-minute-second-hand_23-2147943907.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Mar 2026",
|
||||
title: "CMO",
|
||||
quote: "Finally, real-time tracking that actually makes sense.",
|
||||
tag: "Marketing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-global_53876-30926.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Apr 2026",
|
||||
title: "Founder",
|
||||
quote: "Unmatched 26 years of wisdom in every strategy.",
|
||||
tag: "SEO",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-car-charger-electric-vehicle-charging-station_107420-94914.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Smith",
|
||||
date: "May 2026",
|
||||
title: "Director",
|
||||
quote: "Best ROI we've ever seen on a digital project.",
|
||||
tag: "Growth",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "Jan 2026", title: "CEO", quote: "Agency.Pro transformed our organic traffic overnight.", tag: "SEO", avatarSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-statistics-standing-desk-table-startup-office-business-team-working-overhours-marketing-strategy-background-coworkers-discussing-financial-growth-report_482257-63810.jpg", imageAlt: "tech ceo portrait professional" },
|
||||
{ id: "2", name: "Michael Chen", date: "Feb 2026", title: "CTO", quote: "Visionary web design met high-precision engineering.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151133929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-with-hour-minute-second-hand_23-2147943907.jpg", imageAlt: "tech ceo portrait professional" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "Mar 2026", title: "CMO", quote: "Finally, real-time tracking that actually makes sense.", tag: "Marketing", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-woman-dressed-jacket-glasses-poses-pink-with-serious-emotions-clasped-hands_291650-1132.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-global_53876-30926.jpg", imageAlt: "tech ceo portrait professional" },
|
||||
{ id: "4", name: "David Kim", date: "Apr 2026", title: "Founder", quote: "Unmatched 26 years of wisdom in every strategy.", tag: "SEO", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-car-charger-electric-vehicle-charging-station_107420-94914.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg", imageAlt: "tech ceo portrait professional" },
|
||||
{ id: "5", name: "Anna Smith", date: "May 2026", title: "Director", quote: "Best ROI we've ever seen on a digital project.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg", imageAlt: "tech ceo portrait professional" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Trusted by industry-leading brands."
|
||||
@@ -276,21 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long until we rank?",
|
||||
content: "Our high-precision SEO usually yields results in 90 days.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can we track performance?",
|
||||
content: "Yes, we provide a proprietary real-time dashboard.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is a consultation free?",
|
||||
content: "Your initial strategy session with our CEO is absolutely free.",
|
||||
},
|
||||
{ id: "1", title: "How long until we rank?", content: "Our high-precision SEO usually yields results in 90 days." },
|
||||
{ id: "2", title: "Can we track performance?", content: "Yes, we provide a proprietary real-time dashboard." },
|
||||
{ id: "3", title: "Is a consultation free?", content: "Your initial strategy session with our CEO is absolutely free." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to help you decide."
|
||||
@@ -301,17 +143,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Schedule Your Free Consultation"
|
||||
description="Ready to define your art of performance? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Submit Request",
|
||||
onClick: "console.log('Submitted')",
|
||||
},
|
||||
{ text: "Submit Request", onClick: () => console.log('Submitted') },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,34 +156,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Expertise",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Expertise", href: "#metrics" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "About Us", href: "#about" }] },
|
||||
]}
|
||||
logoText="Agency.Pro"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user