bender/ff549d0c-23fa-4199-addf-20de70a325a5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 08:43:17 +00:00
parent 6702e34e41
commit e333edd21b
1 changed files with 44 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -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>