Merge version_1 into main #2
404
src/app/page.tsx
404
src/app/page.tsx
@@ -14,297 +14,137 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
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: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AI Guide Agent"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="AI Guide Agent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Your AI-Powered Business Creation Partner"
|
||||
description="Simplify your journey from idea to incorporation. Get instant, reliable answers about registration, taxes, and legal compliance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Miller",
|
||||
handle: "@alicem",
|
||||
testimonial: "The AI saved me weeks of research on business registration. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hg3i6s&_wi=1",
|
||||
imageAlt: "ai chatbot interface design",
|
||||
},
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Clear, concise legal advice instantly available. Fantastic tool.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wxcmm&_wi=1",
|
||||
imageAlt: "ai chatbot interface design",
|
||||
},
|
||||
{
|
||||
name: "Sarah Davis",
|
||||
handle: "@sdavis",
|
||||
testimonial: "Taxes were always confusing, but this agent simplified everything.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nr5ym&_wi=1",
|
||||
imageAlt: "ai chatbot interface design",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Incredible resource for any new business founder.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g57dnz&_wi=1",
|
||||
imageAlt: "ai chatbot interface design",
|
||||
},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "A complete game changer for administrative paperwork.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09qt11&_wi=1",
|
||||
imageAlt: "ai chatbot interface design",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hg3i6s&_wi=2"
|
||||
imageAlt="ai chatbot interface design"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09qt11",
|
||||
alt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6q8b0",
|
||||
alt: "legal consultant professional headshot",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=damvqd",
|
||||
alt: "tech startup founder portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg1ki9",
|
||||
alt: "business consultant confident portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jg8qvt",
|
||||
alt: "professional accountant office portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ founders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Your AI-Powered Business Creation Partner"
|
||||
description="Simplify your journey from idea to incorporation. Get instant, reliable answers about registration, taxes, and legal compliance."
|
||||
testimonials={[
|
||||
{ name: "Alice Miller", handle: "@alicem", testimonial: "The AI saved me weeks of research on business registration. Highly recommend!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hg3i6s", imageAlt: "ai chatbot interface design" },
|
||||
{ name: "John Smith", handle: "@jsmith", testimonial: "Clear, concise legal advice instantly available. Fantastic tool.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wxcmm", imageAlt: "ai chatbot interface design" },
|
||||
{ name: "Sarah Davis", handle: "@sdavis", testimonial: "Taxes were always confusing, but this agent simplified everything.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nr5ym", imageAlt: "ai chatbot interface design" },
|
||||
{ name: "Mark Wilson", handle: "@mwilson", testimonial: "Incredible resource for any new business founder.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g57dnz", imageAlt: "ai chatbot interface design" },
|
||||
{ name: "Emily Chen", handle: "@echen", testimonial: "A complete game changer for administrative paperwork.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09qt11", imageAlt: "ai chatbot interface design" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hg3i6s"
|
||||
imageAlt="ai chatbot interface design"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09qt11", alt: "professional business portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6q8b0", alt: "legal consultant professional headshot" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=damvqd", alt: "tech startup founder portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg1ki9", alt: "business consultant confident portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jg8qvt", alt: "professional accountant office portrait" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ founders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Company Registration",
|
||||
description: "Step-by-step guides for entity formation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wxcmm&_wi=2",
|
||||
imageAlt: "legal compliance document icon",
|
||||
},
|
||||
{
|
||||
title: "Tax Compliance",
|
||||
description: "Essential info on corporate and local taxes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nr5ym&_wi=2",
|
||||
imageAlt: "tax filing document icon",
|
||||
},
|
||||
{
|
||||
title: "Financing Options",
|
||||
description: "Explore loans, grants, and funding strategies.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g57dnz&_wi=2",
|
||||
imageAlt: "startup financing growth icon",
|
||||
},
|
||||
]}
|
||||
title="Core Services for Founders"
|
||||
description="Comprehensive guidance on all aspects of business creation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Company Registration", description: "Step-by-step guides for entity formation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1wxcmm", imageAlt: "legal compliance document icon" },
|
||||
{ title: "Tax Compliance", description: "Essential info on corporate and local taxes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5nr5ym", imageAlt: "tax filing document icon" },
|
||||
{ title: "Financing Options", description: "Explore loans, grants, and funding strategies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g57dnz", imageAlt: "startup financing growth icon" }
|
||||
]}
|
||||
title="Core Services for Founders"
|
||||
description="Comprehensive guidance on all aspects of business creation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
description: "Business Questions Answered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5,000+",
|
||||
description: "Successful Registrations",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.8%",
|
||||
description: "Accuracy Rate",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Proven results for business creators."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10,000+", description: "Business Questions Answered" },
|
||||
{ id: "m2", value: "5,000+", description: "Successful Registrations" },
|
||||
{ id: "m3", value: "99.8%", description: "Accuracy Rate" }
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Proven results for business creators."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the AI tool free?",
|
||||
content: "Yes, our tool provides basic guidance completely free of charge.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does this tool provide legal advice?",
|
||||
content: "This is a guidance tool; please consult with professional legal counsel for binding legal advice.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How often is data updated?",
|
||||
content: "Our database is checked daily against current government regulations.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common business formation questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is the AI tool free?", content: "Yes, our tool provides basic guidance completely free of charge." },
|
||||
{ id: "f2", title: "Does this tool provide legal advice?", content: "This is a guidance tool; please consult with professional legal counsel for binding legal advice." },
|
||||
{ id: "f3", title: "How often is data updated?", content: "Our database is checked daily against current government regulations." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common business formation questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Miller",
|
||||
handle: "@alicem",
|
||||
testimonial: "Excellent interface and very accurate.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09qt11&_wi=2",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Simplified complex legal paperwork.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6q8b0",
|
||||
imageAlt: "legal consultant professional headshot",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Davis",
|
||||
handle: "@sdavis",
|
||||
testimonial: "An essential tool for every startup.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=damvqd",
|
||||
imageAlt: "tech startup founder portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Very quick and helpful agent.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg1ki9",
|
||||
imageAlt: "business consultant confident portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "Saved me hours of research time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jg8qvt",
|
||||
imageAlt: "professional accountant office portrait",
|
||||
},
|
||||
]}
|
||||
title="What Founders Say"
|
||||
description="Success stories from real entrepreneurs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice Miller", handle: "@alicem", testimonial: "Excellent interface and very accurate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=09qt11", imageAlt: "professional business portrait" },
|
||||
{ id: "t2", name: "John Smith", handle: "@jsmith", testimonial: "Simplified complex legal paperwork.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6q8b0", imageAlt: "legal consultant professional headshot" },
|
||||
{ id: "t3", name: "Sarah Davis", handle: "@sdavis", testimonial: "An essential tool for every startup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=damvqd", imageAlt: "tech startup founder portrait" },
|
||||
{ id: "t4", name: "Mark Wilson", handle: "@mwilson", testimonial: "Very quick and helpful agent.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg1ki9", imageAlt: "business consultant confident portrait" },
|
||||
{ id: "t5", name: "Emily Chen", handle: "@echen", testimonial: "Saved me hours of research time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jg8qvt", imageAlt: "professional accountant office portrait" }
|
||||
]}
|
||||
title="What Founders Say"
|
||||
description="Success stories from real entrepreneurs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Business?"
|
||||
description="Start your journey today with AI assistance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch Chat",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Business?"
|
||||
description="Start your journey today with AI assistance."
|
||||
buttons={[{ text: "Launch Chat", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Taxes",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 AI Business Guide"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Legal", href: "#" }, { label: "Taxes", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 AI Business Guide"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user