Merge version_1 into main #1
441
src/app/page.tsx
441
src/app/page.tsx
@@ -20,311 +20,164 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AI Intelligence Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AI Intelligence Agency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Revolutionize Your Business with AI"
|
||||
description="Expert AI implementation that saves time, cuts costs, and ensures you never miss a client opportunity again."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg",
|
||||
imageAlt: "AI Neural Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",
|
||||
imageAlt: "Data Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experts-using-ai-computing-simulation_482257-80913.jpg",
|
||||
imageAlt: "Automation Concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
|
||||
imageAlt: "Data Stream",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-man-vr-glasses-touching-air_74855-2691.jpg",
|
||||
imageAlt: "User Interaction",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Revolutionize Your Business with AI"
|
||||
description="Expert AI implementation that saves time, cuts costs, and ensures you never miss a client opportunity again."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg", imageAlt: "AI Neural Visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg", imageAlt: "Data Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/experts-using-ai-computing-simulation_482257-80913.jpg", imageAlt: "Automation Concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg", imageAlt: "Data Stream" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-man-vr-glasses-touching-air_74855-2691.jpg", imageAlt: "User Interaction" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your AI Transformation Partner"
|
||||
description="We help agencies and businesses bridge the gap between manual processes and intelligent automation, ensuring maximum efficiency and 24/7 service availability."
|
||||
metrics={[
|
||||
{
|
||||
value: "70%",
|
||||
title: "Time Saved",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
title: "Operational Costs",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Lead Coverage",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg"
|
||||
imageAlt="AI Expert Workspace"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your AI Transformation Partner"
|
||||
description="We help agencies and businesses bridge the gap between manual processes and intelligent automation, ensuring maximum efficiency and 24/7 service availability."
|
||||
metrics={[
|
||||
{ value: "70%", title: "Time Saved" },
|
||||
{ value: "40%", title: "Operational Costs" },
|
||||
{ value: "100%", title: "Lead Coverage" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg"
|
||||
imageAlt="AI Expert Workspace"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Automated Scheduling",
|
||||
tags: [
|
||||
"AI",
|
||||
"Efficiency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "24/7 Intelligent Support",
|
||||
tags: [
|
||||
"Sales",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg",
|
||||
},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Predictive Analytics",
|
||||
tags: [
|
||||
"Data",
|
||||
"Insight",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expert Solutions"
|
||||
description="Proven AI expertise tailored to handle your scaling challenges."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "feat-1", title: "Automated Scheduling", tags: ["AI", "Efficiency"], imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg" },
|
||||
{ id: "feat-2", title: "24/7 Intelligent Support", tags: ["Sales", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg" },
|
||||
{ id: "feat-3", title: "Predictive Analytics", tags: ["Data", "Insight"], imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
|
||||
]}
|
||||
title="Expert Solutions"
|
||||
description="Proven AI expertise tailored to handle your scaling challenges."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Clients Onboarded",
|
||||
value: "500+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Tasks Automated",
|
||||
value: "10k+",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Revenue Growth",
|
||||
value: "150%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Measurable results delivered through intelligent technology."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Clients Onboarded", value: "500+", icon: Users },
|
||||
{ id: "m2", title: "Tasks Automated", value: "10k+", icon: Zap },
|
||||
{ id: "m3", title: "Revenue Growth", value: "150%", icon: TrendingUp },
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Measurable results delivered through intelligent technology."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Marketing Director",
|
||||
testimonial: "The AI integration saved us countless hours. Total game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-making-hand-gesture-with-laptop-desk-restaurant_23-2147956345.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
testimonial: "Never losing a client due to response times again. Incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Chen",
|
||||
role: "Operations",
|
||||
testimonial: "Efficiency levels are through the roof. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Wong",
|
||||
role: "Sales Manager",
|
||||
testimonial: "Seamless automation. It feels like having a larger team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Smith",
|
||||
role: "Product Lead",
|
||||
testimonial: "Expert guidance and flawless AI implementation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="See how businesses have transformed their workflow."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="scale-rotate"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivers", role: "Marketing Director", testimonial: "The AI integration saved us countless hours. Total game changer.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-making-hand-gesture-with-laptop-desk-restaurant_23-2147956345.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", role: "CEO", testimonial: "Never losing a client due to response times again. Incredible.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "t3", name: "James Chen", role: "Operations", testimonial: "Efficiency levels are through the roof. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg" },
|
||||
{ id: "t4", name: "Lisa Wong", role: "Sales Manager", testimonial: "Seamless automation. It feels like having a larger team.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg" },
|
||||
{ id: "t5", name: "David Smith", role: "Product Lead", testimonial: "Expert guidance and flawless AI implementation.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="See how businesses have transformed their workflow."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"FinGlobal",
|
||||
"GrowthX",
|
||||
"DataStream",
|
||||
"BotAuto",
|
||||
"CloudScale",
|
||||
"InnovateHub",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Empowering innovators in diverse industries."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["TechCorp", "FinGlobal", "GrowthX", "DataStream", "BotAuto", "CloudScale", "InnovateHub"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Empowering innovators in diverse industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does implementation take?",
|
||||
content: "Typically 2-4 weeks depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need technical knowledge?",
|
||||
content: "No, we handle the full technical implementation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Will this replace my staff?",
|
||||
content: "No, it augments your existing team's capability.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our AI agency services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-coding-interactive-screen_53876-97188.jpg"
|
||||
imageAlt="FAQ Support"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long does implementation take?", content: "Typically 2-4 weeks depending on complexity." },
|
||||
{ id: "f2", title: "Do I need technical knowledge?", content: "No, we handle the full technical implementation." },
|
||||
{ id: "f3", title: "Will this replace my staff?", content: "No, it augments your existing team's capability." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our AI agency services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-coding-interactive-screen_53876-97188.jpg"
|
||||
imageAlt="FAQ Support"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Scale?"
|
||||
description="Send us an email to get a custom AI automation strategy for your agency."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Scale?"
|
||||
description="Send us an email to get a custom AI automation strategy for your agency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AI Automation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sales AI",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AI Agency"
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [{ label: "AI Automation", href: "#" }, { label: "Sales AI", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Agency", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AI Agency"
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user