Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Trophy, Shirt, Calendar } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -29,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Play",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Play", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="Penalty King"
|
||||
/>
|
||||
@@ -52,103 +45,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Score Your Glory in Penalty King"
|
||||
description="Experience the thrill of the ultimate penalty shootout. Master your aim, beat the keeper, and climb the global leaderboards today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Riv",
|
||||
handle: "@alexriv",
|
||||
testimonial: "The best physics I've seen in a mobile penalty game. Absolutely addictive!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg?_wi=1",
|
||||
imageAlt: "football penalty kick stadium goal",
|
||||
},
|
||||
name: "Alex Riv", handle: "@alexriv", testimonial: "The best physics I've seen in a mobile penalty game. Absolutely addictive!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg", imageAlt: "football penalty kick stadium goal"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "I love the tournament mode. It feels like a real high-stakes match.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg?_wi=1",
|
||||
imageAlt: "football physics engine icon",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@slee", testimonial: "I love the tournament mode. It feels like a real high-stakes match.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg", imageAlt: "football physics engine icon"},
|
||||
{
|
||||
name: "Mark P.",
|
||||
handle: "@markp",
|
||||
testimonial: "Simple controls but really hard to master. Perfect for short breaks.",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hnh2y&_wi=1",
|
||||
imageAlt: "global leaderboard gaming icon",
|
||||
},
|
||||
name: "Mark P.", handle: "@markp", testimonial: "Simple controls but really hard to master. Perfect for short breaks.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hnh2y", imageAlt: "global leaderboard gaming icon"},
|
||||
{
|
||||
name: "Jamie T.",
|
||||
handle: "@jamiet",
|
||||
testimonial: "Graphics are stunning and the gameplay is super smooth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg?_wi=1",
|
||||
imageAlt: "customizable sports kit UI",
|
||||
},
|
||||
name: "Jamie T.", handle: "@jamiet", testimonial: "Graphics are stunning and the gameplay is super smooth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg", imageAlt: "customizable sports kit UI"},
|
||||
{
|
||||
name: "Jordan S.",
|
||||
handle: "@jordans",
|
||||
testimonial: "Finally, a football game that actually feels competitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg?_wi=1",
|
||||
imageAlt: "soccer tournament bracket ui",
|
||||
},
|
||||
name: "Jordan S.", handle: "@jordans", testimonial: "Finally, a football game that actually feels competitive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg", imageAlt: "soccer tournament bracket ui"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shooting",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Shooting", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soccer-players-action-professional-stadium_654080-1752.jpg"
|
||||
imageAlt="Penalty kick action"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/looking-side-concerned-young-sporty-man-holding-ball-showing-silence-gesture_141793-81585.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/looking-side-concerned-young-sporty-man-holding-ball-showing-silence-gesture_141793-81585.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-neon-lit-apartment-filming-dance-tutorial-other-children-watching-her_482257-76855.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-neon-lit-apartment-filming-dance-tutorial-other-children-watching-her_482257-76855.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "10M+ Downloads",
|
||||
},
|
||||
type: "text", text: "10M+ Downloads"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top Rated Sports",
|
||||
},
|
||||
type: "text", text: "Top Rated Sports"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Tournaments",
|
||||
},
|
||||
type: "text", text: "Global Tournaments"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hyper-Realistic Physics",
|
||||
},
|
||||
type: "text", text: "Hyper-Realistic Physics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Challenges",
|
||||
},
|
||||
type: "text", text: "Daily Challenges"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,29 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Realistic Physics",
|
||||
description: "Ball trajectory that mimics real-life aerodynamics and spin.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg?_wi=2",
|
||||
},
|
||||
title: "Realistic Physics", description: "Ball trajectory that mimics real-life aerodynamics and spin.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg"},
|
||||
{
|
||||
title: "Global Competition",
|
||||
description: "Climb through divisions and compete against players worldwide.",
|
||||
buttonIcon: "Trophy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hnh2y&_wi=2",
|
||||
},
|
||||
title: "Global Competition", description: "Climb through divisions and compete against players worldwide.", buttonIcon: Trophy,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hnh2y"},
|
||||
{
|
||||
title: "Custom Kits",
|
||||
description: "Unlock hundreds of unique jerseys and stadium accessories.",
|
||||
buttonIcon: "Shirt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg?_wi=2",
|
||||
},
|
||||
title: "Custom Kits", description: "Unlock hundreds of unique jerseys and stadium accessories.", buttonIcon: Shirt,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg"},
|
||||
{
|
||||
title: "Weekly Tournaments",
|
||||
description: "Join special seasonal events for massive rewards.",
|
||||
buttonIcon: "Calendar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg?_wi=2",
|
||||
},
|
||||
title: "Weekly Tournaments", description: "Join special seasonal events for massive rewards.", buttonIcon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg"},
|
||||
]}
|
||||
title="Why You'll Love Penalty King"
|
||||
description="Engineered for speed, precision, and pure football enjoyment."
|
||||
@@ -196,45 +129,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riv",
|
||||
role: "Fan",
|
||||
company: "Global Player",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Riv", role: "Fan", company: "Global Player", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-looks-positive-wearing-headphones_114579-14803.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
role: "Fan",
|
||||
company: "Global Player",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-concerned-young-sporty-man-holding-ball-showing-silence-gesture_141793-81585.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Lee", role: "Fan", company: "Global Player", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-concerned-young-sporty-man-holding-ball-showing-silence-gesture_141793-81585.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark P.",
|
||||
role: "Fan",
|
||||
company: "Global Player",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",
|
||||
},
|
||||
id: "3", name: "Mark P.", role: "Fan", company: "Global Player", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jamie T.",
|
||||
role: "Fan",
|
||||
company: "Global Player",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg",
|
||||
},
|
||||
id: "4", name: "Jamie T.", role: "Fan", company: "Global Player", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105160.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan S.",
|
||||
role: "Fan",
|
||||
company: "Global Player",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-neon-lit-apartment-filming-dance-tutorial-other-children-watching-her_482257-76855.jpg",
|
||||
},
|
||||
id: "5", name: "Jordan S.", role: "Fan", company: "Global Player", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-neon-lit-apartment-filming-dance-tutorial-other-children-watching-her_482257-76855.jpg"},
|
||||
]}
|
||||
title="What Players Say"
|
||||
description="Join thousands of soccer fans perfecting their kick."
|
||||
@@ -251,23 +159,11 @@ export default function LandingPage() {
|
||||
description="Upgrade your player's look and performance with these essential packs."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Penalty King",
|
||||
name: "Golden Boots Pack",
|
||||
price: "$4.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg?_wi=3",
|
||||
},
|
||||
id: "1", brand: "Penalty King", name: "Golden Boots Pack", price: "$4.99", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-tablet_23-2147827733.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Penalty King",
|
||||
name: "Pro Stadium Kit",
|
||||
price: "$9.99",
|
||||
rating: 5,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg?_wi=3",
|
||||
},
|
||||
id: "2", brand: "Penalty King", name: "Pro Stadium Kit", price: "$9.99", rating: 5,
|
||||
reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/south-korea-vs-netherlands_187299-32295.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -276,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Join the Champions"
|
||||
description="Sign up for game updates, special tournaments, and free in-game kits."
|
||||
tag="Stay Updated"
|
||||
@@ -288,13 +183,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Penalty King"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Use", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user