Merge version_2 into main #1
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,262 +32,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BuildAI"
|
||||
brandName="Gourmet Kitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Build High-Converting Sites in Seconds with AI"
|
||||
description="Stop coding from scratch. Our AI-powered builder creates professional, responsive, and SEO-optimized websites instantly. Experience the future of web development today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building for Free",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137499.jpg"
|
||||
title="Authentic Flavors, Modern Atmosphere"
|
||||
description="Experience the finest local ingredients prepared with passion. Join us for an unforgettable dining experience in the heart of the city."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="https://images.unsplash.com/photo-1552566626-52f8b828add9?q=80&w=2070&auto=format&fit=crop"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/artificial-intelligence-brain-futuristic-data-center_23-2152029074.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111118.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-engineer-interacting-with-holographic-projections_23-2152006119.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy creators"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Websites Built",
|
||||
description: "Successfully deployed sites worldwide.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable hosting you can trust.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500ms",
|
||||
title: "Page Load",
|
||||
description: "Blazing fast performance out-of-the-box.",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Built for Scale and Performance"
|
||||
description="Our infrastructure is engineered to handle millions of requests while maintaining peak performance for your visitors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "AI-Generated Layouts",
|
||||
description: "Instant professional designs tailored to your niche.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Built-in SEO Suite",
|
||||
description: "Automatically optimized for search rankings.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Drag-and-Drop Editor",
|
||||
description: "Customize your site with zero code required.",
|
||||
},
|
||||
]}
|
||||
title="Powerful Features at Your Fingertips"
|
||||
description="Everything you need to launch and grow a professional web presence effortlessly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "SaaS Platform",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scattering-golden-particle-dust-sparkle-background-illustration_1017-42075.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "E-commerce Store",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Agency Portfolio",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-interface-design-elements_53876-100774.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Landing Page",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/initial-monogram-letter-g-creative-technology-concept-logo-design-template_645578-1213.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blog Site",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-code-logo-set_23-2148822605.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Corporate Site",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-future-interface-icon-set_1284-34723.jpg",
|
||||
},
|
||||
]}
|
||||
title="Templates for Every Industry"
|
||||
description="Choose from our vast collection of professionally designed, AI-ready templates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$19",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Site",
|
||||
"Basic SEO",
|
||||
"Community Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$49",
|
||||
name: "Pro",
|
||||
badge: "Popular",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade to Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5 Sites",
|
||||
"Advanced SEO",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$99",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Sites",
|
||||
"Custom Code",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan to take your business online."
|
||||
avatarText="Rated 5 stars by 2,000+ local foodies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="This platform transformed how I build client websites. What used to take days now takes minutes."
|
||||
testimonial="The attention to detail and flavor combinations were simply extraordinary. This is now my favorite spot in town."
|
||||
rating={5}
|
||||
author="Alex Rivera"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
alt: "Alex Rivera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705903.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-smiling-cheerful-showing-pointing-with-fingers-teeth-mouth-dental-health-concept_839833-16033.jpg",
|
||||
alt: "Mark Johnson",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379239.jpg",
|
||||
alt: "Elaine Wong",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
|
||||
alt: "David Smith",
|
||||
},
|
||||
]}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[{ src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200&auto=format&fit=crop", alt: "Sarah Jenkins" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
ariaLabel="Testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -295,74 +68,38 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "No, our AI tool handles everything for you.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export my code?",
|
||||
content: "Yes, you can export your site code at any time.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is hosting included?",
|
||||
content: "Yes, all plans include secure cloud hosting.",
|
||||
},
|
||||
{ id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance, especially on weekends." },
|
||||
{ id: "q2", title: "What are your hours?", content: "We are open daily from 11:00 AM to 10:00 PM." },
|
||||
{ id: "q3", title: "Do you offer vegan options?", content: "Yes, our menu features a wide variety of plant-based dishes." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know."
|
||||
sideDescription="Answers to common dining inquiries."
|
||||
faqsAnimation="blur-reveal"
|
||||
ariaLabel="FAQ section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Launch Your Dream Site?"
|
||||
description="Join thousands of creators who trust BuildAI for their online presence."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us"
|
||||
description="Located at 123 Culinary Ave, Food City. We look forward to serving you!"
|
||||
ariaLabel="Contact section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="BuildAI"
|
||||
logoText="Gourmet Kitchen"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Hours", items: [{ label: "11:00 AM - 10:00 PM Daily", href: "#" }] },
|
||||
{ title: "Reserve", items: [{ label: "Book Online", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user