9 Commits

Author SHA1 Message Date
c2081bdcec Merge version_3 into main
Merge version_3 into main
2026-05-26 03:25:00 +00:00
603401fb84 Update src/app/styles/variables.css 2026-05-26 03:24:57 +00:00
3103d8983b Update src/app/page.tsx 2026-05-26 03:24:57 +00:00
df95b6da5b Add src/app/contact/page.tsx 2026-05-26 03:24:57 +00:00
89c8485eee Merge version_2 into main
Merge version_2 into main
2026-05-26 03:06:38 +00:00
899ba8ace7 Update src/app/page.tsx 2026-05-26 03:06:32 +00:00
b68f11d34b Update src/app/layout.tsx 2026-05-26 03:06:31 +00:00
3bdf67fdec Merge version_1 into main
Merge version_1 into main
2026-05-26 03:02:53 +00:00
b2590ac6e8 Merge version_1 into main
Merge version_1 into main
2026-05-26 03:02:11 +00:00
4 changed files with 322 additions and 94 deletions

135
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,135 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ContactPage() {
const navItems = [
{ name: "Home", id: "/#hero" },
{ name: "About", id: "/#about" },
{ name: "How It Works", id: "/#features" },
{ name: "Leaderboard", id: "/#products" },
{ name: "Player Reviews", id: "/#testimonials" },
{ name: "FAQ", id: "/#faq" },
{ name: "Contact", id: "/contact" }
];
const navbarButton = {
text: "Start Predicting", href: "/contact"
};
const footerColumns = [
{
title: "Company", items: [
{ label: "About Us", href: "/#about" },
{ label: "Contact Us", href: "/contact" },
{ label: "Privacy Policy", href: "#" }
]
},
{
title: "Game", items: [
{ label: "How It Works", href: "/#features" },
{ label: "Leaderboard", href: "/#products" },
{ label: "Rules", href: "/#features" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "/#faq" },
{ label: "Support", href: "/contact" },
{ label: "Terms of Service", href: "#" }
]
}
];
const testimonialsData = [
{
id: "t1", name: "Ahmed Khan", role: "Avid Fan", company: "Football Enthusiast", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/young-dark-haired-man-smiling-posing_1407314.jpg?_wi=1"
},
{
id: "t2", name: "Maria Silva", role: "Casual Player", company: "Prediction Rookie", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/young-happy-brunette-girl-denim-jacket_1407315.jpg?_wi=1"
},
{
id: "t3", name: "Chris Lee", role: "Stats Guru", company: "Analyst by Heart", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/young-african-american-man-isolated-blue-background_1407316.jpg?_wi=1"
},
{
id: "t4", name: "Sophie Dubois", role: "Friendly Competitor", company: "Team Captain", rating: 4,
imageSrc: "https://img.b2bpic.net/free-photo/cheerful-brunette-female-isolated_1407317.jpg?_wi=1"
},
{
id: "t5", name: "Leo Messi", role: "Legendary Player", company: "Argentina National Team", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/messi-ball_1407318.jpg?_wi=1", imageAlt: "Leo Messi testimonial"
}
];
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={navItems}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qumeee"
logoAlt="World Cup Predictor Logo"
brandName="World Cup Predictor"
button={navbarButton}
/>
</div>
<div id="contact-details" data-section="contact-details">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Contact & Bookings"
title="Book Your Consultation or Reach Out"
description="For appointments and inquiries, please call us at 0312 3999509. You can also send us a message through the form below, and we'll get back to you promptly."
inputPlaceholder="Your Email"
buttonText="Send Inquiry"
termsText="By sending an inquiry you're confirming that you agree with our Terms and Conditions."
/>
</div>
<div id="customer-reviews" data-section="customer-reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={testimonialsData}
title="What Our Clients Say"
description="Hear from our satisfied customers about their experience."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
videoSrc="https://img.b2bpic.net/free-photo/soccer-ball-football-stadium-grass_1407254.jpg?_wi=1"
videoAriaLabel="Abstract football stadium background video"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg"
logoAlt="World Cup Predictor Logo"
logoText="World Cup Predictor"
columns={footerColumns}
copyrightText="© 2024 World Cup Predictor | All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -11,8 +11,8 @@ import { DM_Sans } from "next/font/google";
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Your Brand - Innovative Solutions for Your Future', title: 'World Cup Predictor - Predict, Compete, Win!',
description: 'Discover cutting-edge technology and unparalleled support from Your Brand. Empowering your journey with solutions designed for success.', description: 'Join the ultimate World Cup prediction game. Predict match scores, challenge friends, and climb the global leaderboard to prove your football knowledge!',
openGraph: { openGraph: {
"title": "Your Brand - Innovative Solutions", "title": "Your Brand - Innovative Solutions",
"description": "Empowering your journey with innovative solutions and unparalleled support.", "description": "Empowering your journey with innovative solutions and unparalleled support.",

View File

@@ -12,6 +12,10 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import { Trophy, Users, ShieldCheck, Wifi, Car, Cloud, Coffee } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -36,46 +40,55 @@ export default function LandingPage() {
{ {
name: "About", id: "#about"}, name: "About", id: "#about"},
{ {
name: "Features", id: "#features"}, name: "How It Works", id: "#features"},
{ {
name: "Products", id: "#products"}, name: "Rooms & Rates", id: "#rooms-rates"
},
{ {
name: "Testimonials", id: "#testimonials"}, name: "Gallery", id: "#gallery"
},
{
name: "Amenities", id: "#amenities"
},
{
name: "Leaderboard", id: "#products"},
{
name: "Player Reviews", id: "#testimonials"},
{ {
name: "FAQ", id: "#faq"}, name: "FAQ", id: "#faq"},
{ {
name: "Contact", id: "#contact"}, name: "Contact", id: "#contact"},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qumeee" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qumeee"
logoAlt="Brand Logo" logoAlt="World Cup Predictor Logo"
brandName="Your Brand" brandName="World Cup Predictor"
button={{ button={{
text: "Get Started", href: "#contact"}} text: "Start Predicting", href: "#contact"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogo <HeroLogo
logoText="Your Brand" logoText="World Cup Predictor"
description="Empowering your journey with innovative solutions and unparalleled support. Discover the future of possibility with us." description="Predict the outcomes of World Cup matches, compete with friends, and climb the global leaderboard to prove your football knowledge!"
buttons={[ buttons={[
{ {
text: "Explore Solutions", href: "#features"}, text: "Make Predictions", href: "#features"},
{ {
text: "Learn More", href: "#about"}, text: "View Leaderboard", href: "#products"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-shapes-indoors-background_23-2150697326.jpg" imageSrc="https://img.b2bpic.net/free-photo/soccer-ball-light_1407252.jpg?_wi=1"
imageAlt="Hero background image showing a diverse team collaborating in a modern office." imageAlt="Soccer ball on a grassy field with stadium lights in the background, representing World Cup prediction."
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="About Our Mission" title="About the World Cup Prediction Game"
buttons={[ buttons={[
{ {
text: "Discover Our Story", href: "#"}, text: "Learn Rules", href: "#features"},
]} ]}
/> />
@@ -88,20 +101,100 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", title: "Streamlined Workflow", tags: [ id: "f1", title: "Predict Match Scores", tags: [
"Efficiency", "Automation"], "Strategy", "Football Insight"],
imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-digital-meeting-office-supply-innovate_1134-1334.jpg", imageAlt: "Streamlined Workflow"}, imageSrc: "https://img.b2bpic.net/free-photo/football-team-huddle_1407267.jpg?_wi=1", imageAlt: "Football players in a huddle"},
{ {
id: "f2", title: "Robust Security", tags: [ id: "f2", title: "Real-time Updates", tags: [
"Protection", "Privacy"], "Live Scores", "Instant Rankings"],
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-digital-hand-lock_23-2151997019.jpg", imageAlt: "Robust Security"}, imageSrc: "https://img.b2bpic.net/free-photo/stadium_1407307.jpg?_wi=1", imageAlt: "Football stadium during a match"},
{ {
id: "f3", title: "Seamless Integration", tags: [ id: "f3", title: "Compete Globally", tags: [
"Connectivity", "Compatibility"], "Global Leaderboard", "Challenge Friends"],
imageSrc: "http://img.b2bpic.net/free-photo/server-room-admin-receiving-threat-detection-alert-device_482257-120788.jpg", imageAlt: "Seamless Integration"}, imageSrc: "https://img.b2bpic.net/free-photo/gold-cup_1407255.jpg?_wi=1", imageAlt: "Golden World Cup trophy"},
]}
title="How Our Prediction Game Works"
description="It's simple! Predict, score points, and climb the ranks to become the ultimate World Cup predictor."
/>
</div>
<div id="rooms-rates" data-section="rooms-rates">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Rooms & Rates"
description="Explore our luxurious rooms and competitive rates designed for every traveler."
plans={[
{
id: "room1", title: "Standard Room", price: "$120", period: "/night", features: ["Free Wi-Fi", "Comfortable Bed", "En-suite Bathroom", "City View"],
button: { text: "Book Now", href: "#contact" },
imageSrc: "https://img.b2bpic.net/free-photo/bed-with-white-sheets-light-room_1406830.jpg?_wi=1", imageAlt: "Standard room"
},
{
id: "room2", title: "Deluxe Suite", price: "$250", period: "/night", features: ["Free Wi-Fi", "King-size Bed", "Spacious Living Area", "Balcony Access", "Complimentary Breakfast"],
button: { text: "Book Now", href: "#contact" },
imageSrc: "https://img.b2bpic.net/free-photo/spacious-hotel-room-with-bed-white-walls_1407335.jpg?_wi=1", imageAlt: "Deluxe suite"
},
{
id: "room3", title: "Executive Penthouse", price: "$500", period: "/night", features: ["Free Wi-Fi", "Premium Amenities", "Private Jacuzzi", "Panoramic Views", "Personal Butler Service", "Gourmet Breakfast"],
button: { text: "Book Now", href: "#contact" },
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-luxurious-bed-table_1407336.jpg?_wi=1", imageAlt: "Executive penthouse"
}
]}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Gallery"
description="A visual journey through our beautiful hotel and its surroundings."
products={[
{
id: "g1", name: "Hotel Lobby", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/modern-hotel-lobby-interior-with-reception-desk_1407337.jpg?_wi=1", imageAlt: "Hotel lobby"
},
{
id: "g2", name: "Swimming Pool", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/swimming-pool_1407338.jpg?_wi=1", imageAlt: "Swimming pool"
},
{
id: "g3", name: "Restaurant", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/empty-restaurant-interior_1407339.jpg?_wi=1", imageAlt: "Hotel restaurant"
},
{
id: "g4", name: "Fitness Center", price: "", variant: "", imageSrc: "https://img.b2bpic.net/free-photo/hotel-gym-fitness-center-equipment-room-with-treadmills-weight-benches-and-ellipticals-empty_1407340.jpg?_wi=1", imageAlt: "Fitness center"
}
]}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Our Premium Amenities"
description="Experience unparalleled comfort and convenience with our top-tier services."
features={[
{
icon: Wifi,
title: "Complimentary Wi-Fi", description: "Stay connected with high-speed internet access throughout your stay."
},
{
icon: Car,
title: "Free Parking", description: "Enjoy hassle-free parking options for all our guests."
},
{
icon: Cloud,
title: "Air Conditioning", description: "Individual climate control in every room for your comfort."
},
{
icon: Coffee,
title: "Delicious Breakfast", description: "Start your day with a complimentary, freshly prepared breakfast."
}
]} ]}
title="Powerful Features Designed For You"
description="Our platform offers a comprehensive suite of tools to help you achieve your goals with ease and confidence."
/> />
</div> </div>
@@ -113,41 +206,41 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", brand: "TechGadgets", name: "SmartWatch Pro", price: "$299", rating: 5, id: "p1", brand: "Rank #1", name: "FootballFanatic", price: "1500 pts", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-asian-sportswoman-checking-pulse-with-electronic-device_1098-18984.jpg", imageAlt: "SmartWatch Pro"}, reviewCount: "25 games", imageSrc: "https://img.b2bpic.net/free-photo/confident-man-smiling-posing_1407308.jpg?_wi=1", imageAlt: "Player Avatar 1"},
{ {
id: "p2", brand: "AudioX", name: "Noise Cancelling Headphones", price: "$199", rating: 4, id: "p2", brand: "Rank #2", name: "GoalGetter", price: "1450 pts", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/tired-pleased-young-talented-skater-naps-green-lawn-smiles-happily-as-sees-pleasant-dreams_273609-8762.jpg", imageAlt: "Noise Cancelling Headphones"}, reviewCount: "24 games", imageSrc: "https://img.b2bpic.net/free-photo/cheerful-female-coach-pointing-hand_1407309.jpg?_wi=1", imageAlt: "Player Avatar 2"},
{ {
id: "p3", brand: "Mobile Innovations", name: "Ultra-Slim Smartphone", price: "$799", rating: 5, id: "p3", brand: "Rank #3", name: "HatTrickHero", price: "1400 pts", rating: 4,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-right-view_187299-35248.jpg", imageAlt: "Ultra-Slim Smartphone"}, reviewCount: "23 games", imageSrc: "https://img.b2bpic.net/free-photo/young-man-with-dark-hair-beard-green-hoodie_1407310.jpg?_wi=1", imageAlt: "Player Avatar 3"},
{ {
id: "p4", brand: "PowerUp", name: "Portable Power Bank 20000mAh", price: "$49", rating: 4, id: "p4", brand: "Rank #4", name: "SoccerSage", price: "1380 pts", rating: 4,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-129226.jpg", imageAlt: "Portable Power Bank 20000mAh"}, reviewCount: "26 games", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-short-hair-standing_1407311.jpg?_wi=1", imageAlt: "Player Avatar 4"},
{ {
id: "p5", brand: "SoundBliss", name: "Wireless Earbuds Elite", price: "$129", rating: 5, id: "p5", brand: "Rank #5", name: "MatchMaestro", price: "1320 pts", rating: 4,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-airpods_23-2148560452.jpg", imageAlt: "Wireless Earbuds Elite"}, reviewCount: "22 games", imageSrc: "https://img.b2bpic.net/free-photo/young-african-american-man-orange-background_1407312.jpg?_wi=1", imageAlt: "Player Avatar 5"},
{ {
id: "p6", brand: "ErgoGear", name: "Ergonomic Wireless Mouse", price: "$35", rating: 4, id: "p6", brand: "Rank #6", name: "PredictionPro", price: "1280 pts", rating: 4,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-table-with-computer-supplies-coffee-cup_93675-134616.jpg", imageAlt: "Ergonomic Wireless Mouse"}, reviewCount: "24 games", imageSrc: "https://img.b2bpic.net/free-photo/curly-haired-woman-orange-background_1407313.jpg?_wi=1", imageAlt: "Player Avatar 6"},
]} ]}
title="Our Latest Innovations" title="Global Leaderboard"
description="Explore our curated selection of high-quality products designed to enhance your daily life." description="See who's got the best prediction skills! Track top players and their scores."
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
title="Achieving Excellence Together" title="Our Global Community Impact"
tag="Our Impact" tag="Game Stats"
metrics={[ metrics={[
{ {
id: "m1", value: "200M+", description: "Users Reached"}, id: "m1", value: "1M+", description: "Total Predictions"},
{ {
id: "m2", value: "99.9%", description: "Uptime Reliability"}, id: "m2", value: "50K+", description: "Active Players"},
{ {
id: "m3", value: "10+", description: "Years of Innovation"}, id: "m3", value: "64", description: "Matches Covered"},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -161,23 +254,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", name: "Sarah Johnson", role: "CEO", company: "InnovateCorp", rating: 5, id: "t1", name: "Ahmed Khan", role: "Avid Fan", company: "Football Enthusiast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"}, imageSrc: "https://img.b2bpic.net/free-photo/young-dark-haired-man-smiling-posing_1407314.jpg?_wi=1"},
{ {
id: "t2", name: "Michael Chen", role: "CTO", company: "FutureTech", rating: 5, id: "t2", name: "Maria Silva", role: "Casual Player", company: "Prediction Rookie", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg"}, imageSrc: "https://img.b2bpic.net/free-photo/young-happy-brunette-girl-denim-jacket_1407315.jpg?_wi=1"},
{ {
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthX", rating: 5, id: "t3", name: "Chris Lee", role: "Stats Guru", company: "Analyst by Heart", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg"}, imageSrc: "https://img.b2bpic.net/free-photo/young-african-american-man-isolated-blue-background_1407316.jpg?_wi=1"},
{ {
id: "t4", name: "David Kim", role: "Product Manager", company: "StartupGenius", rating: 4, id: "t4", name: "Sophie Dubois", role: "Friendly Competitor", company: "Team Captain", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-studio_158595-1802.jpg"}, imageSrc: "https://img.b2bpic.net/free-photo/cheerful-brunette-female-isolated_1407317.jpg?_wi=1"},
{ {
id: "t5", name: "Jessica Lee", role: "Operations Lead", company: "Efficient Solutions", rating: 5, id: "t5", name: "Leo Messi", role: "Legendary Player", company: "Argentina National Team", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-positive-trendy-girl-involved-teen-subculture-grabs-your-attention-blank-space-keeps-palm-raises-shows-advertising-content-wears-turtleneck-white-jeans-isolated-red-wall_273609-53770.jpg", imageAlt: "Female Operations Lead testimonial"}, imageSrc: "https://img.b2bpic.net/free-photo/messi-ball_1407318.jpg?_wi=1", imageAlt: "Leo Messi testimonial"}
]} ]}
title="What Our Clients Say" title="What Players Say About Us"
description="Hear directly from those who have experienced the difference our solutions make." description="Hear directly from those who love predicting with us!"
/> />
</div> </div>
@@ -187,18 +280,18 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", title: "How does your service work?", content: "Our service simplifies complex processes, offering intuitive tools and dedicated support to guide you every step of the way."}, id: "faq1", title: "How do I make a prediction?", content: "Simply navigate to the 'Make Predictions' section, select a match, and enter your predicted score. It's that easy!"},
{ {
id: "faq2", title: "What are your pricing plans?", content: "We offer flexible pricing tiers designed to fit individual and business needs. Please visit our pricing page for detailed information."}, id: "faq2", title: "How are points calculated?", content: "Points are awarded for correct match outcomes (win, loss, draw) and exact score predictions. More details are available in our 'How It Works' section."},
{ {
id: "faq3", title: "Can I integrate with my existing tools?", content: "Yes, our platform is built for seamless integration with a wide range of popular third-party applications and services."}, id: "faq3", title: "Can I change my prediction after submitting?", content: "Predictions can be changed up until the match kickoff. Check the match details for specific deadlines."},
{ {
id: "faq4", title: "Do you offer customer support?", content: "Absolutely! Our expert support team is available 24/7 to assist you with any questions or issues you may encounter."}, id: "faq4", title: "How do I compete with friends?", content: "You can create or join private leagues to compete directly with your friends and see who's the best predictor among you."},
{ {
id: "faq5", title: "Is my data secure?", content: "Data security is our top priority. We employ industry-leading encryption and security protocols to protect your information."}, id: "faq5", title: "Is there a prize for winning?", content: "While the main prize is bragging rights and glory, we occasionally run special contests with exciting rewards. Stay tuned for announcements!"},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Find quick answers to the most common questions about our products and services." description="Get quick answers to the most common questions about the World Cup Prediction game."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -209,10 +302,10 @@ export default function LandingPage() {
background={{ background={{
variant: "plain"}} variant: "plain"}}
tag="Get in Touch" tag="Get in Touch"
title="Contact Us for More Information" title="Got a Question? Reach Out!"
description="Have a question or need assistance? Reach out to our team, and we'll be happy to help you." description="Whether it's about predictions, rules, or anything else, our team is here to help you."
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-horizontal-greenscreen-smartphone-sitting-desk-freelancer-looking-blank-mockup-background-with-isolated-copyspace-chroma-key-template-telephone-display_482257-47715.jpg" imageSrc="https://img.b2bpic.net/free-photo/soccer-ball-football-stadium_1407253.jpg?_wi=1"
imageAlt="Contact support team working in an office." imageAlt="Football and stadium lights."
mediaAnimation="opacity" mediaAnimation="opacity"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="Your Email" inputPlaceholder="Your Email"
@@ -223,44 +316,44 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
videoSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg" videoSrc="https://img.b2bpic.net/free-photo/soccer-ball-football-stadium-grass_1407254.jpg?_wi=1"
videoAriaLabel="Abstract network connections looping video" videoAriaLabel="Abstract football stadium background video"
logoSrc="http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-53850.jpg" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg"
logoAlt="Your Brand Logo" logoAlt="World Cup Predictor Logo"
logoText="Your Brand" logoText="World Cup Predictor"
columns={[ columns={[
{ {
title: "Company", items: [ title: "Company", items: [
{ {
label: "About Us", href: "#about"}, label: "About Us", href: "#about"},
{ {
label: "Careers", href: "#"}, label: "Contact Us", href: "#contact"},
{ {
label: "Blog", href: "#"}, label: "Privacy Policy", href: "#"}
], ]
}, },
{ {
title: "Solutions", items: [ title: "Game", items: [
{ {
label: "Features", href: "#features"}, label: "How It Works", href: "#features"},
{ {
label: "Products", href: "#products"}, label: "Leaderboard", href: "#products"},
{ {
label: "Pricing", href: "#"}, label: "Rules", href: "#features"}
], ]
}, },
{ {
title: "Support", items: [ title: "Support", items: [
{ {
label: "FAQ", href: "#faq"}, label: "FAQ", href: "#faq"},
{ {
label: "Contact", href: "#contact"}, label: "Support", href: "#contact"},
{ {
label: "Help Center", href: "#"}, label: "Terms of Service", href: "#"}
], ]
}, }
]} ]}
copyrightText="© 2025 Your Brand | All rights reserved." copyrightText="© 2024 World Cup Predictor | All rights reserved."
/> />
</div> </div>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f4ef; --background: #f5f4f0;
--card: #dad6cd; --card: #ffffff;
--foreground: #2a2928; --foreground: #1a1a1a;
--primary-cta: #2a2928; --primary-cta: #2c2c2c;
--primary-cta-text: #f5f4ef; --primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea; --secondary-cta: #f5f4f0;
--secondary-cta-text: #2a2928; --secondary-cta-text: #2a2928;
--accent: #ffffff; --accent: #8a8a8a;
--background-accent: #c6b180; --background-accent: #e8e6e1;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);