Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
]}
|
||||
brandName="CourtGear"
|
||||
/>
|
||||
@@ -52,45 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Elevate Your Game."
|
||||
description="Engineered for elite grip, precision, and durability. Experience the perfect bounce with CourtGear’s professional basketball collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-player-lifting-sports-bag_23-2148393839.jpg",
|
||||
imageAlt: "Professional basketball on court",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-player-lifting-sports-bag_23-2148393839.jpg", imageAlt: "Professional basketball on court"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-basketball-ring_23-2148393875.jpg",
|
||||
imageAlt: "Basketball net action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-basketball-ring_23-2148393875.jpg", imageAlt: "Basketball net action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-balls-net_1232-1131.jpg",
|
||||
imageAlt: "Texture detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-balls-net_1232-1131.jpg", imageAlt: "Texture detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-upon-basketball-ball_23-2150847396.jpg",
|
||||
imageAlt: "Empty arena",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-upon-basketball-ball_23-2150847396.jpg", imageAlt: "Empty arena"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-athlete-training-court_23-2148393836.jpg",
|
||||
imageAlt: "Dribbling motion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognisable-athlete-training-court_23-2148393836.jpg", imageAlt: "Dribbling motion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-girl-professional-tennis-court_654080-1200.jpg",
|
||||
imageAlt: "Neon line art basketball",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-girl-professional-tennis-court_654080-1200.jpg", imageAlt: "Neon line art basketball"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,17 +80,11 @@ export default function LandingPage() {
|
||||
description="At CourtGear, we believe that the right equipment defines the champion. Our research-backed design ensures your shots are true every time."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Elite Grip",
|
||||
description: "Micro-texture technology provides ultimate control.",
|
||||
},
|
||||
title: "Elite Grip", description: "Micro-texture technology provides ultimate control."},
|
||||
{
|
||||
title: "Durable Core",
|
||||
description: "Tested to maintain pressure through 10,000+ drills.",
|
||||
},
|
||||
title: "Durable Core", description: "Tested to maintain pressure through 10,000+ drills."},
|
||||
{
|
||||
title: "Pro-Grade Material",
|
||||
description: "Authentic leather feel for indoor mastery.",
|
||||
},
|
||||
title: "Pro-Grade Material", description: "Authentic leather feel for indoor mastery."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/player-sitting-court-front-view_23-2148393838.jpg"
|
||||
imageAlt="athlete hands basketball grip"
|
||||
@@ -128,20 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Moisture Control",
|
||||
description: "Sweat-wicking surface keeps the ball dry even in intense play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-basket-field_23-2148883553.jpg",
|
||||
},
|
||||
title: "Advanced Moisture Control", description: "Sweat-wicking surface keeps the ball dry even in intense play.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-basket-field_23-2148883553.jpg"},
|
||||
{
|
||||
title: "Weather-Resilient Outer",
|
||||
description: "Perfectly balanced for both indoor hardwood and rugged outdoor asphalt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-high-five_23-2149085514.jpg",
|
||||
},
|
||||
title: "Weather-Resilient Outer", description: "Perfectly balanced for both indoor hardwood and rugged outdoor asphalt.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-high-five_23-2149085514.jpg"},
|
||||
{
|
||||
title: "Precision Weighted",
|
||||
description: "Calibrated for consistent balance and true-flight trajectory.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-basketball-player-with-number-10-his-back_181624-19944.jpg",
|
||||
},
|
||||
title: "Precision Weighted", description: "Calibrated for consistent balance and true-flight trajectory.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-basketball-player-with-number-10-his-back_181624-19944.jpg"},
|
||||
]}
|
||||
title="Unrivaled Engineering"
|
||||
description="See what makes our basketballs the choice of legends."
|
||||
@@ -150,64 +112,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "CourtGear",
|
||||
name: "Pro Series Indoor",
|
||||
price: "$79",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trucker-hat-with-basketball_23-2149410094.jpg",
|
||||
},
|
||||
id: "p1", brand: "CourtGear", name: "Pro Series Indoor", price: "$79", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/trucker-hat-with-basketball_23-2149410094.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "CourtGear",
|
||||
name: "Street Legend",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-basketball-essentials_23-2150472803.jpg",
|
||||
},
|
||||
id: "p2", brand: "CourtGear", name: "Street Legend", price: "$45", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-basketball-essentials_23-2150472803.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "CourtGear",
|
||||
name: "Vintage Leather",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-outdoors-still-life_23-2150577666.jpg",
|
||||
},
|
||||
id: "p3", brand: "CourtGear", name: "Vintage Leather", price: "$120", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-outdoors-still-life_23-2150577666.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "CourtGear",
|
||||
name: "Drill Master",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-school-arrangement-with-blue-backpack_23-2148666138.jpg",
|
||||
},
|
||||
id: "p4", brand: "CourtGear", name: "Drill Master", price: "$35", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/back-school-arrangement-with-blue-backpack_23-2148666138.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "CourtGear",
|
||||
name: "Signature X",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trucker-hat-with-basketball_23-2149410098.jpg",
|
||||
},
|
||||
id: "p5", brand: "CourtGear", name: "Signature X", price: "$99", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/trucker-hat-with-basketball_23-2149410098.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "CourtGear",
|
||||
name: "All-Terrain Pro",
|
||||
price: "$60",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-headphone-holding-basketball-court_23-2147925224.jpg",
|
||||
},
|
||||
id: "p6", brand: "CourtGear", name: "All-Terrain Pro", price: "$60", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/man-listening-music-headphone-holding-basketball-court_23-2147925224.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore premium gear designed to fit every player style."
|
||||
@@ -221,22 +148,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Players Served",
|
||||
value: "50,000+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Players Served", value: "50,000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Hours of Play",
|
||||
value: "1M+",
|
||||
icon: Clock,
|
||||
id: "m2", title: "Hours of Play", value: "1M+", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "League Certified",
|
||||
value: "150+",
|
||||
icon: Award,
|
||||
id: "m3", title: "League Certified", value: "150+", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Built for Performance"
|
||||
@@ -251,45 +169,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Coach Miller",
|
||||
handle: "@miller_coaching",
|
||||
testimonial: "The best grip I've seen in thirty years of coaching.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12752.jpg",
|
||||
},
|
||||
id: "t1", name: "Coach Miller", handle: "@miller_coaching", testimonial: "The best grip I've seen in thirty years of coaching.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12752.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jayden Smith",
|
||||
handle: "@jsmith_hoops",
|
||||
testimonial: "Feels like an extension of my hand. Incredible quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
||||
},
|
||||
id: "t2", name: "Jayden Smith", handle: "@jsmith_hoops", testimonial: "Feels like an extension of my hand. Incredible quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Chen",
|
||||
handle: "@s_chen_baller",
|
||||
testimonial: "Finally, a ball that handles the rough asphalt and keeps its shape.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-1484.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Chen", handle: "@s_chen_baller", testimonial: "Finally, a ball that handles the rough asphalt and keeps its shape.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-holds-basket-ball_613910-1484.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Reid",
|
||||
handle: "@m_reid_fan",
|
||||
testimonial: "Best gear I've ever bought. My shots have never been cleaner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-sporty-woman-wearing-headband-wristbands-showing-empty-hand-looking-side-holding-basketball-ball_141793-58055.jpg",
|
||||
},
|
||||
id: "t4", name: "Marcus Reid", handle: "@m_reid_fan", testimonial: "Best gear I've ever bought. My shots have never been cleaner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-sporty-woman-wearing-headband-wristbands-showing-empty-hand-looking-side-holding-basketball-ball_141793-58055.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Davis",
|
||||
handle: "@ref_edavis",
|
||||
testimonial: "Certified for all our league games now. Extremely impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-with-headphones-looking-away_23-2148303396.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily Davis", handle: "@ref_edavis", testimonial: "Certified for all our league games now. Extremely impressed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-with-headphones-looking-away_23-2148303396.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Pros"
|
||||
@@ -303,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Which ball is best for indoor play?",
|
||||
content: "Our Pro Series Indoor is specifically optimized for hardwood surfaces.",
|
||||
},
|
||||
id: "f1", title: "Which ball is best for indoor play?", content: "Our Pro Series Indoor is specifically optimized for hardwood surfaces."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your balls weather resistant?",
|
||||
content: "Our outdoor models are weather-treated to handle all environments.",
|
||||
},
|
||||
id: "f2", title: "Are your balls weather resistant?", content: "Our outdoor models are weather-treated to handle all environments."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship our basketball gear globally with expedited options.",
|
||||
},
|
||||
id: "f3", title: "Do you offer international shipping?", content: "Yes, we ship our basketball gear globally with expedited options."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Answers to our most frequently asked questions."
|
||||
@@ -328,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join the Elite"
|
||||
description="Sign up for exclusive offers and training tips delivered to your inbox."
|
||||
@@ -345,19 +228,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "YouTube",
|
||||
},
|
||||
href: "#", ariaLabel: "YouTube"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user