Merge version_1 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
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="Webild"
|
||||
/>
|
||||
@@ -55,18 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Turn Your Idea into a Website Instantly"
|
||||
description="Generate professional-grade websites with our AI-powered platform. Customize to perfection without writing a single line of code."
|
||||
tag="Revolutionary AI Web Builder"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg"
|
||||
imageAlt="digital dashboard tech dark mode"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,28 +67,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Generation",
|
||||
description: "Go from concept to live URL in minutes with our advanced AI.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-various-icons_1048-8401.jpg",
|
||||
imageAlt: "ai website generator 3d",
|
||||
title: "Instant Generation", description: "Go from concept to live URL in minutes with our advanced AI.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Customizable Themes",
|
||||
description: "Tailor every detail to match your brand identity effortlessly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg?_wi=2",
|
||||
imageAlt: "ai website generator 3d",
|
||||
title: "Customizable Themes", description: "Tailor every detail to match your brand identity effortlessly.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "SEO Optimized",
|
||||
description: "Rank higher with built-in best practices for every page.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg?_wi=1",
|
||||
imageAlt: "ai website generator 3d",
|
||||
title: "SEO Optimized", description: "Rank higher with built-in best practices for every page.", bentoComponent: "reveal-icon", icon: Search
|
||||
},
|
||||
]}
|
||||
title="Features That Drive Growth"
|
||||
@@ -114,33 +88,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Starter",
|
||||
price: "$29/mo",
|
||||
features: [
|
||||
"1 website",
|
||||
"Basic SEO tools",
|
||||
"Community support",
|
||||
],
|
||||
id: "basic", name: "Starter", price: "$29/mo", features: [
|
||||
"1 website", "Basic SEO tools", "Community support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Professional",
|
||||
price: "$59/mo",
|
||||
features: [
|
||||
"10 websites",
|
||||
"Advanced analytics",
|
||||
"Priority support",
|
||||
],
|
||||
id: "pro", name: "Professional", price: "$59/mo", features: [
|
||||
"10 websites", "Advanced analytics", "Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -157,20 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
description: "Websites Created",
|
||||
},
|
||||
id: "m1", value: "10,000+", description: "Websites Created"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guaranteed",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "Uptime Guaranteed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
description: "Global Visitors",
|
||||
},
|
||||
id: "m3", value: "5M+", description: "Global Visitors"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Real results from businesses scaling with Webild."
|
||||
@@ -184,45 +135,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Webild changed the way I build for clients. Incredible speed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Webild changed the way I build for clients. Incredible speed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "I built my entire startup landing page in under an hour.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-attractive-young-brunette-male-architect-sitting-his-workplace-front-computer-while-working-new-housing-project-using-3d-cad-application-having-happy-expression_344912-1838.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "I built my entire startup landing page in under an hour.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-attractive-young-brunette-male-architect-sitting-his-workplace-front-computer-while-working-new-housing-project-using-3d-cad-application-having-happy-expression_344912-1838.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emrod",
|
||||
testimonial: "Simple, intuitive, and extremely powerful for non-coders.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emrod", testimonial: "Simple, intuitive, and extremely powerful for non-coders.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The best investment for our marketing agency this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "The best investment for our marketing agency this year.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Seamless integration and beautiful templates every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jlee", testimonial: "Seamless integration and beautiful templates every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Users Say"
|
||||
@@ -236,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "No, our platform is fully no-code, drag-and-drop based.",
|
||||
},
|
||||
id: "f1", title: "Do I need coding skills?", content: "No, our platform is fully no-code, drag-and-drop based."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export my site?",
|
||||
content: "Yes, all plans include export options for full portability.",
|
||||
},
|
||||
id: "f2", title: "Can I export my site?", content: "Yes, all plans include export options for full portability."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer refunds?",
|
||||
content: "We offer a 30-day money-back guarantee if you are not satisfied.",
|
||||
},
|
||||
id: "f3", title: "Do you offer refunds?", content: "We offer a 30-day money-back guarantee if you are not satisfied."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have more questions? Check our resources."
|
||||
@@ -264,22 +181,14 @@ export default function LandingPage() {
|
||||
description="Get in touch to see what we can build for your business."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-network-particle-flow-background_1048-12212.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -288,29 +197,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
label: "Features", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user