Merge version_2 into main #4
186
src/app/page.tsx
186
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Activity, Award, CheckCircle, Database, Globe, ShieldCheck, TrendingUp, Zap } from "lucide-react";
|
||||
import { Activity, Award, CheckCircle, Database, Globe, MessageSquare, ShieldCheck, TrendingUp, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,12 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "AI Chat", id: "chat" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BetIntel AI"
|
||||
/>
|
||||
@@ -46,58 +44,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Win Faster with Predictive AI"
|
||||
description="Unlock data-driven win probabilities for football, golf, hockey, and tennis. Let our sophisticated models guide your betting strategy with real-time accuracy."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers", handle: "@arivers", testimonial: "The model's predictions on hockey have changed my entire approach to betting. Simply unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-scientist-work_23-2151957106.jpg?_wi=1", imageAlt: "Data scientist at work"},
|
||||
{
|
||||
name: "Sarah Miller", handle: "@smiller", testimonial: "Reliable data and deep insights for tennis tournaments. My win rate has jumped significantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-nordic-man-with-beard-stylish-hairstyle-grey-shirt-jeans-smiling-keeps-hands-pockets_176420-15740.jpg", imageAlt: "Data scientist at work"},
|
||||
{
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Golf betting is no longer a guessing game for me. Thanks BetIntel AI!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", imageAlt: "Data scientist at work"},
|
||||
{
|
||||
name: "Emma Wilson", handle: "@ewilson", testimonial: "Incredibly fast analytics. The AI understands the nuances of the game better than I ever could.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064891.jpg", imageAlt: "Data scientist at work"},
|
||||
{
|
||||
name: "Liam Scott", handle: "@lscott", testimonial: "Football season is now much more profitable. The probability metrics are spot on.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analyst-working-with-futuristic-interface_23-2151967444.jpg", imageAlt: "Data scientist at work"},
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "The model's predictions on hockey have changed my entire approach to betting. Simply unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/data-scientist-work_23-2151957106.jpg?_wi=1", imageAlt: "Data scientist at work" },
|
||||
{ name: "Sarah Miller", handle: "@smiller", testimonial: "Reliable data and deep insights for tennis tournaments. My win rate has jumped significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-nordic-man-with-beard-stylish-hairstyle-grey-shirt-jeans-smiling-keeps-hands-pockets_176420-15740.jpg", imageAlt: "Data scientist at work" },
|
||||
{ name: "John Doe", handle: "@johndoe", testimonial: "Golf betting is no longer a guessing game for me. Thanks BetIntel AI!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", imageAlt: "Data scientist at work" },
|
||||
{ name: "Emma Wilson", handle: "@ewilson", testimonial: "Incredibly fast analytics. The AI understands the nuances of the game better than I ever could.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064891.jpg", imageAlt: "Data scientist at work" },
|
||||
{ name: "Liam Scott", handle: "@lscott", testimonial: "Football season is now much more profitable. The probability metrics are spot on.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/data-analyst-working-with-futuristic-interface_23-2151967444.jpg", imageAlt: "Data scientist at work" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/data-scientist-work_23-2151957106.jpg?_wi=2"
|
||||
imageAlt="Data scientist at work"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-leaning-wall_23-2148648215.jpg", alt: "Man leaning on a wall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model_158538-18019.jpg", alt: "Portrait of handsome confident stylish hipster"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model-sexy-man-dressed-pink-tshirt-trousers-fashion-male-isolated-blue-wall-studio_158538-26663.jpg", alt: "Portrait of handsome smiling stylish hipster"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-shirt-clothes-fashion-stylish-man-posing_158538-5322.jpg", alt: "Portrait of handsome smiling young man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-studying-floor-girl-with-laptop-works-from-home-types-computer-smiles-feels_1258-187225.jpg", alt: "Young woman studying on floor"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-leaning-wall_23-2148648215.jpg", alt: "Man leaning on a wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model_158538-18019.jpg", alt: "Portrait of handsome confident stylish hipster" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model-sexy-man-dressed-pink-tshirt-trousers-fashion-male-isolated-blue-wall-studio_158538-26663.jpg", alt: "Portrait of handsome smiling stylish hipster" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-shirt-clothes-fashion-stylish-man-posing_158538-5322.jpg", alt: "Portrait of handsome smiling young man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-studying-floor-girl-with-laptop-works-from-home-types-computer-smiles-feels_1258-187225.jpg", alt: "Young woman studying on floor" },
|
||||
]}
|
||||
avatarText="Trusted by 10k+ bettors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "94% Accuracy"},
|
||||
{
|
||||
type: "text", text: "Real-time Alerts"},
|
||||
{
|
||||
type: "text", text: "Multisport Insights"},
|
||||
{
|
||||
type: "text", text: "Institutional Grade"},
|
||||
{
|
||||
type: "text", text: "Daily Winning Picks"},
|
||||
{ type: "text", text: "94% Accuracy" },
|
||||
{ type: "text", text: "Real-time Alerts" },
|
||||
{ type: "text", text: "Multisport Insights" },
|
||||
{ type: "text", text: "Institutional Grade" },
|
||||
{ type: "text", text: "Daily Winning Picks" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="chat" data-section="chat">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Predictive Betting Assistant"
|
||||
description="Our AI agent provides instant, professional-grade win probability analysis. Simply ask about your upcoming game and get an edge with real-time data."
|
||||
features={[{
|
||||
title: "AI Betting Consultant", description: "Get probability predictions for your favorite sports.", bentoComponent: "chat", aiIcon: Database,
|
||||
userIcon: MessageSquare,
|
||||
placeholder: "Enter match-up (e.g., 'Chiefs vs Bills win probability')", exchanges: [
|
||||
{ userMessage: "Win prob for Celtics vs Heat?", aiResponse: "Based on current injury reports and season trends, Celtics hold a 72% win probability over the Heat." },
|
||||
{ userMessage: "Golf odds for next major?", aiResponse: "Our model projects the top 3 contenders based on recent course history and weather variables." }
|
||||
]
|
||||
}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
@@ -105,15 +100,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "94%", title: "Accuracy Rate", description: "Across major football leagues", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2", value: "2.4M", title: "Data Points Analyzed", description: "Every hour across all sports", icon: Database,
|
||||
},
|
||||
{
|
||||
id: "3", value: "89%", title: "Market Beating", description: "Consistently higher margins than public betting lines", icon: Award,
|
||||
},
|
||||
{ id: "1", value: "94%", title: "Accuracy Rate", description: "Across major football leagues", icon: TrendingUp },
|
||||
{ id: "2", value: "2.4M", title: "Data Points Analyzed", description: "Every hour across all sports", icon: Database },
|
||||
{ id: "3", value: "89%", title: "Market Beating", description: "Consistently higher margins than public betting lines", icon: Award },
|
||||
]}
|
||||
title="Proven Performance Stats"
|
||||
description="Our AI continuously processes millions of data points to deliver consistent winning insights."
|
||||
@@ -125,15 +114,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Probability Tracking", description: "Instant updates on win probability shifts during games.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Smart Historical Modeling", description: "Decades of sports data distilled into winning strategies.", bentoComponent: "reveal-icon", icon: Activity,
|
||||
},
|
||||
{
|
||||
title: "Multisport Coverage", description: "From tennis courts to the hockey rink, cover every angle.", bentoComponent: "reveal-icon", icon: Globe,
|
||||
},
|
||||
{ title: "Live Probability Tracking", description: "Instant updates on win probability shifts during games.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Smart Historical Modeling", description: "Decades of sports data distilled into winning strategies.", bentoComponent: "reveal-icon", icon: Activity },
|
||||
{ title: "Multisport Coverage", description: "From tennis courts to the hockey rink, cover every angle.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
]}
|
||||
title="Advanced Intelligence Engine"
|
||||
description="Engineered for professional bettors who demand precision and deep analytics."
|
||||
@@ -147,18 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Beginner", price: "$49/mo", subtitle: "Perfect for weekend bettors", features: [
|
||||
"Basic football data", "Email alerts", "3 sports covered"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Most Popular", price: "$129/mo", subtitle: "For serious analysts", features: [
|
||||
"Advanced golf analytics", "Live API access", "All sports included", "Priority data refresh"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Expert", price: "$399/mo", subtitle: "Institutional grade insights", features: [
|
||||
"API integration", "Custom model fine-tuning", "24/7 dedicated support", "White glove service"],
|
||||
},
|
||||
{ id: "starter", badge: "Beginner", price: "$49/mo", subtitle: "Perfect for weekend bettors", features: ["Basic football data", "Email alerts", "3 sports covered"] },
|
||||
{ id: "pro", badge: "Most Popular", price: "$129/mo", subtitle: "For serious analysts", features: ["Advanced golf analytics", "Live API access", "All sports included", "Priority data refresh"] },
|
||||
{ id: "enterprise", badge: "Expert", price: "$399/mo", subtitle: "Institutional grade insights", features: ["API integration", "Custom model fine-tuning", "24/7 dedicated support", "White glove service"] },
|
||||
]}
|
||||
title="Select Your Analytic Tier"
|
||||
description="Gain the edge with professional betting intelligence tools."
|
||||
@@ -170,15 +144,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why BetIntel AI?"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Verified Success", value: "12k+ Users"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Secure Predictions", value: "Trusted"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Low Latency", value: "<50ms"},
|
||||
{ icon: CheckCircle, label: "Verified Success", value: "12k+ Users" },
|
||||
{ icon: ShieldCheck, label: "Secure Predictions", value: "Trusted" },
|
||||
{ icon: Zap, label: "Low Latency", value: "<50ms" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -191,16 +159,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Mark Spencer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-nordic-man-with-beard-stylish-hairstyle-grey-shirt-jeans-smiling-keeps-hands-pockets_176420-15740.jpg", alt: "Mark"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064891.jpg", alt: "Alice"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/data-analyst-working-with-futuristic-interface_23-2151967444.jpg", alt: "Bob"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-outside-street_1303-21660.jpg", alt: "Portrait of a young woman"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-nordic-man-with-beard-stylish-hairstyle-grey-shirt-jeans-smiling-keeps-hands-pockets_176420-15740.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064891.jpg", alt: "Alice" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/data-analyst-working-with-futuristic-interface_23-2151967444.jpg", alt: "Bob" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-outside-street_1303-21660.jpg", alt: "Portrait of a young woman" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -212,12 +175,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How accurate is the AI?", content: "Our AI achieves 94% accuracy on historical data and maintains high performance in real-time."},
|
||||
{
|
||||
id: "q2", title: "Can I trust the data?", content: "We utilize official league APIs to ensure data integrity and speed."},
|
||||
{
|
||||
id: "q3", title: "Do you offer a trial?", content: "We offer a 7-day money-back guarantee for all new pro subscribers."},
|
||||
{ id: "q1", title: "How accurate is the AI?", content: "Our AI achieves 94% accuracy on historical data and maintains high performance in real-time." },
|
||||
{ id: "q2", title: "Can I trust the data?", content: "We utilize official league APIs to ensure data integrity and speed." },
|
||||
{ id: "q3", title: "Do you offer a trial?", content: "We offer a 7-day money-back guarantee for all new pro subscribers." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers about our platform and models."
|
||||
@@ -228,37 +188,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Beat the Market?"
|
||||
description="Start making smarter bets today with BetIntel AI."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Start Free Trial", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "AI Chat", href: "#chat" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Support", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 BetIntel AI."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -267,4 +209,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user