Merge version_1 into main #1
161
src/app/page.tsx
161
src/app/page.tsx
@@ -31,65 +31,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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="PYLOT"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Your digital store, built by AI in minutes."
|
||||
description="Stop designing. Start selling. Generate 20+ professional digital products, SEO-optimized listings, and beautiful mockups in under 10 minutes."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png", alt: "Sarah J"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-creative-grap-1774690132213-f0152ac3.png",
|
||||
alt: "Mark D",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-creative-grap-1774690132213-f0152ac3.png", alt: "Mark D"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-headshot-of-a-mature-market-1774690125232-eaf8ba8e.png",
|
||||
alt: "Elena R",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-headshot-of-a-mature-market-1774690125232-eaf8ba8e.png", alt: "Elena R"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-develop-1774690126022-fe648f5c.png",
|
||||
alt: "Kevin L",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-develop-1774690126022-fe648f5c.png", alt: "Kevin L"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png",
|
||||
alt: "Anita B",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png", alt: "Anita B"},
|
||||
]}
|
||||
avatarText="Join 200+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -102,22 +79,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Product Generation",
|
||||
description: "High-quality PDF templates, spreadsheets, and Canva designs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "AI Product Generation", description: "High-quality PDF templates, spreadsheets, and Canva designs.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "SEO Optimized",
|
||||
description: "Titles, descriptions, and 13 Etsy tags for every single product.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
title: "SEO Optimized", description: "Titles, descriptions, and 13 Etsy tags for every single product.", bentoComponent: "reveal-icon", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Professional Mockups",
|
||||
description: "High-quality PNG mockups ready for your store front.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Image,
|
||||
title: "Professional Mockups", description: "High-quality PNG mockups ready for your store front.", bentoComponent: "reveal-icon", icon: Image,
|
||||
},
|
||||
]}
|
||||
title="Everything you need to launch."
|
||||
@@ -127,24 +95,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features-glow" data-section="features-glow">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Cohesive Brand Kits",
|
||||
description: "Every product matches your chosen design system.",
|
||||
},
|
||||
title: "Cohesive Brand Kits", description: "Every product matches your chosen design system."},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Multi-Niche Support",
|
||||
description: "From Wedding Planning to Real Estate.",
|
||||
},
|
||||
title: "Multi-Niche Support", description: "From Wedding Planning to Real Estate."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Trend Alerts",
|
||||
description: "AI-detected market opportunities for your store.",
|
||||
},
|
||||
title: "Trend Alerts", description: "AI-detected market opportunities for your store."},
|
||||
]}
|
||||
title="Built for scale."
|
||||
description="Grow your business with our enterprise-grade automation tools."
|
||||
@@ -159,25 +122,15 @@ export default function LandingPage() {
|
||||
author="Sarah J., Etsy Seller"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png", alt: "Sarah J"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-creative-grap-1774690132213-f0152ac3.png",
|
||||
alt: "Mark D",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-creative-grap-1774690132213-f0152ac3.png", alt: "Mark D"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-headshot-of-a-mature-market-1774690125232-eaf8ba8e.png",
|
||||
alt: "Elena R",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-headshot-of-a-mature-market-1774690125232-eaf8ba8e.png", alt: "Elena R"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-develop-1774690126022-fe648f5c.png",
|
||||
alt: "Kevin L",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-develop-1774690126022-fe648f5c.png", alt: "Kevin L"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png",
|
||||
alt: "Anita B",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfbvogRFJmCdOn3G37O9rGsOdS/professional-portrait-of-a-young-tech-en-1774690126137-3893dcaa.png", alt: "Anita B"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -191,38 +144,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Standard",
|
||||
price: "$19/mo",
|
||||
subtitle: "Perfect for side hustlers",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Standard", price: "$19/mo", subtitle: "Perfect for side hustlers", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited stores",
|
||||
"20 products/store",
|
||||
"SEO auto-gen",
|
||||
],
|
||||
"Unlimited stores", "20 products/store", "SEO auto-gen"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Pro",
|
||||
price: "$49/mo",
|
||||
subtitle: "For serious business",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Pro", price: "$49/mo", subtitle: "For serious business", buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Upgrade", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"White-label branding",
|
||||
"Priority generation",
|
||||
"Etsy API Integration",
|
||||
],
|
||||
"White-label branding", "Priority generation", "Etsy API Integration"],
|
||||
},
|
||||
]}
|
||||
title="Simple, transparent pricing."
|
||||
@@ -234,8 +169,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Ready to launch?"
|
||||
description="Join 200+ creators already generating digital assets in minutes."
|
||||
inputPlaceholder="Enter your email"
|
||||
@@ -248,42 +182,27 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user