242 lines
13 KiB
TypeScript
242 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Activity, Mail, Target, Trophy, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="PunterPro"
|
|
navItems={[
|
|
{ name: "Tips", id: "tips" },
|
|
{ name: "Odds", id: "odds" },
|
|
{ name: "Analysis", id: "analysis" },
|
|
{ name: "Stats", id: "metrics" }
|
|
]}
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
className="bg-background border border-accent/20"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Win More Football Bets with Expert Predictions"
|
|
description="Real-time odds analysis, data-driven predictions, and proven winning strategies for every match. Join thousands of bettors beating the odds."
|
|
tag="Sports Prediction Platform"
|
|
tagIcon={Trophy}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/a-dynamic-football-betting-dashboard-int-1772746796671-046b433d.png"
|
|
imageAlt="Football betting dashboard with live odds"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Start Predicting", href: "#tips" },
|
|
{ text: "View Odds", href: "#odds" }
|
|
]}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="tips" data-section="tips">
|
|
<FeatureCardNineteen
|
|
title="How Our Predictions Work"
|
|
description="Our AI-powered analysis processes millions of data points to deliver accurate football predictions"
|
|
tag="Our Process"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Data Collection", title: "Advanced Analytics", subtitle: "Real-time match data processing", description: "We collect and analyze comprehensive data from all major football leagues including team performance metrics, player statistics, weather conditions, and historical matchups to build our prediction models.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/football-betting-tips-and-predictions-ca-1772746796311-5f181e00.png", imageAlt: "Football betting tips and predictions"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "AI Processing", title: "Smart Algorithms", subtitle: "Machine learning predictions", description: "Our proprietary AI algorithms identify patterns and trends that human analysts might miss. The system learns from every match outcome to continuously improve prediction accuracy."
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Expert Validation", title: "Expert Review", subtitle: "Professional verification", description: "Every prediction is reviewed by our team of experienced sports analysts who provide additional context, injury reports, and tactical insights to ensure accuracy and reliability."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn More", href: "#analysis" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="predictions" data-section="predictions">
|
|
<ProductCardThree
|
|
title="Featured Football Tips"
|
|
description="Today's hottest predictions with detailed odds and analysis"
|
|
tag="Live Predictions"
|
|
tagIcon={Zap}
|
|
products={[
|
|
{
|
|
id: "tip-1", name: "Manchester City vs Arsenal", price: "1.85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/live-football-matches-display-showing-cu-1772746795325-5f2c3f3e.png?_wi=1", imageAlt: "Manchester City vs Arsenal prediction", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "tip-2", name: "Liverpool vs Chelsea", price: "2.10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/detailed-odds-display-interface-showing--1772746795163-50a52bcc.png", imageAlt: "Liverpool vs Chelsea odds", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "tip-3", name: "Real Madrid vs Barcelona", price: "1.95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/live-football-matches-display-showing-cu-1772746795325-5f2c3f3e.png?_wi=2", imageAlt: "Real Madrid vs Barcelona prediction", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="odds" data-section="odds">
|
|
<PricingCardEight
|
|
title="Betting Options & Odds"
|
|
description="Multiple odds formats and betting strategies available for every match"
|
|
tag="Live Odds"
|
|
plans={[
|
|
{
|
|
id: "decimal", badge: "Standard", badgeIcon: Activity,
|
|
price: "1.50 - 3.50", subtitle: "Decimal odds format", buttons: [{ text: "Place Bet", href: "#contact" }],
|
|
features: [
|
|
"Easy to calculate returns", "Shows total payout amount", "Most popular format", "Real-time updates"
|
|
]
|
|
},
|
|
{
|
|
id: "fractional", badge: "Traditional", badgeIcon: Target,
|
|
price: "1/2 - 7/2", subtitle: "Fractional odds format", buttons: [{ text: "Place Bet", href: "#contact" }],
|
|
features: [
|
|
"Classic betting format", "Shows profit ratio", "Popular in UK", "Risk/reward visible"
|
|
]
|
|
},
|
|
{
|
|
id: "combo", badge: "Advanced", badgeIcon: Zap,
|
|
price: "1.85 - 4.20", subtitle: "Combination bets", buttons: [{ text: "Place Bet", href: "#contact" }],
|
|
features: [
|
|
"Multiple match selections", "Higher potential returns", "Accumulator bets", "Expert combinations"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Our Track Record"
|
|
description="Proven performance metrics from our prediction platform"
|
|
tag="Statistics"
|
|
metrics={[
|
|
{ id: "1", value: "87%", description: "Average Prediction Accuracy" },
|
|
{ id: "2", value: "150K+", description: "Active Users Worldwide" },
|
|
{ id: "3", value: "500K+", description: "Predictions Made" },
|
|
{ id: "4", value: "$2.5M", description: "Total User Winnings" }
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Users Say"
|
|
description="Real feedback from successful bettors using our platform"
|
|
tag="Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Wilson", role: "Professional Bettor", testimonial: "PunterPro's predictions have consistently beaten my own analysis. The 87% accuracy rate is genuinely impressive and has significantly improved my ROI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/professional-headshot-of-a-sports-analys-1772746794214-42f0707b.png", imageAlt: "James Wilson, Professional Bettor"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", role: "Sports Analyst", testimonial: "The AI-powered insights combined with expert validation make this the most reliable prediction platform I've used. My betting success increased by 45% in just two months.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/professional-headshot-of-a-different-spo-1772746793492-b34ebb6b.png", imageAlt: "Sarah Chen, Sports Analyst"
|
|
},
|
|
{
|
|
id: "3", name: "Marcus Thompson", role: "Casual Better", testimonial: "Even as a casual bettor, I've found the tips easy to understand and highly profitable. The real-time odds updates help me make informed decisions quickly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/professional-headshot-of-a-sports-bettin-1772746794197-d1dd9808.png", imageAlt: "Marcus Thompson, Casual Bettor"
|
|
},
|
|
{
|
|
id: "4", name: "Elena Rodriguez", role: "Betting Consultant", testimonial: "I recommend PunterPro to all my clients. The combination of machine learning and human expertise delivers unmatched prediction quality and consistent winning streaks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/professional-headshot-of-a-betting-exper-1772746793252-a02555bc.png", imageAlt: "Elena Rodriguez, Betting Consultant"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Access"
|
|
title="Join the Winning Team"
|
|
description="Subscribe to PunterPro today and receive daily predictions, real-time odds updates, and expert analysis straight to your inbox. Start making smarter bets now."
|
|
tagIcon={Mail}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXl6XfryfmPh42Cibv44ycQPld/sports-analyst-working-at-desk-with-mult-1772746795045-906d0f91.png"
|
|
imageAlt="Sports betting research and analysis"
|
|
mediaPosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe Now"
|
|
termsText="By subscribing, you agree to receive daily predictions and tips. Unsubscribe anytime. Responsible gambling is encouraged."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [
|
|
{ label: "Tips", href: "#tips" },
|
|
{ label: "Odds", href: "#odds" },
|
|
{ label: "Analysis", href: "#analysis" },
|
|
{ label: "Statistics", href: "#metrics" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Betting Guide", href: "#" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Responsible Gambling", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 PunterPro | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|