Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Webild"
|
||||
/>
|
||||
@@ -50,68 +44,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Generate Websites Instantly, Customize to Perfection."
|
||||
description="Transform your ideas into professional websites in seconds. Experience a seamless building process powered by modern tech."
|
||||
tag="Idea to Website"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
|
||||
imageAlt="Futuristic website building platform interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 50,000+ happy creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Rapid Scaling",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Rapid Scaling", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Optimization",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "AI Optimization", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Design Precision",
|
||||
icon: Palette,
|
||||
type: "text-icon", text: "Design Precision", icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Hosting",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Secure Hosting", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Custom Domains",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Custom Domains", icon: Globe,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -124,55 +95,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Generation",
|
||||
description: "Create layouts automatically using our advanced AI engine.",
|
||||
icon: Zap,
|
||||
title: "Instant Generation", description: "Create layouts automatically using our advanced AI engine.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg?_wi=1",
|
||||
imageAlt: "Instant generation tool",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg", imageAlt: "Instant generation tool"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg?_wi=1",
|
||||
imageAlt: "Automated results",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg?_wi=2",
|
||||
imageAlt: "digital dashboard software",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg", imageAlt: "Automated results"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Perfect Customization",
|
||||
description: "Fine-tune every element to match your brand identity exactly.",
|
||||
icon: Palette,
|
||||
title: "Perfect Customization", description: "Fine-tune every element to match your brand identity exactly.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg?_wi=2",
|
||||
imageAlt: "Customization dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg", imageAlt: "Customization dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=1",
|
||||
imageAlt: "Design editing tools",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg?_wi=2",
|
||||
imageAlt: "website building tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg", imageAlt: "Design editing tools"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "AI Powered",
|
||||
description: "Leverage machine learning to optimize user experience and layout.",
|
||||
icon: Star,
|
||||
title: "AI Powered", description: "Leverage machine learning to optimize user experience and layout.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg?_wi=2",
|
||||
imageAlt: "AI intelligence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148359773.jpg", imageAlt: "AI intelligence"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg?_wi=3",
|
||||
imageAlt: "Smart layout",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/qr-code-scan-steps-smartphone-set_23-2148654291.jpg?_wi=3",
|
||||
imageAlt: "coding automation ui",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/black-construction-flat-website_23-2148219966.jpg", imageAlt: "Smart layout"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Everything You Need to Build"
|
||||
@@ -184,28 +131,14 @@ export default function LandingPage() {
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="centered"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Websites Built",
|
||||
subtitle: "Total projects generated",
|
||||
category: "Engagement",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m1", title: "Websites Built", subtitle: "Total projects generated", category: "Engagement", value: "50,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Time Saved",
|
||||
subtitle: "Average hours per project",
|
||||
category: "Efficiency",
|
||||
value: "12 hrs",
|
||||
},
|
||||
id: "m2", title: "Time Saved", subtitle: "Average hours per project", category: "Efficiency", value: "12 hrs"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "User Satisfaction",
|
||||
subtitle: "Customer ratings",
|
||||
category: "Quality",
|
||||
value: "4.9/5",
|
||||
},
|
||||
id: "m3", title: "User Satisfaction", subtitle: "Customer ratings", category: "Quality", value: "4.9/5"},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Trusted by creators and businesses worldwide."
|
||||
@@ -219,40 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
testimonial: "Webild completely transformed how we approach our web development projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Webild completely transformed how we approach our web development projects.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-business-woman-working-his-laptop_158595-1121.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
testimonial: "The customization capabilities are simply unmatched in the market today.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", testimonial: "The customization capabilities are simply unmatched in the market today.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
testimonial: "I built our entire marketing site in minutes. Truly revolutionary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "I built our entire marketing site in minutes. Truly revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
testimonial: "Fast, reliable, and incredibly intuitive. A game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", testimonial: "Fast, reliable, and incredibly intuitive. A game changer.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
role: "Full Stack Dev",
|
||||
testimonial: "The export options are fantastic, I can take my site anywhere I want.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Alex Rivera", role: "Full Stack Dev", testimonial: "The export options are fantastic, I can take my site anywhere I want.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg"},
|
||||
]}
|
||||
title="What Our Creators Say"
|
||||
description="Hear from the professionals building the future with Webild."
|
||||
@@ -264,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does it work?",
|
||||
content: "Our engine uses pre-trained models to translate your ideas into fully functional websites.",
|
||||
},
|
||||
id: "f1", title: "How does it work?", content: "Our engine uses pre-trained models to translate your ideas into fully functional websites."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I edit the code?",
|
||||
content: "Yes, you can export your projects to use them anywhere.",
|
||||
},
|
||||
id: "f2", title: "Can I edit the code?", content: "Yes, you can export your projects to use them anywhere."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What about hosting?",
|
||||
content: "We offer integrated hosting solutions for all generated sites.",
|
||||
},
|
||||
id: "f3", title: "What about hosting?", content: "We offer integrated hosting solutions for all generated sites."},
|
||||
]}
|
||||
sideTitle="Questions? We're Here."
|
||||
sideDescription="Get answers to frequently asked questions about our generation platform."
|
||||
@@ -289,8 +188,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Build Your Dream Site?"
|
||||
description="Sign up today and get exclusive access to our premium features."
|
||||
@@ -305,25 +203,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user