Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
219
src/app/page.tsx
219
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
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"
|
||||
/>
|
||||
@@ -51,38 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Idea to Website in Seconds"
|
||||
description="Generate websites instantly with AI and customize them to perfection. The fastest way to build your online presence."
|
||||
tag="Revolutionary AI Web Builder"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-blank-smartphone-screen-city_9975-32789.jpg?_wi=1",
|
||||
imageAlt: "website interface mockup modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-blank-smartphone-screen-city_9975-32789.jpg", imageAlt: "website interface mockup modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg?_wi=1",
|
||||
imageAlt: "mobile website design mockup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32787.jpg",
|
||||
imageAlt: "Hand holding smartphone with blank screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg",
|
||||
imageAlt: "Hand holding smartphone with blank screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-girl-with-digital-tablet-smiling-looking-amazed-happy-with-something-good-hol_1258-151474.jpg",
|
||||
imageAlt: "Enthusiastic asian girl with digital tablet smiling and looking amazed happy with something good hol",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg", imageAlt: "mobile website design mockup"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,9 +70,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built for Speed and Scalability"
|
||||
description={[
|
||||
"Webild transforms your ideas into full-fledged websites. No coding required, just professional design.",
|
||||
"Our AI engine analyzes your requirements and delivers a tailored, responsive result in minutes.",
|
||||
]}
|
||||
"Webild transforms your ideas into full-fledged websites. No coding required, just professional design.", "Our AI engine analyzes your requirements and delivers a tailored, responsive result in minutes."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,26 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "AI",
|
||||
title: "Auto-Generation",
|
||||
subtitle: "Instant site",
|
||||
description: "AI creates your entire site structure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-pc-running-chroma-key-display-surrounded-by-colorful-visual-art-clips_482257-126217.jpg",
|
||||
},
|
||||
tag: "AI", title: "Auto-Generation", subtitle: "Instant site", description: "AI creates your entire site structure.", imageSrc: "http://img.b2bpic.net/free-photo/wireless-pc-running-chroma-key-display-surrounded-by-colorful-visual-art-clips_482257-126217.jpg"},
|
||||
{
|
||||
tag: "UI",
|
||||
title: "Modern Design",
|
||||
subtitle: "Responsive",
|
||||
description: "Optimized for all screen sizes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg",
|
||||
},
|
||||
tag: "UI", title: "Modern Design", subtitle: "Responsive", description: "Optimized for all screen sizes.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg"},
|
||||
{
|
||||
tag: "Speed",
|
||||
title: "Fast Launch",
|
||||
subtitle: "Seconds",
|
||||
description: "Deployment is seamless and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-125031.jpg",
|
||||
},
|
||||
tag: "Speed", title: "Fast Launch", subtitle: "Seconds", description: "Deployment is seamless and fast.", imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-125031.jpg"},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to go from idea to launch."
|
||||
@@ -141,41 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Startup Landing",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
|
||||
},
|
||||
id: "p1", name: "Startup Landing", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Portfolio Pro",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-girl-asian-woman-walks-around-city-with-tablet-goes-university-with-her_1258-196067.jpg",
|
||||
},
|
||||
id: "p2", name: "Portfolio Pro", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-brunette-girl-asian-woman-walks-around-city-with-tablet-goes-university-with-her_1258-196067.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Agency Site",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/be-different-landing-page_53876-94891.jpg",
|
||||
},
|
||||
id: "p3", name: "Agency Site", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/be-different-landing-page_53876-94891.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-com Basic",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-talking-cell-using-tablet-looking-screen_74855-15193.jpg",
|
||||
},
|
||||
id: "p4", name: "E-com Basic", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/serious-businesswoman-talking-cell-using-tablet-looking-screen_74855-15193.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blog Standard",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg",
|
||||
},
|
||||
id: "p5", name: "Blog Standard", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/webpage-content-design-website-icon_53876-120651.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Enterprise Hub",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-using-ai-develop-software-system-with-chroma-key-pc_482257-121464.jpg",
|
||||
},
|
||||
id: "p6", name: "Enterprise Hub", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-using-ai-develop-software-system-with-chroma-key-pc_482257-121464.jpg"},
|
||||
]}
|
||||
title="Our Templates"
|
||||
description="Browse our professional collection."
|
||||
@@ -189,53 +123,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1 Site",
|
||||
"Custom Domain",
|
||||
"AI Generator",
|
||||
],
|
||||
id: "basic", title: "Basic", price: "$0", period: "/mo", features: [
|
||||
"1 Site", "Custom Domain", "AI Generator"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/map-icon-front-side_187299-45257.jpg",
|
||||
imageAlt: "Map Icon Front Side",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/map-icon-front-side_187299-45257.jpg", imageAlt: "Map Icon Front Side"},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
price: "$29",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"10 Sites",
|
||||
"Custom Domain",
|
||||
"Priority AI",
|
||||
],
|
||||
id: "pro", title: "Pro", price: "$29", period: "/mo", features: [
|
||||
"10 Sites", "Custom Domain", "Priority AI"],
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-blank-smartphone-screen-city_9975-32789.jpg?_wi=2",
|
||||
imageAlt: "Map Icon Front Side",
|
||||
},
|
||||
text: "Upgrade"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-blank-smartphone-screen-city_9975-32789.jpg", imageAlt: "Map Icon Front Side"},
|
||||
{
|
||||
id: "team",
|
||||
title: "Team",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Sites",
|
||||
"Custom Branding",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "team", title: "Team", price: "$99", period: "/mo", features: [
|
||||
"Unlimited Sites", "Custom Branding", "Priority Support"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg?_wi=2",
|
||||
imageAlt: "Map Icon Front Side",
|
||||
},
|
||||
text: "Get Started"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg", imageAlt: "Map Icon Front Side"},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the right plan for you."
|
||||
@@ -249,28 +153,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Sites Built",
|
||||
items: [
|
||||
"Successfully launched",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Sites Built", items: [
|
||||
"Successfully launched"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Creators",
|
||||
items: [
|
||||
"Active users",
|
||||
],
|
||||
id: "m2", value: "5k+", title: "Creators", items: [
|
||||
"Active users"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Always online",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "Uptime", items: [
|
||||
"Always online"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -283,35 +175,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg",
|
||||
},
|
||||
id: "6", name: "Robert Smith", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-business-man-listening-happy-music_23-2148763857.jpg"},
|
||||
]}
|
||||
cardTitle="What our users say"
|
||||
cardTag="Testimonials"
|
||||
@@ -323,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Launch Now"
|
||||
title="Start Creating Today"
|
||||
description="Join thousands of others and build your site in seconds."
|
||||
@@ -337,13 +210,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Webild"
|
||||
leftLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user