Merge version_3 into main #3

Merged
bender merged 2 commits from version_3 into main 2026-05-10 18:40:50 +00:00
2 changed files with 45 additions and 57 deletions

View File

@@ -8,12 +8,9 @@ import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwe
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 PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Users, Zap, MessageSquare, Trophy, Crown } from "lucide-react";
import { Trophy, ShieldCheck, MessageCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,39 +31,43 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Mission", id: "about" },
{ name: "VIP Picks", id: "pricing" },
{ name: "Community", id: "about" },
{ name: "Community", id: "community" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="BetElite"
brandName="Alpha Bets"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Elite Sports Betting. Redefined."
description="Experience professional-grade odds, instant payouts, and a secure betting environment built for the modern sports enthusiast."
title="Dominate the Field with Alpha Bets"
description="Professional-grade sports analytics, verified strategies, and the most secure betting insights available to the modern bettor."
testimonials={[]}
buttons={[{ text: "Start Betting", href: "#products" }]}
buttons={[{ text: "Join the Community", href: "#community" }]}
imageSrc="http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg"
imageAlt="Futuristic betting platform interface"
imageAlt="Professional sports betting analysis"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
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" }
]}
title="Core Betting Features"
description="Advanced tools to give you the competitive edge."
<div id="about" data-section="about">
<MediaAbout
title="Our Mission: Unmatched Trust"
description="At Alpha Bets, our mission is to bring transparency and professional rigour to sports betting. We leverage data-backed analytics to ensure every tip we provide is grounded in probability, not guesswork. We prioritize trust, accountability, and long-term profitability for our members."
imageSrc="http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536140.jpg"
imageAlt="Alpha Bets Mission"
/>
</div>
<div id="community" data-section="community">
<MediaAbout
title="Exclusive Telegram Community"
description="Join our inner circle of elite bettors. Get instant access to daily picks, strategy discussions, and live market updates. 5,000+ members strong."
buttons={[{ text: "Join Telegram Now", href: "https://telegram.org" }]}
imageSrc="http://img.b2bpic.net/free-photo/working-with-apps-cup-coffee_1134-93.jpg"
imageAlt="Telegram Community"
/>
</div>
@@ -75,39 +76,26 @@ export default function LandingPage() {
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."
title="Membership Plans"
description="Choose the plan that fits your betting style and gain an edge over the house."
plans={[
{ 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"] }
{ id: "pro-monthly", badge: "Pro", price: "$99", subtitle: "Daily VIP picks & Telegram access.", features: ["Daily Betting Tips", "Bankroll Management", "Private VIP Channel"] },
{ id: "alpha-annual", badge: "Alpha", price: "$599", subtitle: "The full Alpha experience.", features: ["Everything in Pro", "Quarterly Strategy Deep-dives", "1-on-1 Analyst Consultation"] }
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
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>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ 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." },
{ id: "q1", title: "Why Alpha Bets?", content: "We focus on high-probability outcomes derived from rigorous data modeling rather than gambling on gut feeling." },
{ id: "q2", title: "Is the Telegram group secure?", content: "Yes, our community is moderated to ensure only serious, professional discourse and verified strategies are shared." },
]}
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="Everything you need to know about starting your journey."
faqsAnimation="slide-up"
title="Betting Insights FAQ"
description="Common questions from our community of successful bettors."
/>
</div>
@@ -115,18 +103,18 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Get Started"
title="Join BetElite Today"
description="Sign up and receive a 100% deposit bonus on your first bet."
title="Get Started with Alpha Bets"
description="Subscribe to our newsletter for weekly betting tips and exclusive market insights."
buttonText="Sign Up for Tips"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="BetElite"
logoText="Alpha Bets"
columns={[
{ items: [{ label: "VIP Picks", href: "#pricing" }, { label: "Telegram Community", href: "#about" }] },
{ items: [{ label: "Support", href: "#faq" }, { label: "Terms of Use", href: "#" }] }
{ items: [{ label: "VIP Membership", href: "#pricing" }, { label: "Telegram Channel", href: "#community" }] },
{ items: [{ label: "Mission", href: "#about" }, { label: "Contact Support", href: "#contact" }] }
]}
/>
</div>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #00061A;
--card: #001033;
--foreground: #FFFFFF;
--primary-cta: #FF6D00;
--background: #1a3a52;
--card: #152e41;
--foreground: #ffffff;
--primary-cta: #ff8c00;
--primary-cta-text: #FFFFFF;
--secondary-cta: #FF9100;
--secondary-cta: #ffffff;
--secondary-cta-text: #000000;
--accent: #FFB300;
--background-accent: #001A4D;
--accent: #ff8c00;
--background-accent: #002a40;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);