Update src/app/page.tsx

This commit is contained in:
2026-04-15 13:23:47 +00:00
parent c1a4f237e1
commit 06816fdbcd

View File

@@ -16,330 +16,163 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
defaultButtonVariant="expand-hover"
defaultTextAnimation="background-highlight"
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: "Features",
id: "features",
},
{
name: "Performance",
id: "metrics",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="PickTrack"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Features", id: "features" },
{ name: "Performance", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="PickTrack"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Track Your Sports Picks with Confidence"
description="The ultimate platform for serious sports bettors to track, analyze, and improve their betting performance with precision data."
testimonials={[
{
name: "Alex R.",
handle: "@alxr",
testimonial: "Increased my win rate by 15% since using this tracker.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg?_wi=1",
imageAlt: "sports analytics dashboard UI",
},
{
name: "Jamie L.",
handle: "@jamie",
testimonial: "Incredible insights, the best tool in my arsenal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg?_wi=1",
imageAlt: "sports analytics dashboard UI",
},
{
name: "Sam K.",
handle: "@samk",
testimonial: "The performance analytics are simply unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg?_wi=1",
imageAlt: "sports analytics dashboard UI",
},
{
name: "Jordan P.",
handle: "@jordanp",
testimonial: "Finally, a clean dashboard that just works.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg?_wi=1",
imageAlt: "sports analytics dashboard UI",
},
{
name: "Casey M.",
handle: "@caseym",
testimonial: "Reliable data, fast updates, and great UI.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg?_wi=1",
imageAlt: "sports analytics dashboard UI",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stockholder-working-from-home-using-mockup-device_482257-121841.jpg",
alt: "Stockholder working from home using mockup device",
},
{
src: "http://img.b2bpic.net/free-photo/african-american-freelancer-works-home-using-laptop-study-stock-prices_482257-121720.jpg",
alt: "African American freelancer works at home using laptop to study stock prices",
},
{
src: "http://img.b2bpic.net/free-photo/black-man-day-trading-from-home-laptop-following-stock-market-charts_482257-121824.jpg",
alt: "Black man day trading from home on laptop following stock market charts",
},
{
src: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg",
alt: "Gambling Football Game Bet Concept",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
alt: "professional man in suit portrait",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Track Your Sports Picks with Confidence"
description="The ultimate platform for serious sports bettors to track, analyze, and improve their betting performance with precision data."
testimonials={[
{ name: "Alex R.", handle: "@alxr", testimonial: "Increased my win rate by 15% since using this tracker.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg", imageAlt: "sports analytics dashboard UI" },
{ name: "Jamie L.", handle: "@jamie", testimonial: "Incredible insights, the best tool in my arsenal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg", imageAlt: "sports analytics dashboard UI" },
{ name: "Sam K.", handle: "@samk", testimonial: "The performance analytics are simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg", imageAlt: "sports analytics dashboard UI" },
{ name: "Jordan P.", handle: "@jordanp", testimonial: "Finally, a clean dashboard that just works.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg", imageAlt: "sports analytics dashboard UI" },
{ name: "Casey M.", handle: "@caseym", testimonial: "Reliable data, fast updates, and great UI.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg", imageAlt: "sports analytics dashboard UI" },
]}
imageSrc="http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/stockholder-working-from-home-using-mockup-device_482257-121841.jpg", alt: "Stockholder working from home using mockup device" },
{ src: "http://img.b2bpic.net/free-photo/african-american-freelancer-works-home-using-laptop-study-stock-prices_482257-121720.jpg", alt: "African American freelancer works at home using laptop to study stock prices" },
{ src: "http://img.b2bpic.net/free-photo/black-man-day-trading-from-home-laptop-following-stock-market-charts_482257-121824.jpg", alt: "Black man day trading from home on laptop following stock market charts" },
{ src: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-123864.jpg", alt: "Gambling Football Game Bet Concept" },
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg", alt: "professional man in suit portrait" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Elite Data for Serious Bettors"
description="We aggregate real-time odds, team performance, and historical data to help you make informed decisions every single day."
metrics={[
{
value: "20K+",
title: "Picks Tracked",
},
{
value: "95%",
title: "Data Accuracy",
},
{
value: "120+",
title: "Leagues Covered",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Elite Data for Serious Bettors"
description="We aggregate real-time odds, team performance, and historical data to help you make informed decisions every single day."
metrics={[
{ value: "20K+", title: "Picks Tracked" },
{ value: "95%", title: "Data Accuracy" },
{ value: "120+", title: "Leagues Covered" },
]}
imageSrc="http://img.b2bpic.net/free-photo/musical-gadget-innovation-man-jogging-with-earphones-entertainment-technology-remixed-media_53876-104258.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Live Tracking",
description: "Update your picks in real-time with our lightning-fast interface.",
tag: "Speed",
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg?_wi=2",
},
{
id: "f2",
title: "Advanced Insights",
description: "Deep-dive into performance trends with AI-powered analytics.",
tag: "AI-Driven",
imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg?_wi=2",
},
{
id: "f3",
title: "Secure Platform",
description: "Your data is protected with military-grade encryption and privacy controls.",
tag: "Security",
imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg?_wi=2",
},
]}
title="Features That Drive Results"
description="Everything you need to stay ahead of the game, optimized for mobile and desktop performance."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Live Tracking", description: "Update your picks in real-time with our lightning-fast interface.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-smartphone-documents_1150-94.jpg" },
{ id: "f2", title: "Advanced Insights", description: "Deep-dive into performance trends with AI-powered analytics.", tag: "AI-Driven", imageSrc: "http://img.b2bpic.net/free-photo/3d-bar-graph-white-base_23-2152009995.jpg" },
{ id: "f3", title: "Secure Platform", description: "Your data is protected with military-grade encryption and privacy controls.", tag: "Security", imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg" },
]}
title="Features That Drive Results"
description="Everything you need to stay ahead of the game, optimized for mobile and desktop performance."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "95%",
title: "Predictive Success",
description: "Overall winning accuracy.",
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
},
{
id: "m2",
value: "120+",
title: "Monthly Picks",
description: "Total volume of picks tracked.",
imageSrc: "http://img.b2bpic.net/free-photo/sports-event-postponed-arrangement_23-2148596836.jpg",
},
{
id: "m3",
value: "4.8/5",
title: "User Rating",
description: "Highly acclaimed performance tool.",
imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548646.jpg",
},
]}
title="Proven Performance Tracking"
description="Witness the growth and stability of your betting strategy through our detailed performance metrics."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "95%", title: "Predictive Success", description: "Overall winning accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg" },
{ id: "m2", value: "120+", title: "Monthly Picks", description: "Total volume of picks tracked.", imageSrc: "http://img.b2bpic.net/free-photo/sports-event-postponed-arrangement_23-2148596836.jpg" },
{ id: "m3", value: "4.8/5", title: "User Rating", description: "Highly acclaimed performance tool.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548646.jpg" },
]}
title="Proven Performance Tracking"
description="Witness the growth and stability of your betting strategy through our detailed performance metrics."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="PickTrack transformed the way I look at my betting habits. The analytics are so clear, and the tracking is incredibly easy."
rating={5}
author="Marcus V."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-woman-sweater-standing-with-arms-folded-isolated-gray-background_231208-7348.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/entrepreneur-working-from-home-using-laptop-writing-notes-paper_482257-118438.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-mature-male-holding-tablet-office_23-2148673404.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/image-smiling-woman-look-camera-with-phone_197531-33936.jpg",
alt: "User 5",
},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="PickTrack transformed the way I look at my betting habits. The analytics are so clear, and the tracking is incredibly easy."
rating={5}
author="Marcus V."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-crossed-arms-wearing-wool-suit_613910-1866.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-smiling-woman-sweater-standing-with-arms-folded-isolated-gray-background_231208-7348.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/entrepreneur-working-from-home-using-laptop-writing-notes-paper_482257-118438.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/elegant-mature-male-holding-tablet-office_23-2148673404.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/image-smiling-woman-look-camera-with-phone_197531-33936.jpg", alt: "User 5" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"SportsNetwork",
"BetDaily",
"AnalyticsPro",
"WinFactor",
"LeageStat",
"CommisionData",
"FinData",
]}
title="Trusted by Industry Experts"
description="Join thousands of successful bettors who rely on our platform."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["SportsNetwork", "BetDaily", "AnalyticsPro", "WinFactor", "LeageStat", "CommisionData", "FinData"]}
title="Trusted by Industry Experts"
description="Join thousands of successful bettors who rely on our platform."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is my data secure?",
content: "Yes, we use industry-standard encryption to protect all your data.",
},
{
id: "q2",
title: "Can I sync multiple sportsbooks?",
content: "Absolutely, we support seamless integration across most major books.",
},
{
id: "q3",
title: "Is it free to start?",
content: "Yes, we offer a generous free trial so you can test the platform.",
},
]}
title="Frequently Asked Questions"
description="Got questions? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Is my data secure?", content: "Yes, we use industry-standard encryption to protect all your data." },
{ id: "q2", title: "Can I sync multiple sportsbooks?", content: "Absolutely, we support seamless integration across most major books." },
{ id: "q3", title: "Is it free to start?", content: "Yes, we offer a generous free trial so you can test the platform." },
]}
title="Frequently Asked Questions"
description="Got questions? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ready to Get Started?"
description="Send us a message and our support team will get back to you within 24 hours."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ready to Get Started?"
description="Send us a message and our support team will get back to you within 24 hours."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" },
]}
imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-tutoring-intern-how-use-csm-system_482257-117972.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Platform",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Performance",
href: "#metrics",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 PickTrack Inc."
bottomRightText="Privacy Policy | Terms of Service"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Performance", href: "#metrics" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
bottomLeftText="© 2024 PickTrack Inc."
bottomRightText="Privacy Policy | Terms of Service"
/>
</div>
</ReactLenis>
</ThemeProvider>
);