Merge version_1 into main #1
455
src/app/page.tsx
455
src/app/page.tsx
@@ -16,327 +16,162 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Agency",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Autopilot"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
]}
|
||||
brandName="Autopilot"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Business on Autopilot"
|
||||
description="We handle web design, SEO, social media, and digital marketing so you focus on growth. Watch your online presence transform into a powerful lead-generating machine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Free Audit",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Results",
|
||||
href: "#metrics",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 150+ growing businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Google Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Meta Partner",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Shopify Expert",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "WordPress Master",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-Driven ROI",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Business on Autopilot"
|
||||
description="We handle web design, SEO, social media, and digital marketing so you focus on growth. Watch your online presence transform into a powerful lead-generating machine."
|
||||
buttons={[
|
||||
{ text: "Start Your Free Audit", href: "#contact" },
|
||||
{ text: "View Our Results", href: "#metrics" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 150+ growing businesses"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Google Certified" },
|
||||
{ type: "text", text: "Meta Partner" },
|
||||
{ type: "text", text: "Shopify Expert" },
|
||||
{ type: "text", text: "WordPress Master" },
|
||||
{ type: "text", text: "Data-Driven ROI" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Data-Driven Marketing Partners"
|
||||
description="Autopilot is not just an agency; we are your dedicated growth engine. Our experts bridge the gap between technical complexity and business results, ensuring your marketing works as hard as you do."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Scalable Strategies",
|
||||
description: "Tailored solutions for SMBs at every stage of growth.",
|
||||
},
|
||||
{
|
||||
title: "Proven ROI Focus",
|
||||
description: "Everything we do is backed by clear analytics and measurable results.",
|
||||
},
|
||||
{
|
||||
title: "Integrated Expertise",
|
||||
description: "Web design, SEO, and social combined into one cohesive strategy.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-team-people-working-with-documents-calculating-earnings_1098-17380.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Data-Driven Marketing Partners"
|
||||
description="Autopilot is not just an agency; we are your dedicated growth engine. Our experts bridge the gap between technical complexity and business results, ensuring your marketing works as hard as you do."
|
||||
bulletPoints={[
|
||||
{ title: "Scalable Strategies", description: "Tailored solutions for SMBs at every stage of growth." },
|
||||
{ title: "Proven ROI Focus", description: "Everything we do is backed by clear analytics and measurable results." },
|
||||
{ title: "Integrated Expertise", description: "Web design, SEO, and social combined into one cohesive strategy." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-team-people-working-with-documents-calculating-earnings_1098-17380.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Strategic SEO",
|
||||
tags: [
|
||||
"Visibility",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "High-Converting Web Design",
|
||||
tags: [
|
||||
"UX/UI",
|
||||
"Sales",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Social Media Management",
|
||||
tags: [
|
||||
"Engagement",
|
||||
"Brand",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-telephone-receivers-with-paper-shape-chat-bubbles_23-2148796028.jpg",
|
||||
},
|
||||
]}
|
||||
title="Integrated Growth Services"
|
||||
description="Comprehensive digital solutions built to convert."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Strategic SEO", tags: ["Visibility", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg" },
|
||||
{ id: "2", title: "High-Converting Web Design", tags: ["UX/UI", "Sales"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg" },
|
||||
{ id: "3", title: "Social Media Management", tags: ["Engagement", "Brand"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-telephone-receivers-with-paper-shape-chat-bubbles_23-2148796028.jpg" }
|
||||
]}
|
||||
title="Integrated Growth Services"
|
||||
description="Comprehensive digital solutions built to convert."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Results You Can Count On"
|
||||
tag="Proven Success"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Active Growth Campaigns",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.4x",
|
||||
description: "Average Revenue Increase",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Client Retention Rate",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Results You Can Count On"
|
||||
tag="Proven Success"
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", description: "Active Growth Campaigns" },
|
||||
{ id: "m2", value: "2.4x", description: "Average Revenue Increase" },
|
||||
{ id: "m3", value: "98%", description: "Client Retention Rate" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Alpha Corp",
|
||||
"Beta Solutions",
|
||||
"Gamma Retail",
|
||||
"Delta Tech",
|
||||
"Epsilon Systems",
|
||||
"Zeta Creative",
|
||||
"Theta Digital",
|
||||
]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="We partner with ambitious companies across diverse industries."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Alpha Corp", "Beta Solutions", "Gamma Retail", "Delta Tech", "Epsilon Systems", "Zeta Creative", "Theta Digital"]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="We partner with ambitious companies across diverse industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
testimonial: "Autopilot completely transformed our online presence in months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Their SEO strategies are unlike any we have seen before.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
role: "Owner",
|
||||
testimonial: "Finally, marketing that drives actual sales results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casually-dressed-female-designer-spectacles-working-remotely-generic-laptop-looking-with-joyful-smile_273609-1917.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Park",
|
||||
role: "Manager",
|
||||
testimonial: "Excellent communication and professional execution every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Reed",
|
||||
role: "Founder",
|
||||
testimonial: "Autopilot is the best investment we made for our scaling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-customer-man-smiling-happy-holding-credit-card-clothing-store_839833-13935.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Hear how we've helped businesses scale their operations through targeted digital strategy."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", testimonial: "Autopilot completely transformed our online presence in months.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
|
||||
{ id: "2", name: "David Chen", role: "Marketing Director", testimonial: "Their SEO strategies are unlike any we have seen before.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg" },
|
||||
{ id: "3", name: "Emily Watson", role: "Owner", testimonial: "Finally, marketing that drives actual sales results.", imageSrc: "http://img.b2bpic.net/free-photo/casually-dressed-female-designer-spectacles-working-remotely-generic-laptop-looking-with-joyful-smile_273609-1917.jpg" },
|
||||
{ id: "4", name: "James Park", role: "Manager", testimonial: "Excellent communication and professional execution every time.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg" },
|
||||
{ id: "5", name: "Linda Reed", role: "Founder", testimonial: "Autopilot is the best investment we made for our scaling.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-customer-man-smiling-happy-holding-credit-card-clothing-store_839833-13935.jpg" }
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Hear how we've helped businesses scale their operations through targeted digital strategy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long until I see results?",
|
||||
content: "Results typically begin within the first 60 days of strategy implementation.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What tools do you use?",
|
||||
content: "We utilize industry-leading analytics and automation tools for maximum ROI.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle all marketing channels?",
|
||||
content: "Yes, our integrated services cover everything from web to social.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Everything you need to know about working with Autopilot."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long until I see results?", content: "Results typically begin within the first 60 days of strategy implementation." },
|
||||
{ id: "f2", title: "What tools do you use?", content: "We utilize industry-leading analytics and automation tools for maximum ROI." },
|
||||
{ id: "f3", title: "Do you handle all marketing channels?", content: "Yes, our integrated services cover everything from web to social." }
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
sideDescription="Everything you need to know about working with Autopilot."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Start Your Free Growth Audit"
|
||||
description="Ready to put your marketing on autopilot? Let's talk."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get Started"
|
||||
title="Start Your Free Growth Audit"
|
||||
description="Ready to put your marketing on autopilot? Let's talk."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Autopilot"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#features" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
logoText="Autopilot"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user