Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AI Builder"
|
||||
/>
|
||||
@@ -58,72 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Build Websites with Pure Intelligence"
|
||||
description="Transform your ideas into stunning, professional websites in seconds. Our AI-driven engine handles the complexity so you can focus on creativity."
|
||||
description="Transform your ideas into professional websites in seconds, reducing development time by 80% with our AI-driven engine that handles complexity so you can focus on creativity."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivier",
|
||||
handle: "@alex",
|
||||
testimonial: "This AI tool saved me weeks of coding. The results are stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
|
||||
},
|
||||
name: "Alex Rivier", handle: "@alex", testimonial: "This AI tool saved me weeks of coding. The results are stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg"},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@jane",
|
||||
testimonial: "Intuitive, fast, and incredibly powerful. A game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
|
||||
},
|
||||
name: "Jane Doe", handle: "@jane", testimonial: "Intuitive, fast, and incredibly powerful. A game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg"},
|
||||
{
|
||||
name: "Mark Smith",
|
||||
handle: "@mark",
|
||||
testimonial: "Best way to launch my landing page. Simply brilliant.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
|
||||
},
|
||||
name: "Mark Smith", handle: "@mark", testimonial: "Best way to launch my landing page. Simply brilliant.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg"},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisa",
|
||||
testimonial: "Incredible automation and design features. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252515.jpg",
|
||||
},
|
||||
name: "Lisa K.", handle: "@lisa", testimonial: "Incredible automation and design features. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252515.jpg"},
|
||||
{
|
||||
name: "Tom P.",
|
||||
handle: "@tom",
|
||||
testimonial: "The AI is remarkably accurate. A true time-saver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/regular-human-job-performed-by-anthropomorphic-futuristic-robot_23-2151043490.jpg",
|
||||
},
|
||||
name: "Tom P.", handle: "@tom", testimonial: "The AI is remarkably accurate. A true time-saver.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/regular-human-job-performed-by-anthropomorphic-futuristic-robot_23-2151043490.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Building", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/legal-tech-office-with-futuristic-interface_23-2152022042.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-medical-cabinet-awaiting-patient-check-up-visit_482257-119767.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-medical-cabinet-awaiting-patient-check-up-visit_482257-119767.jpg", alt: "User avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-lines_1048-5771.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-lines_1048-5771.jpg", alt: "User avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg", alt: "User avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg", alt: "User avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg", alt: "User avatar 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ developers"
|
||||
/>
|
||||
@@ -135,9 +93,7 @@ export default function LandingPage() {
|
||||
title="Redefining How We Build Digital Experiences"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -150,20 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Auto-Design Engine",
|
||||
description: "AI-generated layouts tailored to your unique brand identity.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5jsn2",
|
||||
},
|
||||
title: "Auto-Design Engine", description: "AI-generated layouts tailored to your unique brand identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5jsn2"},
|
||||
{
|
||||
title: "Smart Optimization",
|
||||
description: "Automatically optimized for speed and SEO rankings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
},
|
||||
title: "Smart Optimization", description: "Automatically optimized for speed and SEO rankings.", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"},
|
||||
{
|
||||
title: "Cloud Scale",
|
||||
description: "Reliable infrastructure that scales as your traffic grows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing-icon-set_24908-55303.jpg",
|
||||
},
|
||||
title: "Cloud Scale", description: "Reliable infrastructure that scales as your traffic grows.", imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing-icon-set_24908-55303.jpg"},
|
||||
]}
|
||||
title="Advanced AI Features"
|
||||
description="Equipped with everything you need to build and scale your vision."
|
||||
@@ -177,37 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Launch",
|
||||
price: "$19",
|
||||
subtitle: "For personal projects",
|
||||
features: [
|
||||
"1 Website",
|
||||
"AI Editor",
|
||||
"24/7 Support",
|
||||
],
|
||||
id: "basic", badge: "Launch", price: "$19", subtitle: "For personal projects", features: [
|
||||
"1 Website", "AI Editor", "24/7 Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Scale",
|
||||
price: "$49",
|
||||
subtitle: "For growing businesses",
|
||||
features: [
|
||||
"10 Websites",
|
||||
"Advanced AI",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Scale", price: "$49", subtitle: "For growing businesses", features: [
|
||||
"10 Websites", "Advanced AI", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Ultimate",
|
||||
price: "$199",
|
||||
subtitle: "For agencies",
|
||||
features: [
|
||||
"Unlimited Sites",
|
||||
"Custom AI Models",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
id: "enterprise", badge: "Ultimate", price: "$199", subtitle: "For agencies", features: [
|
||||
"Unlimited Sites", "Custom AI Models", "Dedicated Manager"],
|
||||
},
|
||||
]}
|
||||
title="Simple, Scalable Pricing"
|
||||
@@ -222,59 +148,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Dev",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Dev", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane D.",
|
||||
role: "Des",
|
||||
company: "Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg",
|
||||
},
|
||||
id: "2", name: "Jane D.", role: "Des", company: "Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-with-short-curly-hair-wireless-earphones_574295-3790.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark S.",
|
||||
role: "PM",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "3", name: "Mark S.", role: "PM", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa K.",
|
||||
role: "CEO",
|
||||
company: "Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg",
|
||||
},
|
||||
id: "4", name: "Lisa K.", role: "CEO", company: "Build", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom P.",
|
||||
role: "CTO",
|
||||
company: "Code",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-with-grey-tablet-his-hands-make-set-up-production-line-while-standing-department-dairy-factory_645730-787.jpg",
|
||||
},
|
||||
id: "5", name: "Tom P.", role: "CTO", company: "Code", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technologist-with-grey-tablet-his-hands-make-set-up-production-line-while-standing-department-dairy-factory_645730-787.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Projects",
|
||||
},
|
||||
value: "50k+", label: "Projects"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
value: "99.9%", label: "Uptime"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "5.0", label: "Rating"},
|
||||
]}
|
||||
title="Trusted by Creators Everywhere"
|
||||
description="See why top developers and designers choose us."
|
||||
@@ -287,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I export my code?",
|
||||
content: "Yes, you can export clean, production-ready code anytime.",
|
||||
},
|
||||
id: "q1", title: "Can I export my code?", content: "Yes, you can export clean, production-ready code anytime."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is hosting included?",
|
||||
content: "Yes, global high-speed hosting is included in all tiers.",
|
||||
},
|
||||
id: "q2", title: "Is hosting included?", content: "Yes, global high-speed hosting is included in all tiers."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize styles?",
|
||||
content: "Our AI editor allows full CSS and component customization.",
|
||||
},
|
||||
id: "q3", title: "Can I customize styles?", content: "Our AI editor allows full CSS and component customization."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about our platform."
|
||||
@@ -312,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Get Started"
|
||||
title="Ready to build your masterpiece?"
|
||||
description="Join thousands of builders today. Sign up for early access to our new AI tools."
|
||||
@@ -326,29 +211,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -359,4 +234,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user