Merge version_2 into main #2
113
src/app/page.tsx
113
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="AI CodeBuild"
|
||||
/>
|
||||
@@ -51,9 +45,7 @@ export default function LandingPage() {
|
||||
description="Describe your app in plain language. Watch AI generate clean, deployable code. Edit visually, deploy immediately—no developer experience required."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building Free",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Building Free", href: "#"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-highly-sophisticated-ai-coding-dashboa-1774614539772-7c4c16b9.png?_wi=1"
|
||||
imageAlt="AI Coding Dashboard Interface"
|
||||
@@ -80,22 +72,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Plain-English Prompting",
|
||||
description: "Describe your requirements naturally and watch the AI build complex architectures.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-highly-sophisticated-ai-coding-dashboa-1774614539772-7c4c16b9.png?_wi=2",
|
||||
},
|
||||
title: "Plain-English Prompting", description: "Describe your requirements naturally and watch the AI build complex architectures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-highly-sophisticated-ai-coding-dashboa-1774614539772-7c4c16b9.png?_wi=2"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Visual Drag & Drop",
|
||||
description: "Rearrange generated components with a tactile, intuitive interface.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-minimalist-sleek-workspace-for-develop-1774614542057-9a92247e.png?_wi=2",
|
||||
},
|
||||
title: "Visual Drag & Drop", description: "Rearrange generated components with a tactile, intuitive interface.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-minimalist-sleek-workspace-for-develop-1774614542057-9a92247e.png?_wi=2"},
|
||||
{
|
||||
id: 3,
|
||||
title: "One-Click Deployment",
|
||||
description: "Push your code to live environments with optimized infrastructure.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-highly-sophisticated-ai-coding-dashboa-1774614539772-7c4c16b9.png?_wi=3",
|
||||
},
|
||||
title: "One-Click Deployment", description: "Push your code to live environments with optimized infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-highly-sophisticated-ai-coding-dashboa-1774614539772-7c4c16b9.png?_wi=3"},
|
||||
]}
|
||||
title="Supercharge Your Workflow"
|
||||
description="Everything you need to turn ideas into deployed applications in minutes."
|
||||
@@ -109,54 +92,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Hobbyist",
|
||||
price: "$0",
|
||||
subtitle: "For individual developers",
|
||||
features: [
|
||||
"1 AI Project",
|
||||
"Basic Components",
|
||||
"Community Support",
|
||||
],
|
||||
id: "basic", badge: "Hobbyist", price: "$0", subtitle: "For individual developers", features: [
|
||||
"1 AI Project", "Basic Components", "Community Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$29",
|
||||
subtitle: "For professional freelancing",
|
||||
features: [
|
||||
"Unlimited Projects",
|
||||
"Custom UI Components",
|
||||
"Priority AI Engine",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$29", subtitle: "For professional freelancing", features: [
|
||||
"Unlimited Projects", "Custom UI Components", "Priority AI Engine"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "team",
|
||||
badge: "Enterprise",
|
||||
price: "$99",
|
||||
subtitle: "For startup teams",
|
||||
features: [
|
||||
"Team Collaboration",
|
||||
"Deploy to Custom Domain",
|
||||
"Full Code Export",
|
||||
],
|
||||
id: "team", badge: "Enterprise", price: "$99", subtitle: "For startup teams", features: [
|
||||
"Team Collaboration", "Deploy to Custom Domain", "Full Code Export"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -171,20 +127,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "Absolutely not. Our platform generates production code based on plain English prompts.",
|
||||
},
|
||||
id: "1", title: "Do I need coding skills?", content: "Absolutely not. Our platform generates production code based on plain English prompts."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I export my code?",
|
||||
content: "Yes, our professional plans allow for full source code export for your own infrastructure.",
|
||||
},
|
||||
id: "2", title: "Can I export my code?", content: "Yes, our professional plans allow for full source code export for your own infrastructure."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is my app secure?",
|
||||
content: "We use enterprise-grade encryption and best practices for every component we generate.",
|
||||
},
|
||||
id: "3", title: "Is my app secure?", content: "We use enterprise-grade encryption and best practices for every component we generate."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started."
|
||||
@@ -197,29 +144,19 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWp7977k4bfvlDzevqU858gc4H/a-clean-modern-logo-for-an-ai-software-p-1774614538746-56e90861.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user