Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -31,69 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Why Us", id: "#features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Newsletter",
|
||||
id: "#newsletter",
|
||||
},
|
||||
name: "Newsletter", id: "#newsletter"},
|
||||
]}
|
||||
brandName="WeBild"
|
||||
brandName="uniPickle"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCarouselLogo
|
||||
logoText="WeBild"
|
||||
logoText="uniPickle"
|
||||
description="Unleash Your Potential. Precision-Engineered Pickleball Gear for Serious Players."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-strong-fit-woman-exercising-with-trx-strap_1428-614.jpg",
|
||||
imageAlt: "Pickleball paddle striking ball with electric blue light trails",
|
||||
},
|
||||
videoSrc: "https://res.cloudinary.com/demo/video/upload/v1600000000/pickleball-serve.mp4", videoAriaLabel: "Pickleball player serving"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-karateka-motion-design_183364-124090.jpg",
|
||||
imageAlt: "Athlete mid-swing on pickleball court with electric blue accents",
|
||||
},
|
||||
videoSrc: "https://res.cloudinary.com/demo/video/upload/v1600000000/pickleball-dink.mp4", videoAriaLabel: "Pickleball dink shot animation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-player-with-digital-art-style-effect_23-2151737677.jpg",
|
||||
imageAlt: "Abstract view of pickleball paddle and ball with glowing blue lines",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-player-with-digital-art-style-effect_23-2151737677.jpg", imageAlt: "Abstract view of pickleball paddle and ball with glowing blue lines"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-paddle-tennis_23-2149434215.jpg",
|
||||
imageAlt: "Close-up of pickleball paddle's textured surface with electric blue glow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-playing-paddle-tennis_23-2149434215.jpg", imageAlt: "Close-up of pickleball paddle's textured surface with electric blue glow"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-balls-symmetry_23-2147661820.jpg",
|
||||
imageAlt: "Overhead shot of pickleball game with electric blue court lines",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tennis-balls-symmetry_23-2147661820.jpg", imageAlt: "Overhead shot of pickleball game with electric blue court lines"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macaroon-mixture-black-baking-tray_23-2148166154.jpg",
|
||||
imageAlt: "Collection of premium pickleball accessories with electric blue lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macaroon-mixture-black-baking-tray_23-2148166154.jpg", imageAlt: "Collection of premium pickleball accessories with electric blue lighting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,12 +75,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="WeBild: Elevating Your Game, One Shot at a Time"
|
||||
title="uniPickle: Elevating Your Game, One Shot at a Time"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,48 +91,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "ProFormance Carbon Paddle",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-ping-pong-elements_23-2148000249.jpg",
|
||||
imageAlt: "ProFormance Carbon Paddle - Bestseller",
|
||||
isFavorited: true,
|
||||
id: "product-1", name: "ProFormance Carbon Paddle", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-ping-pong-elements_23-2148000249.jpg", imageAlt: "ProFormance Carbon Paddle - Bestseller", isFavorited: true,
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "SwiftShot Composite Paddle",
|
||||
price: "$99.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-ground_23-2149434225.jpg",
|
||||
imageAlt: "SwiftShot Composite Paddle",
|
||||
},
|
||||
id: "product-2", name: "SwiftShot Composite Paddle", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-ground_23-2149434225.jpg", imageAlt: "SwiftShot Composite Paddle"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Electric Blue Game Balls (3-pack)",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-controllers-gaming-chair_23-2149829135.jpg",
|
||||
imageAlt: "Electric Blue Game Balls",
|
||||
},
|
||||
id: "product-3", name: "Electric Blue Game Balls (3-pack)", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-controllers-gaming-chair_23-2149829135.jpg", imageAlt: "Electric Blue Game Balls"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "ProCarry Gear Bag",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/footwear-stacked-shoe-rack-indoors_23-2150991594.jpg",
|
||||
imageAlt: "ProCarry Gear Bag",
|
||||
},
|
||||
id: "product-4", name: "ProCarry Gear Bag", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/footwear-stacked-shoe-rack-indoors_23-2150991594.jpg", imageAlt: "ProCarry Gear Bag"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Ultimate Grip Tape (3-roll)",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dumbbells-workout-adult-sneakers-slim_1428-696.jpg",
|
||||
imageAlt: "Ultimate Grip Tape",
|
||||
},
|
||||
id: "product-5", name: "Ultimate Grip Tape (3-roll)", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-dumbbells-workout-adult-sneakers-slim_1428-696.jpg", imageAlt: "Ultimate Grip Tape"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "HardShell Paddle Case",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-player-holding-palette_23-2149459037.jpg",
|
||||
imageAlt: "HardShell Paddle Case",
|
||||
},
|
||||
id: "product-6", name: "HardShell Paddle Case", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-player-holding-palette_23-2149459037.jpg", imageAlt: "HardShell Paddle Case"},
|
||||
]}
|
||||
title="Built to Win. Priced to Play."
|
||||
description="Explore our cutting-edge paddles and essential accessories, designed for players who demand performance. Special spotlight on our #1 bestseller!"
|
||||
@@ -173,25 +115,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Get your gear on the court faster with our expedited shipping options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sea-with-passing-cargo-ship_628469-8.jpg",
|
||||
imageAlt: "Fast shipping icon",
|
||||
},
|
||||
title: "Fast Shipping", description: "Get your gear on the court faster with our expedited shipping options.", videoSrc: "https://res.cloudinary.com/demo/video/upload/v1600000000/shipping-animation.mp4", videoAriaLabel: "Fast shipping animation"},
|
||||
{
|
||||
title: "Premium Gear",
|
||||
description: "Experience the difference of precision-engineered paddles and accessories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-composition-with-ping-pong-elements_23-2147914082.jpg",
|
||||
imageAlt: "Premium gear icon",
|
||||
},
|
||||
title: "Premium Gear", description: "Experience the difference of precision-engineered paddles and accessories.", videoSrc: "https://res.cloudinary.com/demo/video/upload/v1600000000/premium-gear-animation.mp4", videoAriaLabel: "Premium pickleball gear animation"},
|
||||
{
|
||||
title: "Satisfaction Guarantee",
|
||||
description: "We stand behind our products. Your game, your satisfaction, guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-green-check-mark-sign-brick-wall_84443-94481.jpg",
|
||||
imageAlt: "Satisfaction guarantee icon",
|
||||
},
|
||||
title: "Satisfaction Guarantee", description: "We stand behind our products. Your game, your satisfaction, guaranteed.", videoSrc: "https://res.cloudinary.com/demo/video/upload/v1600000000/satisfaction-animation.mp4", videoAriaLabel: "Satisfaction guarantee animation"},
|
||||
]}
|
||||
title="Why Choose WeBild?"
|
||||
title="Why Choose uniPickle?"
|
||||
description="We're more than just gear; we're your partner in building a winning game."
|
||||
/>
|
||||
</div>
|
||||
@@ -203,20 +133,11 @@ export default function LandingPage() {
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m1", value: "99%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10K+",
|
||||
description: "Aces Served with WeBild Paddles",
|
||||
},
|
||||
id: "m2", value: "10K+", description: "Aces Served with uniPickle Paddles"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Tournament Wins by WeBild Athletes",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Tournament Wins by uniPickle Athletes"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -229,54 +150,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@PickleProSarah",
|
||||
testimonial: "My WeBild paddle transformed my game! The power and control are unmatched. Highly recommend to serious players.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-paddle-tennis-front-view_23-2149443540.jpg",
|
||||
imageAlt: "Sarah Johnson avatar",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@PickleProSarah", testimonial: "My uniPickle paddle transformed my game! The power and control are unmatched. Highly recommend to serious players.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-paddle-tennis-front-view_23-2149443540.jpg", imageAlt: "Sarah Johnson avatar"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@MikeySmash",
|
||||
testimonial: "The gear from WeBild is simply next level. Durable, responsive, and looks amazing on court. I'm a customer for life.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888465.jpg",
|
||||
imageAlt: "Michael Chen avatar",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@MikeySmash", testimonial: "The gear from uniPickle is simply next level. Durable, responsive, and looks amazing on court. I'm a customer for life.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888465.jpg", imageAlt: "Michael Chen avatar"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@EmPlays",
|
||||
testimonial: "Finally, a brand that understands what competitive recreational players need. My WeBild bag and paddle are perfect!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg",
|
||||
imageAlt: "Emily Rodriguez avatar",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@EmPlays", testimonial: "Finally, a brand that understands what competitive recreational players need. My uniPickle bag and paddle are perfect!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-rae-african-american-woman-has-rest-her-workout-breathing-deep-body-parts_633478-2160.jpg", imageAlt: "Emily Rodriguez avatar"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@DavidDink",
|
||||
testimonial: "From grip tape to paddles, WeBild delivers consistent quality. My control shots have never been better. A game changer!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-holding-racket_23-2149722498.jpg",
|
||||
imageAlt: "David Kim avatar",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@DavidDink", testimonial: "From grip tape to paddles, uniPickle delivers consistent quality. My control shots have never been better. A game changer!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-holding-racket_23-2149722498.jpg", imageAlt: "David Kim avatar"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@JessVolley",
|
||||
testimonial: "The difference in feel with my new WeBild paddle was immediate. More power, less vibration. It's built to win.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-athlete-competing-paralympic-games-championship_23-2151492786.jpg",
|
||||
imageAlt: "Jessica Lee avatar",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", handle: "@JessVolley", testimonial: "The difference in feel with my new uniPickle paddle was immediate. More power, less vibration. It's built to win.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-athlete-competing-paralympic-games-championship_23-2151492786.jpg", imageAlt: "Jessica Lee avatar"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear It From The Court"
|
||||
description="Real players, real results. See what makes WeBild their top choice for competitive pickleball."
|
||||
description="Real players, real results. See what makes uniPickle their top choice for competitive pickleball."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -284,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Exclusive Access"
|
||||
title="Unlock Your Best Game"
|
||||
description="Sign up for our newsletter and get 10% off your first order, plus tips, tricks, and new product alerts!"
|
||||
@@ -296,15 +186,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="WeBild"
|
||||
logoText="uniPickle"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user