Merge version_1 into main #1
209
src/app/page.tsx
209
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
]}
|
||||
brandName="Lovable"
|
||||
/>
|
||||
@@ -48,41 +42,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Build beautiful apps in minutes, not months"
|
||||
description="AI-powered web development that combines stunning design with production-ready code. Ship faster without sacrificing quality or your creative vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Building Free", href: "#"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/professional-software-interface-showing--1774629920038-608dc6e2.png",
|
||||
},
|
||||
id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/professional-software-interface-showing--1774629920038-608dc6e2.png"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/close-up-of-code-syntax-highlighting-wit-1774629918375-2ceadacd.png",
|
||||
},
|
||||
id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/close-up-of-code-syntax-highlighting-wit-1774629918375-2ceadacd.png"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/abstract-data-visualization-with-flowing-1774629917674-391b8515.png",
|
||||
},
|
||||
id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/abstract-data-visualization-with-flowing-1774629917674-391b8515.png"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-web-design-showcase-on-a-high-reso-1774629918002-4a4e5e50.png",
|
||||
},
|
||||
id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-web-design-showcase-on-a-high-reso-1774629918002-4a4e5e50.png"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/futuristic-ui-components-floating-glass--1774629918779-4f834d38.png",
|
||||
},
|
||||
id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/futuristic-ui-components-floating-glass--1774629918779-4f834d38.png"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/high-tech-workspace-with-clean-setup-art-1774629918441-dff7b7f1.png",
|
||||
},
|
||||
id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/high-tech-workspace-with-clean-setup-art-1774629918441-dff7b7f1.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -94,26 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Rapid Prototyping",
|
||||
description: "Generate full UI components instantly using natural language prompts.",
|
||||
tag: "Speed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/lightning-speed-icon-on-tech-platform-bl-1774629919044-2c2f42f5.png",
|
||||
},
|
||||
id: "f1", title: "Rapid Prototyping", description: "Generate full UI components instantly using natural language prompts.", tag: "Speed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/lightning-speed-icon-on-tech-platform-bl-1774629919044-2c2f42f5.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "AI-Native Logic",
|
||||
description: "Seamless integration of complex logic without backend boilerplate.",
|
||||
tag: "Intelligence",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/ai-brain-icon-with-integrated-circuit-de-1774629917970-58cf5e8f.png",
|
||||
},
|
||||
id: "f2", title: "AI-Native Logic", description: "Seamless integration of complex logic without backend boilerplate.", tag: "Intelligence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/ai-brain-icon-with-integrated-circuit-de-1774629917970-58cf5e8f.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Production Ready",
|
||||
description: "Clean, optimized code that scales from MVP to enterprise scale.",
|
||||
tag: "Reliability",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/production-ready-icon-with-shield-and-ch-1774629917391-64e89ca8.png",
|
||||
},
|
||||
id: "f3", title: "Production Ready", description: "Clean, optimized code that scales from MVP to enterprise scale.", tag: "Reliability", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/production-ready-icon-with-shield-and-ch-1774629917391-64e89ca8.png"},
|
||||
]}
|
||||
title="Built for Velocity"
|
||||
description="Powerful AI capabilities to accelerate every part of your development lifecycle."
|
||||
@@ -122,30 +86,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10x",
|
||||
title: "Speed",
|
||||
description: "Faster delivery to market",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-chart-showing-explosive-growth-1774629919031-9d619cd9.png",
|
||||
},
|
||||
id: "m1", value: "10x", title: "Speed", description: "Faster delivery to market", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-chart-showing-explosive-growth-1774629919031-9d619cd9.png"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "75%",
|
||||
title: "Efficiency",
|
||||
description: "Reduction in boilerplate",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/efficiency-metric-icon-showing-10x-outpu-1774629917481-f1bfea4b.png",
|
||||
},
|
||||
id: "m2", value: "75%", title: "Efficiency", description: "Reduction in boilerplate", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/efficiency-metric-icon-showing-10x-outpu-1774629917481-f1bfea4b.png"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Launched",
|
||||
description: "Apps powered by Lovable",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/global-impact-metric-icon-earth-with-net-1774629917650-a7f2ca8c.png",
|
||||
},
|
||||
id: "m3", value: "100+", title: "Launched", description: "Apps powered by Lovable", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/global-impact-metric-icon-earth-with-net-1774629917650-a7f2ca8c.png"},
|
||||
]}
|
||||
title="Efficiency Unleashed"
|
||||
description="Real impact metrics from real startup stories."
|
||||
@@ -159,40 +109,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Lovable changed my workflow forever. Built a production SaaS in just 48 hours.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/beautiful-app-interface-screenshot-showi-1774629918420-b74eaca3.png",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Lovable changed my workflow forever. Built a production SaaS in just 48 hours.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/beautiful-app-interface-screenshot-showi-1774629918420-b74eaca3.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The quality of code is unmatched in the low-code space. Finally, a tool that respects developers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-ui-showing-complex-data-visual-1774629918798-43747982.png",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "The quality of code is unmatched in the low-code space. Finally, a tool that respects developers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/dashboard-ui-showing-complex-data-visual-1774629918798-43747982.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenadev",
|
||||
testimonial: "Incredible speed and design elegance. My clients love the aesthetic polish.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/clean-website-layout-showing-minimalist--1774629922389-f1278410.png",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", handle: "@elenadev", testimonial: "Incredible speed and design elegance. My clients love the aesthetic polish.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/clean-website-layout-showing-minimalist--1774629922389-f1278410.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The AI is actually helpful, not just another wrapper. It understands architectural patterns.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-dark-theme-mobile-app-mock-up-1774629919134-045108e8.png",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "The AI is actually helpful, not just another wrapper. It understands architectural patterns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/sleek-dark-theme-mobile-app-mock-up-1774629919134-045108e8.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "An absolute game changer for building MVPs. Saved us weeks of development effort.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/portrait-of-a-tech-startup-founder-smili-1774629918350-55f8f2fb.png",
|
||||
},
|
||||
id: "t5", name: "Alex Rivera", handle: "@arivera", testimonial: "An absolute game changer for building MVPs. Saved us weeks of development effort.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXKBrHI0DBJmd19ktIOtFQjZ6T/portrait-of-a-tech-startup-founder-smili-1774629918350-55f8f2fb.png"},
|
||||
]}
|
||||
title="Loved by Builders"
|
||||
description="See why top developers choose Lovable for their creative vision."
|
||||
@@ -206,57 +131,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "For personal side projects",
|
||||
buttons: [
|
||||
id: "p1", badge: "Free", price: "$0", subtitle: "For personal side projects", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Limited generations",
|
||||
"Community support",
|
||||
"Public repos",
|
||||
],
|
||||
"Limited generations", "Community support", "Public repos"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$49/mo",
|
||||
subtitle: "For rapid builders",
|
||||
buttons: [
|
||||
id: "p2", badge: "Pro", price: "$49/mo", subtitle: "For rapid builders", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Go Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited generations",
|
||||
"Priority AI model",
|
||||
"Commercial license",
|
||||
"GitHub sync",
|
||||
],
|
||||
"Unlimited generations", "Priority AI model", "Commercial license", "GitHub sync"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Team",
|
||||
price: "$199/mo",
|
||||
subtitle: "For scaling teams",
|
||||
buttons: [
|
||||
id: "p3", badge: "Team", price: "$199/mo", subtitle: "For scaling teams", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Team collaboration",
|
||||
"Custom integrations",
|
||||
"SSO & security",
|
||||
"Priority support",
|
||||
],
|
||||
"Team collaboration", "Custom integrations", "SSO & security", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Start your journey today"
|
||||
@@ -268,50 +164,31 @@ 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"},
|
||||
{
|
||||
label: "Updates",
|
||||
href: "#",
|
||||
},
|
||||
label: "Updates", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user