Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="WebZap"
|
||||
/>
|
||||
@@ -55,37 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="aurora"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Build Your Professional Business Website in Seconds"
|
||||
description="WebZap empowers your business to launch an automated, high-conversion landing page. Simply enter your business details, and our AI does the heavy lifting for you."
|
||||
tag="AI-Powered Website Creator"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759836108-9dcd8190.png",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759836108-9dcd8190.png", imageAlt: "Dashboard Preview"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759844913-4a070988.png",
|
||||
imageAlt: "Website Preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759954293-b69d3296.png?_wi=1",
|
||||
imageAlt: "Modern SaaS UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759971127-afd5b5ce.png?_wi=1",
|
||||
imageAlt: "Professional Landing Page Layout",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759853245-25cb3afe.png?_wi=1",
|
||||
imageAlt: "Fast Generation UI",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759844913-4a070988.png", imageAlt: "Website Preview"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -101,23 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Generation",
|
||||
description: "Get your business website live in under 60 seconds with our AI generator.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759853245-25cb3afe.png?_wi=2",
|
||||
imageAlt: "Fast generation",
|
||||
},
|
||||
title: "Instant Generation", description: "Get your business website live in under 60 seconds with our AI generator.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759853245-25cb3afe.png", imageAlt: "Fast generation"},
|
||||
{
|
||||
title: "WhatsApp Ready",
|
||||
description: "Every site includes a direct WhatsApp link to capture leads effortlessly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759864078-bb3ca34c.png",
|
||||
imageAlt: "WhatsApp integration",
|
||||
},
|
||||
title: "WhatsApp Ready", description: "Every site includes a direct WhatsApp link to capture leads effortlessly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759864078-bb3ca34c.png", imageAlt: "WhatsApp integration"},
|
||||
{
|
||||
title: "Custom URLs",
|
||||
description: "Professional unique branding with personalized URLs for every business.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/unique-custom-url-branding-clean-dashboa-1777759872512-0f7ef5f9.png",
|
||||
imageAlt: "Unique URL",
|
||||
},
|
||||
title: "Custom URLs", description: "Professional unique branding with personalized URLs for every business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/unique-custom-url-branding-clean-dashboa-1777759872512-0f7ef5f9.png", imageAlt: "Unique URL"},
|
||||
]}
|
||||
title="Why Choose WebZap?"
|
||||
description="Experience the fastest way to get online with intelligent, automated tools."
|
||||
@@ -131,51 +86,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$0",
|
||||
name: "Free Demo",
|
||||
features: [
|
||||
"1 site generated",
|
||||
"Basic preview",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "basic", price: "$0", name: "Free Demo", features: ["1 site generated", "Basic preview"],
|
||||
buttons: [{ text: "Get Started", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$29",
|
||||
name: "Pro",
|
||||
features: [
|
||||
"Unlimited sites",
|
||||
"WhatsApp integration",
|
||||
"Custom Domain",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "pro", price: "$29", name: "Pro", features: ["Unlimited sites", "WhatsApp integration", "Custom Domain"],
|
||||
buttons: [{ text: "Upgrade", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
price: "$99",
|
||||
name: "Business",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Advanced Analytics",
|
||||
"Dedicated Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "business", price: "$99", name: "Business", features: ["Everything in Pro", "Advanced Analytics", "Dedicated Support"],
|
||||
buttons: [{ text: "Upgrade", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -190,26 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Sites Generated",
|
||||
description: "Websites built by local businesses.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759929773-468264c3.png",
|
||||
},
|
||||
id: "m1", value: "15,000+", title: "Sites Generated", description: "Websites built by local businesses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/speedy-website-generation-concept-ai-fut-1777759929773-468264c3.png"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable hosting for your presence.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759938275-c79e7892.png",
|
||||
},
|
||||
id: "m2", value: "99.9%", title: "Uptime", description: "Reliable hosting for your presence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759938275-c79e7892.png"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "We're here to help you grow.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/unique-custom-url-branding-clean-dashboa-1777759945977-2f4b21c6.png",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Support", description: "We're here to help you grow.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/unique-custom-url-branding-clean-dashboa-1777759945977-2f4b21c6.png"},
|
||||
]}
|
||||
title="Our Growth"
|
||||
description="Real-time performance of our WebZap platform."
|
||||
@@ -224,45 +129,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Restaurant Owner",
|
||||
company: "Pasta Bistro",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-happy-busines-1777759879811-dbbef59e.png",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Restaurant Owner", company: "Pasta Bistro", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-happy-busines-1777759879811-dbbef59e.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Coffee Shop Owner",
|
||||
company: "Bean Hub",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-developer-por-1777759887914-84a315cc.png",
|
||||
},
|
||||
id: "t2", name: "David Chen", role: "Coffee Shop Owner", company: "Bean Hub", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-developer-por-1777759887914-84a315cc.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Online Store",
|
||||
company: "Vogue Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-business-woma-1777759895658-f5cdbebe.png",
|
||||
},
|
||||
id: "t3", name: "Emily Watson", role: "Online Store", company: "Vogue Boutique", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-business-woma-1777759895658-f5cdbebe.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Doe",
|
||||
role: "Consultant",
|
||||
company: "Doe Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-portrait-of-a-man-executive-1777759904108-635b59ca.png",
|
||||
},
|
||||
id: "t4", name: "John Doe", role: "Consultant", company: "Doe Solutions", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-portrait-of-a-man-executive-1777759904108-635b59ca.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Smith",
|
||||
role: "Creative Lead",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/happy-customer-casual-professional-attir-1777759913430-ea04d0d9.png",
|
||||
},
|
||||
id: "t5", name: "Jane Smith", role: "Creative Lead", company: "DesignCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/happy-customer-casual-professional-attir-1777759913430-ea04d0d9.png"},
|
||||
]}
|
||||
title="Loved by Business Owners"
|
||||
description="See why entrepreneurs choose WebZap."
|
||||
@@ -275,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast is generation?",
|
||||
content: "Seconds. Our AI engine builds your business layout instantly.",
|
||||
},
|
||||
id: "q1", title: "How fast is generation?", content: "Seconds. Our AI engine builds your business layout instantly."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I edit my site?",
|
||||
content: "Yes, our dashboard allows easy management of all your generated sites.",
|
||||
},
|
||||
id: "q2", title: "Can I edit my site?", content: "Yes, our dashboard allows easy management of all your generated sites."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need technical skills?",
|
||||
content: "Not at all. Everything is managed through our simple dashboard interface.",
|
||||
},
|
||||
id: "q3", title: "Do I need technical skills?", content: "Not at all. Everything is managed through our simple dashboard interface."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -305,35 +176,11 @@ export default function LandingPage() {
|
||||
description="Tips to scale your online presence."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Marketing",
|
||||
title: "5 Tips for Modern Landing Pages",
|
||||
excerpt: "Boost conversion with clean layouts.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759954293-b69d3296.png?_wi=2",
|
||||
authorName: "Team WebZap",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-happy-busines-1777759962518-df338f04.png",
|
||||
date: "Oct 2023",
|
||||
},
|
||||
id: "b1", category: "Marketing", title: "5 Tips for Modern Landing Pages", excerpt: "Boost conversion with clean layouts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/modern-saas-dashboard-interface-with-hig-1777759954293-b69d3296.png", authorName: "Team WebZap", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-happy-busines-1777759962518-df338f04.png", date: "Oct 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tech",
|
||||
title: "How AI is changing web design",
|
||||
excerpt: "The future of automation is here.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759971127-afd5b5ce.png?_wi=2",
|
||||
authorName: "Team WebZap",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-developer-por-1777759980069-38a54b4f.png",
|
||||
date: "Oct 2023",
|
||||
},
|
||||
id: "b2", category: "Tech", title: "How AI is changing web design", excerpt: "The future of automation is here.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-business-website-preview-mo-1777759971127-afd5b5ce.png", authorName: "Team WebZap", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-developer-por-1777759980069-38a54b4f.png", date: "Oct 2023"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Business",
|
||||
title: "WhatsApp for Business Success",
|
||||
excerpt: "Drive sales directly via chat.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759988116-3ac15ead.png",
|
||||
authorName: "Team WebZap",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-business-woma-1777759995226-f00a38d7.png",
|
||||
date: "Oct 2023",
|
||||
},
|
||||
id: "b3", category: "Business", title: "WhatsApp for Business Success", excerpt: "Drive sales directly via chat.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/whatsapp-integration-interface-business--1777759988116-3ac15ead.png", authorName: "Team WebZap", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/professional-headshot-of-a-business-woma-1777759995226-f00a38d7.png", date: "Oct 2023"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -345,20 +192,12 @@ export default function LandingPage() {
|
||||
description="Get in touch today or start generating for free."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Business Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Business Name"},
|
||||
{
|
||||
name: "whatsapp",
|
||||
type: "text",
|
||||
placeholder: "WhatsApp Number",
|
||||
},
|
||||
name: "whatsapp", type: "text", placeholder: "WhatsApp Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What kind of business?",
|
||||
}}
|
||||
name: "message", placeholder: "What kind of business?"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1ucIzWQAA5fui8SaRe4mjNaNJ/clean-modern-contact-support-desk-high-t-1777759920995-07c0260f.png"
|
||||
/>
|
||||
</div>
|
||||
@@ -369,37 +208,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user