Merge version_1 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Login",
|
||||
id: "/login",
|
||||
},
|
||||
name: "Login", id: "/login"},
|
||||
]}
|
||||
brandName="Clickbio"
|
||||
/>
|
||||
@@ -49,42 +43,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="All your links in one sleek, custom page."
|
||||
description="Clickbio helps creators, influencers, and businesses organize their digital world. Get started in seconds, customize endlessly, and track your growth."
|
||||
tag="The ultimate link-in-bio platform"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Get Started Free", href: "/signup"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Demo", href: "#"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png?_wi=1",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png?_wi=2",
|
||||
imageAlt: "Mobile preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png?_wi=3",
|
||||
imageAlt: "Analytics screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png?_wi=4",
|
||||
imageAlt: "Customization tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png?_wi=5",
|
||||
imageAlt: "Conversion tracking",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png", imageAlt: "Mobile preview"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,23 +73,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Instant Setup",
|
||||
description: "Create your beautiful bio page in less than 60 seconds.",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Zap,
|
||||
title: "Instant Setup", description: "Create your beautiful bio page in less than 60 seconds."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
title: "15+ Professional Themes",
|
||||
description: "Choose from our library of hand-crafted themes or build your own.",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Palette,
|
||||
title: "15+ Professional Themes", description: "Choose from our library of hand-crafted themes or build your own."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart2,
|
||||
title: "Real-time Analytics",
|
||||
description: "Track clicks, engagement, and top-performing links instantly.",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: BarChart2,
|
||||
title: "Real-time Analytics", description: "Track clicks, engagement, and top-performing links instantly."},
|
||||
]}
|
||||
title="Everything you need to grow."
|
||||
description="Powerful tools to manage your audience, customize your presence, and track conversions."
|
||||
@@ -130,49 +94,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
title: "Free",
|
||||
price: "₹0",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"3-5 Links",
|
||||
"Basic Themes",
|
||||
"Ads Enabled",
|
||||
],
|
||||
id: "free", title: "Free", price: "₹0", period: "/mo", features: [
|
||||
"3-5 Links", "Basic Themes", "Ads Enabled"],
|
||||
button: {
|
||||
text: "Start Free",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Start Free", href: "/signup"},
|
||||
},
|
||||
{
|
||||
id: "basic",
|
||||
title: "Basic",
|
||||
price: "₹99",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"10+ Themes",
|
||||
"No Ads",
|
||||
"Basic Customization",
|
||||
],
|
||||
id: "basic", title: "Basic", price: "₹99", period: "/mo", features: [
|
||||
"10+ Themes", "No Ads", "Basic Customization"],
|
||||
button: {
|
||||
text: "Upgrade to Basic",
|
||||
href: "/checkout/basic",
|
||||
},
|
||||
text: "Upgrade to Basic", href: "/checkout/basic"},
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Pro",
|
||||
price: "₹199",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Unlimited Links",
|
||||
"Premium Themes",
|
||||
"Custom Background",
|
||||
],
|
||||
id: "pro", title: "Pro", price: "₹199", period: "/mo", features: [
|
||||
"Unlimited Links", "Premium Themes", "Custom Background"],
|
||||
button: {
|
||||
text: "Upgrade to Pro",
|
||||
href: "/checkout/pro",
|
||||
},
|
||||
text: "Upgrade to Pro", href: "/checkout/pro"},
|
||||
},
|
||||
]}
|
||||
title="Simple pricing for all."
|
||||
@@ -187,40 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "Influencer",
|
||||
testimonial: "Clickbio completely transformed my link sharing. So simple and fast.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-creative-professional-usin-1774698824528-dfb30c1f.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", role: "Influencer", testimonial: "Clickbio completely transformed my link sharing. So simple and fast.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-creative-professional-usin-1774698824528-dfb30c1f.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maya Singh",
|
||||
role: "Marketer",
|
||||
testimonial: "The analytics features are perfect for my clients.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-content-creator-profession-1774698807826-fca38efc.png",
|
||||
},
|
||||
id: "2", name: "Maya Singh", role: "Marketer", testimonial: "The analytics features are perfect for my clients.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-content-creator-profession-1774698807826-fca38efc.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan P.",
|
||||
role: "Dev",
|
||||
testimonial: "I love the clean, modern themes. Fits my brand perfectly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-an-entrepreneur-confident-lo-1774698808418-15f7c39e.png",
|
||||
},
|
||||
id: "3", name: "Jordan P.", role: "Dev", testimonial: "I love the clean, modern themes. Fits my brand perfectly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-an-entrepreneur-confident-lo-1774698808418-15f7c39e.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah K.",
|
||||
role: "CEO",
|
||||
testimonial: "Switching to Clickbio was the best decision for my social channels.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-developer-smart-looking-cl-1774698808057-4f0db956.png",
|
||||
},
|
||||
id: "4", name: "Sarah K.", role: "CEO", testimonial: "Switching to Clickbio was the best decision for my social channels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-developer-smart-looking-cl-1774698808057-4f0db956.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Liam D.",
|
||||
role: "Designer",
|
||||
testimonial: "The customization options are endless and look beautiful.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-creative-professional-usin-1774698824528-dfb30c1f.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Liam D.", role: "Designer", testimonial: "The customization options are endless and look beautiful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/portrait-of-a-creative-professional-usin-1774698824528-dfb30c1f.png"},
|
||||
]}
|
||||
title="Creators trust Clickbio."
|
||||
description="See why thousands of professionals choose us."
|
||||
@@ -233,25 +145,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Is Clickbio free?",
|
||||
content: "Yes, we have a robust free plan available to everyone.",
|
||||
},
|
||||
id: "faq-1", title: "Is Clickbio free?", content: "Yes, we have a robust free plan available to everyone."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Can I use custom domain?",
|
||||
content: "Custom domain support is available in our Pro plan.",
|
||||
},
|
||||
id: "faq-2", title: "Can I use custom domain?", content: "Custom domain support is available in our Pro plan."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you have analytics?",
|
||||
content: "Yes, detailed analytics are included for all users.",
|
||||
},
|
||||
id: "faq-3", title: "Do you have analytics?", content: "Yes, detailed analytics are included for all users."},
|
||||
]}
|
||||
title="Common Questions."
|
||||
description="Everything you need to know about Clickbio."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png?_wi=6"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZZckpPyy3gCKv6J8rRNZlXZaP/a-futuristic-link-in-bio-dashboard-showi-1774698807984-3b6aeea6.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -260,29 +163,19 @@ export default function LandingPage() {
|
||||
logoText="Clickbio"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
label: "Terms", href: "/terms"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user