Update src/app/page.tsx
This commit is contained in:
410
src/app/page.tsx
410
src/app/page.tsx
@@ -5,15 +5,15 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Users, Zap } from "lucide-react";
|
||||
import { Award, Users, Zap, MessageSquare, Trophy, Crown } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,26 +33,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Odds",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "VIP Picks", id: "pricing" },
|
||||
{ name: "Community", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BetElite"
|
||||
/>
|
||||
@@ -62,89 +48,10 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Elite Sports Betting. Redefined."
|
||||
description="Experience professional-grade odds, instant payouts, and a secure betting environment built for the modern sports enthusiast."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@mark_r",
|
||||
testimonial: "The fastest payouts I've seen in the market. Absolutely top-tier platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Incredible odds on e-sports. My go-to app every single weekend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alex_k",
|
||||
testimonial: "Clean UI and great data analytics. Very professional experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-carefree-woman-posing-grey-wall-studio_158538-19219.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria V.",
|
||||
handle: "@maria_v",
|
||||
testimonial: "Finally, a betting app that works as fast as I want it to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
},
|
||||
{
|
||||
name: "Liam T.",
|
||||
handle: "@liam_t",
|
||||
testimonial: "Top-notch interface, highly recommended for serious players.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-bearded-senior-man-shirt-salon_23-2148181982.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Betting",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Start Betting", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg"
|
||||
imageAlt="Futuristic betting platform interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why BetElite?"
|
||||
description="We combine cutting-edge blockchain security with real-time sports analytics to ensure every bet you place is transparent, fair, and lightning-fast. Join the elite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-with-apps-cup-coffee_1134-93.jpg"
|
||||
imageAlt="Security and Technology"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,236 +61,37 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Live Odds Analytics",
|
||||
tags: [
|
||||
"AI-Driven",
|
||||
"Real-time",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536140.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Encryption",
|
||||
tags: [
|
||||
"Blockchain",
|
||||
"Fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-influenza-covid-concept-portrait-young-healthy-man-got-better-show-thumbsup-holding-drugs_1258-109040.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Global Sports Coverage",
|
||||
tags: [
|
||||
"24/7",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Live Odds Analytics", tags: ["AI-Driven", "Real-time"], imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536140.jpg" },
|
||||
{ id: "f2", title: "Secure Encryption", tags: ["Blockchain", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/health-influenza-covid-concept-portrait-young-healthy-man-got-better-show-thumbsup-holding-drugs_1258-109040.jpg" },
|
||||
{ id: "f3", title: "Global Sports Coverage", tags: ["24/7", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg" }
|
||||
]}
|
||||
title="Core Betting Features"
|
||||
description="Advanced tools to give you the competitive edge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "E-Sports",
|
||||
name: "Dota 2 World Championship",
|
||||
price: "1.8x",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536134.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "NFL",
|
||||
name: "Super Bowl Sunday",
|
||||
price: "2.4x",
|
||||
rating: 5,
|
||||
reviewCount: "890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-balls_23-2150784028.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Football",
|
||||
name: "Champions League Final",
|
||||
price: "1.9x",
|
||||
rating: 4,
|
||||
reviewCount: "2.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-leather-colorful-multi-colour-soccer-ball-green-grass_1232-3048.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Basketball",
|
||||
name: "NBA Finals Match",
|
||||
price: "2.1x",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gymnastic-stage-getting-ready-competition_23-2150867990.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Racing",
|
||||
name: "F1 Grand Prix",
|
||||
price: "3.2x",
|
||||
rating: 4,
|
||||
reviewCount: "670",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674227.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Tennis",
|
||||
name: "Wimbledon Finals",
|
||||
price: "1.7x",
|
||||
rating: 5,
|
||||
reviewCount: "900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-woman-sunset_1140-5.jpg",
|
||||
},
|
||||
]}
|
||||
title="Live Match Markets"
|
||||
description="Choose your sport and start winning."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="VIP Picks Subscription"
|
||||
description="Access our proprietary data-driven predictions and gain the edge over the house."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "Free",
|
||||
subtitle: "Basic access to betting markets",
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Basic Odds",
|
||||
"24/7 Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "$49/mo",
|
||||
subtitle: "Advanced analytics & rewards",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Pro Odds",
|
||||
"Instant Withdrawals",
|
||||
"Priority Support",
|
||||
],
|
||||
},
|
||||
{ id: "vip-monthly", badge: "Monthly", price: "$99", subtitle: "Complete access to all daily VIP picks.", features: ["Daily Betting Tips", "Bankroll Management", "Priority Telegram Alerts"] },
|
||||
{ id: "vip-annual", badge: "Annual", price: "$599", subtitle: "Best value for long-term bettors.", features: ["Everything in Monthly", "Quarterly Profit Report", "1-on-1 Analyst Access"] }
|
||||
]}
|
||||
title="Membership Tiers"
|
||||
description="Elevate your betting experience with our premium status levels."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Active Users",
|
||||
description: "Global user network",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$10M+",
|
||||
title: "Payouts",
|
||||
description: "Total paid to date",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "High performance reliability",
|
||||
icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Trusted by bettors across the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Sports Trader",
|
||||
testimonial: "The best platform I have used in 10 years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-5015.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Pro Better",
|
||||
testimonial: "Elite features, fast app, what more could you want?",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bill Gates",
|
||||
role: "Tech Lead",
|
||||
testimonial: "The blockchain integration really sets it apart.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-black-woman-wears-white-overalls-white-background_633478-2826.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alice W.",
|
||||
role: "Casual Better",
|
||||
testimonial: "Super simple and very addictive interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dave F.",
|
||||
role: "Sports Lover",
|
||||
testimonial: "Great experience overall, very satisfied.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-bearded-senior-man-shirt-salon_23-2148181982.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Eva R.",
|
||||
role: "Business Analyst",
|
||||
testimonial: "Excellent platform with great customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Voices of the elite betters."
|
||||
title="Join Our Telegram Community"
|
||||
description="Connect with 5,000+ elite bettors, get real-time strategy insights, and participate in our daily discussions. Click below to join the inner circle."
|
||||
buttons={[{ text: "Join Telegram Channel", href: "#" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-with-apps-cup-coffee_1134-93.jpg"
|
||||
imageAlt="Community and Discussion"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -392,26 +100,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How fast are payouts?",
|
||||
content: "Most payouts are processed within minutes.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my money safe?",
|
||||
content: "Yes, we use military-grade encryption.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I bet globally?",
|
||||
content: "Yes, we support markets across all major international sports.",
|
||||
},
|
||||
{ id: "q1", title: "How do I receive VIP picks?", content: "Once you subscribe, you'll get instant invites to our private Telegram channel where we post all daily picks." },
|
||||
{ id: "q2", title: "Are payouts truly instant?", content: "Yes, crypto withdrawals are typically processed and sent to your wallet within minutes." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our betting platform."
|
||||
description="Everything you need to know about starting your journey."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -419,9 +114,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Join BetElite Today"
|
||||
description="Sign up and receive a 100% deposit bonus on your first bet."
|
||||
@@ -429,48 +122,11 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="BetElite"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Odds",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "VIP Picks", href: "#pricing" }, { label: "Telegram Community", href: "#about" }] },
|
||||
{ items: [{ label: "Support", href: "#faq" }, { label: "Terms of Use", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user