Merge version_1 into main #1
342
src/app/page.tsx
342
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, MousePointer, Smartphone, BarChart } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="BuildAI"
|
||||
/>
|
||||
@@ -55,100 +44,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build Your Website in Minutes, Not Months"
|
||||
description="No coding required. Drag-and-drop simplicity meets AI-powered design. Launch a professional site today and start attracting customers tomorrow."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahbiz",
|
||||
testimonial: "BuildAI saved me weeks of work. My shop was online in one afternoon!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-mood-working-good-handsome-young-man-working-his-laptop_8353-5959.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@mikemktg",
|
||||
testimonial: "As a marketer, I need speed. This tool is exactly what I was looking for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321692.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena D.",
|
||||
handle: "@elenadesign",
|
||||
testimonial: "Incredible ease of use and the designs look truly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-home-with-computer-couch_169016-5762.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dk_creative",
|
||||
testimonial: "Finally, a builder that doesn't feel clunky. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lifestyle-concept-young-woman-casual-clothes-working-laptop-sitting-office_1258-195300.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe B.",
|
||||
handle: "@chloe_grow",
|
||||
testimonial: "My conversion rate doubled after switching to BuildAI.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building Free",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarahbiz", testimonial: "BuildAI saved me weeks of work. My shop was online in one afternoon!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/great-mood-working-good-handsome-young-man-working-his-laptop_8353-5959.jpg" },
|
||||
{ name: "Mike R.", handle: "@mikemktg", testimonial: "As a marketer, I need speed. This tool is exactly what I was looking for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321692.jpg" },
|
||||
{ name: "Elena D.", handle: "@elenadesign", testimonial: "Incredible ease of use and the designs look truly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/work-home-with-computer-couch_169016-5762.jpg" },
|
||||
{ name: "David K.", handle: "@dk_creative", testimonial: "Finally, a builder that doesn't feel clunky. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-lifestyle-concept-young-woman-casual-clothes-working-laptop-sitting-office_1258-195300.jpg" },
|
||||
{ name: "Chloe B.", handle: "@chloe_grow", testimonial: "My conversion rate doubled after switching to BuildAI.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Start Building Free", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",
|
||||
alt: "Closeup of African American woman typing on laptop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg",
|
||||
alt: "Modern workspace with computer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
|
||||
alt: "Man engineer working with device",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg",
|
||||
alt: "3d graph computer illustration",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-125757.jpg",
|
||||
alt: "Young company analyst at office",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lightning Fast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scale",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg", alt: "Closeup of African American woman typing on laptop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg", alt: "Modern workspace with computer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", alt: "Man engineer working with device" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg", alt: "3d graph computer illustration" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-125757.jpg", alt: "Young company analyst at office" }
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "AI Powered" }, { type: "text", text: "Lightning Fast" }, { type: "text", text: "Mobile Optimized" }, { type: "text", text: "SEO Ready" }, { type: "text", text: "Global Scale" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,20 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Designed for Everyone, Built for Growth"
|
||||
description="Our AI-powered engine takes care of the technical complexity so you can focus on your brand. From small business owners to marketing managers, we empower everyone to succeed online."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Websites Built",
|
||||
},
|
||||
{
|
||||
value: "20m",
|
||||
title: "Minutes Saved",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
},
|
||||
]}
|
||||
metrics={[{ value: "10k+", title: "Websites Built" }, { value: "20m", title: "Minutes Saved" }, { value: "99.9%", title: "Uptime" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-process-night-musician-is-creating-music-night_169016-17532.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -182,30 +85,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Design Engine",
|
||||
description: "Generate layouts based on your brand goals automatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Drag & Drop Editor",
|
||||
description: "Intuitive controls to customize your site in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901787.jpg",
|
||||
buttonIcon: "MousePointer",
|
||||
},
|
||||
{
|
||||
title: "Responsive Designs",
|
||||
description: "Sites that look great on every device instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-close-up_23-2148308536.jpg",
|
||||
buttonIcon: "Smartphone",
|
||||
},
|
||||
{
|
||||
title: "Built-in Analytics",
|
||||
description: "Track your progress and grow your business with data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg",
|
||||
buttonIcon: "BarChart",
|
||||
},
|
||||
{ title: "AI Design Engine", description: "Generate layouts based on your brand goals automatically.", imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg", buttonIcon: Zap },
|
||||
{ title: "Drag & Drop Editor", description: "Intuitive controls to customize your site in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901787.jpg", buttonIcon: MousePointer },
|
||||
{ title: "Responsive Designs", description: "Sites that look great on every device instantly.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-close-up_23-2148308536.jpg", buttonIcon: Smartphone },
|
||||
{ title: "Built-in Analytics", description: "Track your progress and grow your business with data.", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg", buttonIcon: BarChart }
|
||||
]}
|
||||
title="Everything You Need to Succeed"
|
||||
description="Professional tools for non-technical users to create stunning digital experiences."
|
||||
@@ -218,46 +101,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahbiz",
|
||||
testimonial: "I never thought I could build a site myself, but BuildAI made it effortless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-businesswoman-holding-cup_23-2148452644.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@mikemktg",
|
||||
testimonial: "The AI design quality is simply unmatched for the price point.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena D.",
|
||||
handle: "@elenadesign",
|
||||
testimonial: "Everything just works. I launched in 30 minutes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-employed-analyst-working-financial-audits-budget-planning-laptop_482257-90911.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@dk_creative",
|
||||
testimonial: "Finally, the web design bottleneck is solved for our team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-green-shirt-standing-desk_23-2148401379.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloe_grow",
|
||||
testimonial: "Beautiful results that actually convert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahbiz", testimonial: "I never thought I could build a site myself, but BuildAI made it effortless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-businesswoman-holding-cup_23-2148452644.jpg" },
|
||||
{ id: "2", name: "Mike R.", handle: "@mikemktg", testimonial: "The AI design quality is simply unmatched for the price point.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-smiling-looking-confident-happy-standing-suit-street-leans-her_1258-193996.jpg" },
|
||||
{ id: "3", name: "Elena D.", handle: "@elenadesign", testimonial: "Everything just works. I launched in 30 minutes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/self-employed-analyst-working-financial-audits-budget-planning-laptop_482257-90911.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@dk_creative", testimonial: "Finally, the web design bottleneck is solved for our team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-green-shirt-standing-desk_23-2148401379.jpg" },
|
||||
{ id: "5", name: "Chloe B.", handle: "@chloe_grow", testimonial: "Beautiful results that actually convert.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Creators Everywhere"
|
||||
@@ -267,25 +115,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "85%",
|
||||
description: "Faster Launch Time",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
description: "Lower Cost than Agency",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5x",
|
||||
description: "Average Lead Gen",
|
||||
},
|
||||
{ id: "m1", value: "85%", description: "Faster Launch Time" },
|
||||
{ id: "m2", value: "40%", description: "Lower Cost than Agency" },
|
||||
{ id: "m3", value: "5x", description: "Average Lead Gen" }
|
||||
]}
|
||||
title="Powerful Results, Measurable Impact"
|
||||
description="See why entrepreneurs choose our AI builder for their digital footprint."
|
||||
@@ -298,39 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$19",
|
||||
subtitle: "For personal sites",
|
||||
features: [
|
||||
"1 Website",
|
||||
"Basic AI Editor",
|
||||
"Free Hosting",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Seller",
|
||||
price: "$49",
|
||||
subtitle: "For business growth",
|
||||
features: [
|
||||
"5 Websites",
|
||||
"Advanced AI Editor",
|
||||
"Custom Domain",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "agency",
|
||||
badge: "Unlimited",
|
||||
price: "$99",
|
||||
subtitle: "For scale",
|
||||
features: [
|
||||
"Unlimited Sites",
|
||||
"API Access",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{ id: "starter", badge: "Essential", price: "$19", subtitle: "For personal sites", features: ["1 Website", "Basic AI Editor", "Free Hosting"] },
|
||||
{ id: "pro", badge: "Best Seller", price: "$49", subtitle: "For business growth", features: ["5 Websites", "Advanced AI Editor", "Custom Domain"] },
|
||||
{ id: "agency", badge: "Unlimited", price: "$99", subtitle: "For scale", features: ["Unlimited Sites", "API Access", "Priority Support"] }
|
||||
]}
|
||||
title="Simple Pricing for Every Goal"
|
||||
description="Choose the perfect plan to get your business growing today."
|
||||
@@ -342,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "Absolutely not! BuildAI is 100% drag-and-drop.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use my own domain?",
|
||||
content: "Yes, every paid plan includes custom domain support.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the AI tool really fast?",
|
||||
content: "Yes, the AI engine can generate a layout in under 60 seconds.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need coding skills?", content: "Absolutely not! BuildAI is 100% drag-and-drop." },
|
||||
{ id: "q2", title: "Can I use my own domain?", content: "Yes, every paid plan includes custom domain support." },
|
||||
{ id: "q3", title: "Is the AI tool really fast?", content: "Yes, the AI engine can generate a layout in under 60 seconds." }
|
||||
]}
|
||||
title="Questions? We've Got Answers"
|
||||
description="Everything you need to know about starting with BuildAI."
|
||||
@@ -370,23 +165,10 @@ export default function LandingPage() {
|
||||
title="Ready to Start Building?"
|
||||
description="Join thousands of businesses launching their vision with BuildAI today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-3d-rendering-modern-tech-device_187299-46717.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -396,45 +178,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="BuildAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 BuildAI. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user