Update src/app/page.tsx
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Webild"
|
||||
/>
|
||||
@@ -52,63 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Generate Websites Instantly"
|
||||
description="Transform your ideas into stunning websites with ease. Webild makes generation simple and customization perfect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kv0lr"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v", alt: "User 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8", alt: "User 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd", alt: "User 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3", alt: "User 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 10,000+ creators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lightning Fast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Responsive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Ready",
|
||||
},
|
||||
{ type: "text", text: "AI-Powered" },
|
||||
{ type: "text", text: "SEO Optimized" },
|
||||
{ type: "text", text: "Lightning Fast" },
|
||||
{ type: "text", text: "Mobile Responsive" },
|
||||
{ type: "text", text: "Cloud Ready" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,18 +75,9 @@ export default function LandingPage() {
|
||||
title="Your Idea, Perfected"
|
||||
description="We take your concept and craft a digital experience that stands out. Webild empowers you to build professional sites in minutes."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Instant Generation",
|
||||
description: "From idea to live in just a few clicks.",
|
||||
},
|
||||
{
|
||||
title: "Deep Customization",
|
||||
description: "Every design element is fully yours to change.",
|
||||
},
|
||||
{
|
||||
title: "Modern Standards",
|
||||
description: "Performance-first sites built for the future.",
|
||||
},
|
||||
{ title: "Instant Generation", description: "From idea to live in just a few clicks." },
|
||||
{ title: "Deep Customization", description: "Every design element is fully yours to change." },
|
||||
{ title: "Modern Standards", description: "Performance-first sites built for the future." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gtpe7p"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -144,21 +90,9 @@ export default function LandingPage() {
|
||||
title="Powering Your Vision"
|
||||
description="Our platform is designed to take the friction out of creation."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Design Engine",
|
||||
content: "Our proprietary engine generates layouts that adapt to your brand.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "SEO Optimized",
|
||||
content: "Sites built on Webild are automatically optimized for performance and discovery.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Dynamic Updates",
|
||||
content: "Update content on the fly without touching a line of code.",
|
||||
},
|
||||
{ id: "1", title: "Design Engine", content: "Our proprietary engine generates layouts that adapt to your brand." },
|
||||
{ id: "2", title: "SEO Optimized", content: "Sites built on Webild are automatically optimized for performance and discovery." },
|
||||
{ id: "3", title: "Dynamic Updates", content: "Update content on the fly without touching a line of code." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r2u5ce"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -172,27 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Projects Generated",
|
||||
description: "And growing everyday.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable performance always.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Themes",
|
||||
description: "Style for every industry.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "10K+", title: "Projects Generated", description: "And growing everyday.", icon: Zap },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Reliable performance always.", icon: Shield },
|
||||
{ id: "m3", value: "200+", title: "Themes", description: "Style for every industry.", icon: Star },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Built for speed, trusted by creators globally."
|
||||
@@ -206,42 +122,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Agency Pro",
|
||||
price: "$49",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sauumf",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Startup Launch",
|
||||
price: "$99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pkrp6",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Portfolio Classic",
|
||||
price: "$29",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldyk2j",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Blog Modern",
|
||||
price: "$39",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qms8zu",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "E-Commerce Base",
|
||||
price: "$79",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1w7jld",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "SaaS Platform",
|
||||
price: "$129",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=woymn2",
|
||||
},
|
||||
{ id: "p1", name: "Agency Pro", price: "$49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sauumf" },
|
||||
{ id: "p2", name: "Startup Launch", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pkrp6" },
|
||||
{ id: "p3", name: "Portfolio Classic", price: "$29", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ldyk2j" },
|
||||
{ id: "p4", name: "Blog Modern", price: "$39", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qms8zu" },
|
||||
{ id: "p5", name: "E-Commerce Base", price: "$79", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1w7jld" },
|
||||
{ id: "p6", name: "SaaS Platform", price: "$129", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=woymn2" },
|
||||
]}
|
||||
title="Template Collection"
|
||||
description="Explore our curated designs for your next venture."
|
||||
@@ -250,49 +136,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The fastest site generation I have ever experienced.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob R.",
|
||||
handle: "@bobr",
|
||||
testimonial: "Perfect customization, easy to scale for startups.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie D.",
|
||||
handle: "@charlied",
|
||||
testimonial: "Webild changed how I deliver websites for clients.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Dana L.",
|
||||
handle: "@danal",
|
||||
testimonial: "Incredible theme variety and performance.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan K.",
|
||||
handle: "@evank",
|
||||
testimonial: "Simply the best tool in my development stack.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", handle: "@alicem", testimonial: "The fastest site generation I have ever experienced.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kf1q5v" },
|
||||
{ id: "t2", name: "Bob R.", handle: "@bobr", testimonial: "Perfect customization, easy to scale for startups.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6g0h8" },
|
||||
{ id: "t3", name: "Charlie D.", handle: "@charlied", testimonial: "Webild changed how I deliver websites for clients.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s94ymd" },
|
||||
{ id: "t4", name: "Dana L.", handle: "@danal", testimonial: "Incredible theme variety and performance.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj1sr3" },
|
||||
{ id: "t5", name: "Evan K.", handle: "@evank", testimonial: "Simply the best tool in my development stack.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouet7l" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Creators"
|
||||
@@ -304,21 +156,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need coding skills?",
|
||||
content: "Not at all. Webild handles the logic while you focus on design.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export my site?",
|
||||
content: "Yes, you can export your site code anytime for deployment.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is support available?",
|
||||
content: "Our team is here 24/7 to assist with your journey.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need coding skills?", content: "Not at all. Webild handles the logic while you focus on design." },
|
||||
{ id: "f2", title: "Can I export my site?", content: "Yes, you can export your site code anytime for deployment." },
|
||||
{ id: "f3", title: "Is support available?", content: "Our team is here 24/7 to assist with your journey." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Everything you need to know about starting your build."
|
||||
@@ -329,16 +169,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to build your masterpiece?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -346,32 +179,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Templates",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Templates", href: "#" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user