Merge version_1 into main #1
450
src/app/page.tsx
450
src/app/page.tsx
@@ -16,325 +16,159 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AdTrack"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Hero", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "SocialProof", id: "socialProof" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="AdTrack"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Maximize Your AdSense Potential"
|
||||
description="The ultimate analytics platform for monitoring, optimizing, and growing your laptop-based AdSense earnings with precision."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman_23-2147839983.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-graphic-designer-smiling-while-working_1170-1089.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Analyzing",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Revenue Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Data Visualization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multi-Account Sync",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bank-Level Security",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Performance Alerts",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Maximize Your AdSense Potential"
|
||||
description="The ultimate analytics platform for monitoring, optimizing, and growing your laptop-based AdSense earnings with precision."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman_23-2147839983.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-graphic-designer-smiling-while-working_1170-1089.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg", alt: "User 5" }
|
||||
]}
|
||||
buttons={[{ text: "Start Analyzing", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Real-time Revenue Tracking" },
|
||||
{ type: "text", text: "Advanced Data Visualization" },
|
||||
{ type: "text", text: "Multi-Account Sync" },
|
||||
{ type: "text", text: "Bank-Level Security" },
|
||||
{ type: "text", text: "Instant Performance Alerts" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Serious Earners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Serious Earners"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Revenue Monitoring",
|
||||
author: "Pro",
|
||||
description: "See your real-time earnings on your laptop dashboard.",
|
||||
tags: [
|
||||
"Analytics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cloud-Based Data",
|
||||
author: "Pro",
|
||||
description: "Your revenue data is synced across all your devices securely.",
|
||||
tags: [
|
||||
"Cloud",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-team-working-with-graphs_1232-849.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Security First",
|
||||
author: "Pro",
|
||||
description: "Bank-level encryption for your sensitive earnings data.",
|
||||
tags: [
|
||||
"Secure",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-hand-with-stylus-pen-working-digital-tablet-laptop_169016-48736.jpg",
|
||||
},
|
||||
]}
|
||||
title="Pro-Grade Tools"
|
||||
description="Unlock deep insights into every cent earned with real-time tracking."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Revenue Monitoring", author: "Pro", description: "See your real-time earnings on your laptop dashboard.", tags: ["Analytics"], imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg" },
|
||||
{ id: "f2", title: "Cloud-Based Data", author: "Pro", description: "Your revenue data is synced across all your devices securely.", tags: ["Cloud"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-team-working-with-graphs_1232-849.jpg" },
|
||||
{ id: "f3", title: "Security First", author: "Pro", description: "Bank-level encryption for your sensitive earnings data.", tags: ["Secure"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-business-hand-with-stylus-pen-working-digital-tablet-laptop_169016-48736.jpg" }
|
||||
]}
|
||||
title="Pro-Grade Tools"
|
||||
description="Unlock deep insights into every cent earned with real-time tracking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
description: "Accuracy Rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Real-time Tracking",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100k+",
|
||||
description: "Active Users",
|
||||
},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Numbers that drive your business success."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99%", description: "Accuracy Rate" },
|
||||
{ id: "m2", value: "24/7", description: "Real-time Tracking" },
|
||||
{ id: "m3", value: "100k+", description: "Active Users" }
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Numbers that drive your business success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Adtech Corp",
|
||||
"RevenueLab",
|
||||
"CloudSync",
|
||||
"DataFlow",
|
||||
"InsightAI",
|
||||
"PubScale",
|
||||
"AdTrackers",
|
||||
]}
|
||||
title="Trusted by Creators"
|
||||
description="Used by top-tier publishers worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Adtech Corp", "RevenueLab", "CloudSync", "DataFlow", "InsightAI", "PubScale", "AdTrackers"]}
|
||||
title="Trusted by Creators"
|
||||
description="Used by top-tier publishers worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam",
|
||||
role: "Dev",
|
||||
company: "Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jess",
|
||||
role: "Marketing",
|
||||
company: "Ads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detective-reviewing-files-office-room_482257-75350.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike",
|
||||
role: "Data",
|
||||
company: "Science",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-worker-using-his-tablet_1134-570.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah",
|
||||
role: "Consultant",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg",
|
||||
},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear what our users say about tracking their earnings."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex", role: "CEO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg" },
|
||||
{ id: "t2", name: "Sam", role: "Dev", company: "Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
|
||||
{ id: "t3", name: "Jess", role: "Marketing", company: "Ads", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/detective-reviewing-files-office-room_482257-75350.jpg" },
|
||||
{ id: "t4", name: "Mike", role: "Data", company: "Science", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-worker-using-his-tablet_1134-570.jpg" },
|
||||
{ id: "t5", name: "Sarah", role: "Consultant", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg" }
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear what our users say about tracking their earnings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, we use advanced encryption.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I track multiple sites?",
|
||||
content: "Yes, our dashboard supports multi-site tracking.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What device can I use?",
|
||||
content: "Works on any laptop with modern browsers.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is it secure?", content: "Yes, we use advanced encryption." },
|
||||
{ id: "q2", title: "Can I track multiple sites?", content: "Yes, our dashboard supports multi-site tracking." },
|
||||
{ id: "q3", title: "What device can I use?", content: "Works on any laptop with modern browsers." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Analytics Journey"
|
||||
description="Fill out the form below to get started."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Analytics Journey"
|
||||
description="Fill out the form below to get started."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AdTrack"
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="AdTrack"
|
||||
columns={[
|
||||
{ title: "Resources", items: [{ label: "API", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user