Merge version_1 into main #2
449
src/app/page.tsx
449
src/app/page.tsx
@@ -28,333 +28,144 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Attoexa"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Attoexa"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Transform Your Business from Small to Powerful"
|
||||
description="Custom marketing strategies and advanced technology accelerate your growth. We don't do generic—we build tailored solutions designed for your specific goals and market."
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-2",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-3",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-4",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ROI Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expertise",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Transform Your Business from Small to Powerful"
|
||||
description="Custom marketing strategies and advanced technology accelerate your growth. We don't do generic—we build tailored solutions designed for your specific goals and market."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-booking-meetings-with-customers-by-phone_329181-17626.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get Started Today", href: "#contact" },
|
||||
{ text: "Schedule a Consultation", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "ROI Focused" },
|
||||
{ type: "text", text: "Data Driven" },
|
||||
{ type: "text", text: "Scalable" },
|
||||
{ type: "text", text: "Modern Tech" },
|
||||
{ type: "text", text: "Expertise" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Partners for Ambitious SMBs",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg",
|
||||
alt: "Attoexa Team",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Partners for Ambitious SMBs" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg", alt: "Attoexa Team" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Accelerated Growth",
|
||||
description: "Data-driven strategies that deliver real results.",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Innovation First",
|
||||
description: "Advanced tools and modern approaches for your scale.",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Tailored Solutions",
|
||||
description: "Strategies built for your business, not generic templates.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Reliable Results",
|
||||
description: "Transparent reporting and clear objectives.",
|
||||
},
|
||||
{
|
||||
icon: BarChart2,
|
||||
title: "Advanced Analytics",
|
||||
description: "Deep insights to drive informed business decisions.",
|
||||
},
|
||||
]}
|
||||
title="Accelerated Growth & Innovation"
|
||||
description="Attoexa partners with ambitious SMBs to unlock growth through customized digital marketing, strategic planning, and cutting-edge technology. We combine industry expertise with measurable results."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Zap, title: "Accelerated Growth", description: "Data-driven strategies that deliver real results." },
|
||||
{ icon: Rocket, title: "Innovation First", description: "Advanced tools and modern approaches for your scale." },
|
||||
{ icon: Target, title: "Tailored Solutions", description: "Strategies built for your business, not generic templates." },
|
||||
{ icon: ShieldCheck, title: "Reliable Results", description: "Transparent reporting and clear objectives." },
|
||||
{ icon: BarChart2, title: "Advanced Analytics", description: "Deep insights to drive informed business decisions." },
|
||||
]}
|
||||
title="Accelerated Growth & Innovation"
|
||||
description="Attoexa partners with ambitious SMBs to unlock growth through customized digital marketing, strategic planning, and cutting-edge technology. We combine industry expertise with measurable results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Avg. Revenue Growth",
|
||||
description: "For our SMB clients.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.4M+",
|
||||
title: "Leads Generated",
|
||||
description: "Across diverse industries.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Client Retention",
|
||||
description: "Building long-term partners.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Measuring Your Success"
|
||||
description="Our strategies provide clear ROI for ambitious business owners."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "150%", title: "Avg. Revenue Growth", description: "For our SMB clients.", icon: TrendingUp },
|
||||
{ id: "m2", value: "2.4M+", title: "Leads Generated", description: "Across diverse industries.", icon: Users },
|
||||
{ id: "m3", value: "95%", title: "Client Retention", description: "Building long-term partners.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Measuring Your Success"
|
||||
description="Our strategies provide clear ROI for ambitious business owners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excellent ROI",
|
||||
quote: "Attoexa transformed our digital marketing and doubled our lead count.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, GrowthCo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
|
||||
imageAlt: "digital marketing dashboard analytics",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Strategic Experts",
|
||||
quote: "Their tech-first approach is exactly what our SMB needed to compete.",
|
||||
name: "Michael Chen",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg",
|
||||
imageAlt: "digital marketing dashboard analytics",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Scalable Growth",
|
||||
quote: "We started as a small startup and are now scaling rapidly thanks to them.",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-booking-meetings-with-customers-by-phone_329181-17626.jpg?_wi=1",
|
||||
imageAlt: "digital marketing dashboard analytics",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Reliable Partner",
|
||||
quote: "Transparent, measurable, and highly effective for our business growth.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
imageAlt: "digital marketing dashboard analytics",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Advanced Tools",
|
||||
quote: "Enterprise-level marketing without the enterprise cost. Highly recommended.",
|
||||
name: "James Smith",
|
||||
role: "SMB Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
|
||||
imageAlt: "digital marketing dashboard analytics",
|
||||
},
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Trusted by fast-growing companies."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excellent ROI", quote: "Attoexa transformed our digital marketing and doubled our lead count.", name: "Sarah Johnson", role: "CEO, GrowthCo", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "digital marketing dashboard analytics" },
|
||||
{ id: "t2", title: "Strategic Experts", quote: "Their tech-first approach is exactly what our SMB needed to compete.", name: "Michael Chen", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/angry-female-ceo-yelling-her-executive-assistants-due-business-failure_482257-120044.jpg", imageAlt: "digital marketing dashboard analytics" },
|
||||
{ id: "t3", title: "Scalable Growth", quote: "We started as a small startup and are now scaling rapidly thanks to them.", name: "David Kim", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/woman-booking-meetings-with-customers-by-phone_329181-17626.jpg", imageAlt: "digital marketing dashboard analytics" },
|
||||
{ id: "t4", title: "Reliable Partner", quote: "Transparent, measurable, and highly effective for our business growth.", name: "Emily Rodriguez", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", imageAlt: "digital marketing dashboard analytics" },
|
||||
{ id: "t5", title: "Advanced Tools", quote: "Enterprise-level marketing without the enterprise cost. Highly recommended.", name: "James Smith", role: "SMB Owner", imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", imageAlt: "digital marketing dashboard analytics" },
|
||||
]}
|
||||
title="What Our Partners Say"
|
||||
description="Trusted by fast-growing companies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What industries do you serve?",
|
||||
content: "We serve SMBs across a wide range of industries looking to scale.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long until we see results?",
|
||||
content: "Our data-driven strategies focus on both quick wins and long-term scaling.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your solutions customized?",
|
||||
content: "Absolutely. We build solutions tailored to your unique market and goals.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-booking-meetings-with-customers-by-phone_329181-17626.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Understand how we help your business scale."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What industries do you serve?", content: "We serve SMBs across a wide range of industries looking to scale." },
|
||||
{ id: "f2", title: "How long until we see results?", content: "Our data-driven strategies focus on both quick wins and long-term scaling." },
|
||||
{ id: "f3", title: "Are your solutions customized?", content: "Absolutely. We build solutions tailored to your unique market and goals." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-booking-meetings-with-customers-by-phone_329181-17626.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Understand how we help your business scale."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Grow Together"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Schedule a consultation with our growth experts and start your transformation from small to powerful today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Grow Together"
|
||||
title="Ready to Transform Your Business?"
|
||||
description="Schedule a consultation with our growth experts and start your transformation from small to powerful today."
|
||||
buttons={[{ text: "Schedule a Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Attoexa"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Growth Strategy",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Marketing Tech",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Attoexa. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Attoexa"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Growth Strategy", href: "#features" }, { label: "Marketing Tech", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Attoexa. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user