Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -11,8 +11,8 @@ import { DM_Sans } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Your Brand - Innovative Solutions for Your Future',
|
||||
description: 'Discover cutting-edge technology and unparalleled support from Your Brand. Empowering your journey with solutions designed for success.',
|
||||
title: 'World Cup Predictor - Predict, Compete, Win!',
|
||||
description: 'Join the ultimate World Cup prediction game. Predict match scores, challenge friends, and climb the global leaderboard to prove your football knowledge!',
|
||||
openGraph: {
|
||||
"title": "Your Brand - Innovative Solutions",
|
||||
"description": "Empowering your journey with innovative solutions and unparalleled support.",
|
||||
|
||||
171
src/app/page.tsx
171
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Trophy, Users, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -36,46 +37,46 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
name: "How It Works", id: "#features"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
name: "Leaderboard", id: "#products"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
name: "Player Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qumeee"
|
||||
logoAlt="Brand Logo"
|
||||
brandName="Your Brand"
|
||||
logoAlt="World Cup Predictor Logo"
|
||||
brandName="World Cup Predictor"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
text: "Start Predicting", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Your Brand"
|
||||
description="Empowering your journey with innovative solutions and unparalleled support. Discover the future of possibility with us."
|
||||
logoText="World Cup Predictor"
|
||||
description="Predict the outcomes of World Cup matches, compete with friends, and climb the global leaderboard to prove your football knowledge!"
|
||||
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"
|
||||
imageAlt="Hero background image showing a diverse team collaborating in a modern office."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/soccer-ball-light_1407252.jpg?_wi=1"
|
||||
imageAlt="Soccer ball on a grassy field with stadium lights in the background, representing World Cup prediction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Our Mission"
|
||||
title="About the World Cup Prediction Game"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story", href: "#"},
|
||||
text: "Learn Rules", href: "#features"},
|
||||
]}
|
||||
|
||||
/>
|
||||
@@ -88,20 +89,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Streamlined Workflow", tags: [
|
||||
"Efficiency", "Automation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-hair-digital-meeting-office-supply-innovate_1134-1334.jpg", imageAlt: "Streamlined Workflow"},
|
||||
id: "f1", title: "Predict Match Scores", tags: [
|
||||
"Strategy", "Football Insight"],
|
||||
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: [
|
||||
"Protection", "Privacy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-digital-hand-lock_23-2151997019.jpg", imageAlt: "Robust Security"},
|
||||
id: "f2", title: "Real-time Updates", tags: [
|
||||
"Live Scores", "Instant Rankings"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/stadium_1407307.jpg?_wi=1", imageAlt: "Football stadium during a match"},
|
||||
{
|
||||
id: "f3", title: "Seamless Integration", tags: [
|
||||
"Connectivity", "Compatibility"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-admin-receiving-threat-detection-alert-device_482257-120788.jpg", imageAlt: "Seamless Integration"},
|
||||
id: "f3", title: "Compete Globally", tags: [
|
||||
"Global Leaderboard", "Challenge Friends"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/gold-cup_1407255.jpg?_wi=1", imageAlt: "Golden World Cup trophy"},
|
||||
]}
|
||||
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."
|
||||
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>
|
||||
|
||||
@@ -113,41 +114,41 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "TechGadgets", name: "SmartWatch Pro", price: "$299", 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"},
|
||||
id: "p1", brand: "Rank #1", name: "FootballFanatic", price: "1500 pts", rating: 5,
|
||||
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,
|
||||
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"},
|
||||
id: "p2", brand: "Rank #2", name: "GoalGetter", price: "1450 pts", rating: 5,
|
||||
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,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-clay-phone-14-pro-right-view_187299-35248.jpg", imageAlt: "Ultra-Slim Smartphone"},
|
||||
id: "p3", brand: "Rank #3", name: "HatTrickHero", price: "1400 pts", rating: 4,
|
||||
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,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-129226.jpg", imageAlt: "Portable Power Bank 20000mAh"},
|
||||
id: "p4", brand: "Rank #4", name: "SoccerSage", price: "1380 pts", rating: 4,
|
||||
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,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-airpods_23-2148560452.jpg", imageAlt: "Wireless Earbuds Elite"},
|
||||
id: "p5", brand: "Rank #5", name: "MatchMaestro", price: "1320 pts", rating: 4,
|
||||
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,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-table-with-computer-supplies-coffee-cup_93675-134616.jpg", imageAlt: "Ergonomic Wireless Mouse"},
|
||||
id: "p6", brand: "Rank #6", name: "PredictionPro", price: "1280 pts", rating: 4,
|
||||
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"
|
||||
description="Explore our curated selection of high-quality products designed to enhance your daily life."
|
||||
title="Global Leaderboard"
|
||||
description="See who's got the best prediction skills! Track top players and their scores."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Achieving Excellence Together"
|
||||
tag="Our Impact"
|
||||
title="Our Global Community Impact"
|
||||
tag="Game Stats"
|
||||
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"
|
||||
/>
|
||||
@@ -161,23 +162,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah Johnson", role: "CEO", company: "InnovateCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"},
|
||||
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: "Michael Chen", role: "CTO", company: "FutureTech", 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"},
|
||||
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: "Emily Rodriguez", role: "Marketing Director", company: "GrowthX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg"},
|
||||
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: "David Kim", role: "Product Manager", company: "StartupGenius", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-studio_158595-1802.jpg"},
|
||||
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: "Jessica Lee", role: "Operations Lead", company: "Efficient Solutions", 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"},
|
||||
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"}
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from those who have experienced the difference our solutions make."
|
||||
title="What Players Say About Us"
|
||||
description="Hear directly from those who love predicting with us!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,18 +188,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -209,10 +210,10 @@ export default function LandingPage() {
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Contact Us for More Information"
|
||||
description="Have a question or need assistance? Reach out to our team, and we'll be happy 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"
|
||||
imageAlt="Contact support team working in an office."
|
||||
title="Got a Question? Reach Out!"
|
||||
description="Whether it's about predictions, rules, or anything else, our team is here to help you."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/soccer-ball-football-stadium_1407253.jpg?_wi=1"
|
||||
imageAlt="Football and stadium lights."
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your Email"
|
||||
@@ -223,48 +224,48 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
videoSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg"
|
||||
videoAriaLabel="Abstract network connections looping video"
|
||||
logoSrc="http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-53850.jpg"
|
||||
logoAlt="Your Brand Logo"
|
||||
logoText="Your Brand"
|
||||
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={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user