Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a900565330 | |||
| 90c71b691a | |||
| 1b93069790 |
103
src/app/page.tsx
103
src/app/page.tsx
@@ -7,7 +7,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -29,14 +29,11 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="BioLink"
|
||||
/>
|
||||
@@ -47,8 +44,7 @@ export default function LandingPage() {
|
||||
logoText="BioLink"
|
||||
description="The ultimate link-in-bio platform for creators, influencers, and brands. Drive traffic and track your audience engagement in one place."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
{ text: "Get Started", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-hex-backgrounds-networking_23-2149755773.jpg"
|
||||
imageAlt="Hero visual"
|
||||
@@ -61,12 +57,9 @@ export default function LandingPage() {
|
||||
title="Everything you need to grow"
|
||||
description="Unlock advanced tools to manage your digital identity and monetize your audience effectively."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Analytics Dashboard", content: "Gain deep insights into who clicks your links, where they come from, and what content they love most."},
|
||||
{
|
||||
id: "2", title: "Custom Link Themes", content: "Match your brand with fully customizable themes, background animations, and button styles."},
|
||||
{
|
||||
id: "3", title: "Integration Hub", content: "Connect seamlessly with Spotify, YouTube, TikTok, and thousands of other platforms in seconds."},
|
||||
{ id: "1", title: "Analytics Dashboard", content: "Gain deep insights into who clicks your links, where they come from, and what content they love most." },
|
||||
{ id: "2", title: "Custom Link Themes", content: "Match your brand with fully customizable themes, background animations, and button styles." },
|
||||
{ id: "3", title: "Integration Hub", content: "Connect seamlessly with Spotify, YouTube, TikTok, and thousands of other platforms in seconds." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-analyst-meeting-with-coworker-review-financial-report_482257-123652.jpg"
|
||||
imageAlt="Features"
|
||||
@@ -79,8 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Empowering creators worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission", href: "#"},
|
||||
{ text: "Our Mission", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,20 +84,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free", badge: "Free", price: "$0", subtitle: "Basic features for everyone", buttons: [
|
||||
{
|
||||
text: "Get Started"},
|
||||
],
|
||||
features: [
|
||||
"1 Bio Link", "Basic Analytics", "Standard Themes"],
|
||||
id: "free", badge: "Free", price: "$0", subtitle: "Basic features for everyone", buttons: [{ text: "Get Started" }],
|
||||
features: ["1 Bio Link", "Basic Analytics", "Standard Themes"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Pro", price: "$12/mo", subtitle: "For creators scaling their revenue", buttons: [
|
||||
{
|
||||
text: "Choose Pro"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Links", "Advanced Analytics", "Custom Domain", "Remove Branding"],
|
||||
id: "pro", badge: "Pro", price: "$12/mo", subtitle: "For creators scaling their revenue", buttons: [{ text: "Choose Pro" }],
|
||||
features: ["Unlimited Links", "Advanced Analytics", "Custom Domain", "Remove Branding"],
|
||||
},
|
||||
]}
|
||||
title="Plans for everyone"
|
||||
@@ -117,8 +101,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Spotify", "YouTube", "TikTok", "Instagram", "Twitch", "Twitter", "Shopify"]}
|
||||
names={["Spotify", "YouTube", "TikTok", "Instagram", "Twitch", "Twitter", "Shopify"]}
|
||||
title="Loved by brands everywhere"
|
||||
description="Trusted by over 5 million creators to connect with their fans."
|
||||
/>
|
||||
@@ -131,21 +114,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex Riv", role: "Influencer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.jpg"},
|
||||
{
|
||||
id: "2", name: "Maria Lee", role: "Founder", company: "Growth Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{
|
||||
id: "3", name: "Sam Chen", role: "Tech Lead", company: "DevLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
|
||||
{
|
||||
id: "4", name: "Elena P", role: "Content Creator", company: "Streamer Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg"},
|
||||
{
|
||||
id: "5", name: "Julian W", role: "Designer", company: "Visuals Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg"},
|
||||
{ id: "1", name: "Alex Riv", role: "Influencer", company: "Creative Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.jpg" },
|
||||
{ id: "2", name: "Maria Lee", role: "Founder", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "3", name: "Sam Chen", role: "Tech Lead", company: "DevLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
|
||||
{ id: "4", name: "Elena P", role: "Content Creator", company: "Streamer Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg" },
|
||||
{ id: "5", name: "Julian W", role: "Designer", company: "Visuals Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg" },
|
||||
]}
|
||||
title="What our users say"
|
||||
description="See why top creators choose BioLink."
|
||||
@@ -157,12 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is BioLink free?", content: "Yes, we offer a generous free tier for everyone."},
|
||||
{
|
||||
id: "2", title: "Can I use my own domain?", content: "Yes, custom domains are available in our Pro plan."},
|
||||
{
|
||||
id: "3", title: "Is it mobile-friendly?", content: "Absolutely, our pages are optimized for all devices."},
|
||||
{ id: "1", title: "Is BioLink free?", content: "Yes, we offer a generous free tier for everyone." },
|
||||
{ id: "2", title: "Can I use my own domain?", content: "Yes, custom domains are available in our Pro plan." },
|
||||
{ id: "3", title: "Is it mobile-friendly?", content: "Absolutely, our pages are optimized for all devices." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about BioLink."
|
||||
@@ -176,13 +146,10 @@ export default function LandingPage() {
|
||||
title="Get in touch"
|
||||
description="Questions? We are here to help you get started."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your message here"}}
|
||||
textarea={{ name: "message", placeholder: "Your message here" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321692.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -191,19 +158,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Support", href: "#"},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -214,4 +177,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user