Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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="AffiliateTool"
|
||||
/>
|
||||
@@ -50,64 +44,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Scale Your Affiliate Revenue"
|
||||
description="The all-in-one platform for tracking, optimizing, and scaling your affiliate marketing campaigns with real-time performance analytics."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Marketers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Tracking",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Real-time Tracking", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Advanced Analytics",
|
||||
icon: BarChart2,
|
||||
type: "text-icon", text: "Advanced Analytics", icon: BarChart2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "High Conversion",
|
||||
icon: Target,
|
||||
type: "text-icon", text: "High Conversion", icon: Target,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Scaling",
|
||||
icon: TrendingUp,
|
||||
type: "text-icon", text: "Fast Scaling", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Infrastructure",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure Infrastructure", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -115,34 +86,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Real-time Tracking",
|
||||
description: "Monitor every click, conversion, and commission instantly.",
|
||||
},
|
||||
title: "Real-time Tracking", description: "Monitor every click, conversion, and commission instantly."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Precision Targeting",
|
||||
description: "Optimize campaigns based on deep visitor insights.",
|
||||
},
|
||||
title: "Precision Targeting", description: "Optimize campaigns based on deep visitor insights."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Revenue Growth",
|
||||
description: "Identify high-performing channels to scale effectively.",
|
||||
},
|
||||
title: "Revenue Growth", description: "Identify high-performing channels to scale effectively."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Fraud Detection",
|
||||
description: "Protect your commissions with AI-driven security.",
|
||||
},
|
||||
title: "Fraud Detection", description: "Protect your commissions with AI-driven security."},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Custom Dashboards",
|
||||
description: "Tailor your data view to track what matters most.",
|
||||
},
|
||||
title: "Custom Dashboards", description: "Tailor your data view to track what matters most."},
|
||||
]}
|
||||
title="Powerful Marketing Tools"
|
||||
description="Unlock data-driven growth with features built for speed and precision."
|
||||
@@ -151,25 +113,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$2M+",
|
||||
description: "Commissions Tracked",
|
||||
},
|
||||
id: "m1", value: "$2M+", description: "Commissions Tracked"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150k",
|
||||
description: "Active Links",
|
||||
},
|
||||
id: "m2", value: "150k", description: "Active Links"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Uptime Reliability"},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Transparent data helping you make smarter, faster decisions."
|
||||
@@ -183,37 +137,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for solo marketers",
|
||||
features: [
|
||||
"Basic Tracking",
|
||||
"Email Support",
|
||||
"1,000 Links",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$29/mo", subtitle: "Perfect for solo marketers", features: [
|
||||
"Basic Tracking", "Email Support", "1,000 Links"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$79/mo",
|
||||
subtitle: "Scale your campaigns",
|
||||
features: [
|
||||
"Advanced Analytics",
|
||||
"Priority Support",
|
||||
"10,000 Links",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$79/mo", subtitle: "Scale your campaigns", features: [
|
||||
"Advanced Analytics", "Priority Support", "10,000 Links"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Agency",
|
||||
price: "$199/mo",
|
||||
subtitle: "For professional teams",
|
||||
features: [
|
||||
"Custom Integrations",
|
||||
"API Access",
|
||||
"Unlimited Links",
|
||||
],
|
||||
id: "enterprise", badge: "Agency", price: "$199/mo", subtitle: "For professional teams", features: [
|
||||
"Custom Integrations", "API Access", "Unlimited Links"],
|
||||
},
|
||||
]}
|
||||
title="Scalable Pricing Plans"
|
||||
@@ -226,30 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
id: "2", name: "Maria K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
|
||||
},
|
||||
id: "3", name: "David J.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-african-male-model-with-big-headphones-standing-near-restaurant-outdoor-photo-good-looking-confident-man-with-dark-skin_197531-21796.jpg",
|
||||
},
|
||||
id: "4", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-african-male-model-with-big-headphones-standing-near-restaurant-outdoor-photo-good-looking-confident-man-with-dark-skin_197531-21796.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Marketers"
|
||||
cardTag="Testimonials"
|
||||
@@ -261,14 +179,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to skyrocket your revenue? Let's get started."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,42 +192,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", 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