Update src/app/page.tsx
This commit is contained in:
290
src/app/page.tsx
290
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Equipment",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Equipment", id: "products" },
|
||||
{ name: "Quality", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SluggerPro"
|
||||
/>
|
||||
@@ -61,29 +46,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Unleash Your Power at the Plate"
|
||||
description="Premium-grade baseball bats crafted for performance, precision, and peak results. Elevate your game with industry-leading technology."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-baseball-bat-with-ball-gloves_23-2148523182.jpg",
|
||||
alt: "Baseball gear flat lay",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trucker-hat-with-baseball-copy-space_23-2149410099.jpg",
|
||||
alt: "Baseball cap and ball",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-trucker-hat-with-baseball-equipment_23-2149410059.jpg",
|
||||
alt: "Trucker hat gear",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-gorgeous-girl-clothing-store-boutique-casual-clothes-cap_627829-9080.jpg",
|
||||
alt: "Baseball store visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg",
|
||||
alt: "Premium bat store interior",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-baseball-bat-with-ball-gloves_23-2148523182.jpg", alt: "Baseball gear flat lay" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/trucker-hat-with-baseball-copy-space_23-2149410099.jpg", alt: "Baseball cap and ball" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-trucker-hat-with-baseball-equipment_23-2149410059.jpg", alt: "Trucker hat gear" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-gorgeous-girl-clothing-store-boutique-casual-clothes-cap_627829-9080.jpg", alt: "Baseball store visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg", alt: "Premium bat store interior" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ athletes"
|
||||
/>
|
||||
@@ -94,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Engineered for Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Performance Boost",
|
||||
value: "15%",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Bat Durability",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "20+" },
|
||||
{ icon: Zap, label: "Performance Boost", value: "15%" },
|
||||
{ icon: Shield, label: "Bat Durability", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -121,42 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Pro Maple",
|
||||
price: "$189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-superhero-man-red-cape-wearing-glasses-holding-looking-baseball-bat-isolated-orange-wall_141793-74415.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Titanium Alloy Pro",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baseball-stick-concept-with-copy-space_1194-639711.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Future Star Youth",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-baseball-player-field_23-2150982644.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Ash Select",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-sporty-girl-with-braces-wearing-headband-wristbands-holding-baseball-bat-pointing-camera_141793-99933.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Composite Power Elite",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-superhero-girl-holding-baseball-bat-isolated-white_141793-94601.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tactical Trainer",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-sporty-woman-black-t-shirt-with-headband-with-towel-shoulder-holding-basebal-bat-looking-aside-going-begin-play-strained-confident-standing-orange-wall_141793-48283.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Elite Pro Maple", price: "$189", imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-superhero-man-red-cape-wearing-glasses-holding-looking-baseball-bat-isolated-orange-wall_141793-74415.jpg" },
|
||||
{ id: "p2", name: "Titanium Alloy Pro", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/baseball-stick-concept-with-copy-space_1194-639711.jpg" },
|
||||
{ id: "p3", name: "Future Star Youth", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/young-baseball-player-field_23-2150982644.jpg" },
|
||||
{ id: "p4", name: "Classic Ash Select", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-sporty-girl-with-braces-wearing-headband-wristbands-holding-baseball-bat-pointing-camera_141793-99933.jpg" },
|
||||
{ id: "p5", name: "Composite Power Elite", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-superhero-girl-holding-baseball-bat-isolated-white_141793-94601.jpg" },
|
||||
{ id: "p6", name: "Tactical Trainer", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-sporty-woman-black-t-shirt-with-headband-with-towel-shoulder-holding-basebal-bat-looking-aside-going-begin-play-strained-confident-standing-orange-wall_141793-48283.jpg" },
|
||||
]}
|
||||
title="Premium Bat Collection"
|
||||
description="Discover our curated lineup of high-performance wood, alloy, and composite bats for every level of play."
|
||||
@@ -170,64 +98,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Optimized Weighting",
|
||||
description: "Perfect balance for faster swing speeds.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013406.jpg",
|
||||
},
|
||||
title: "Optimized Weighting", description: "Perfect balance for faster swing speeds.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013406.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Enhanced speed",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Precision weight",
|
||||
},
|
||||
{ icon: Zap, text: "Enhanced speed" },
|
||||
{ icon: CheckCircle, text: "Precision weight" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg?_wi=2",
|
||||
imageAlt: "professional maple wood bat",
|
||||
},
|
||||
{
|
||||
title: "Durable Material",
|
||||
description: "Built to withstand thousands of impacts.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-holding-baseball-bat-looking-confident-standing-white-wall_141793-56239.jpg",
|
||||
},
|
||||
title: "Durable Material", description: "Built to withstand thousands of impacts.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-holding-baseball-bat-looking-confident-standing-white-wall_141793-56239.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Impact resistance",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Long-lasting",
|
||||
},
|
||||
{ icon: Shield, text: "Impact resistance" },
|
||||
{ icon: CheckCircle, text: "Long-lasting" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-superhero-man-red-cape-wearing-glasses-holding-looking-baseball-bat-isolated-orange-wall_141793-74415.jpg?_wi=2",
|
||||
imageAlt: "professional maple wood bat",
|
||||
},
|
||||
{
|
||||
title: "Custom Feel",
|
||||
description: "Ergonomic handles designed for comfort.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-with-headband-holding-basaball-bat-looking-aside-scared-standing-green-wall_141793-55594.jpg",
|
||||
},
|
||||
title: "Custom Feel", description: "Ergonomic handles designed for comfort.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-with-headband-holding-basaball-bat-looking-aside-scared-standing-green-wall_141793-55594.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Ergonomic grip",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Perfect feel",
|
||||
},
|
||||
{ icon: Star, text: "Ergonomic grip" },
|
||||
{ icon: CheckCircle, text: "Perfect feel" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baseball-stick-concept-with-copy-space_1194-639711.jpg?_wi=2",
|
||||
imageAlt: "professional maple wood bat",
|
||||
},
|
||||
]}
|
||||
title="Why Choose SluggerPro?"
|
||||
@@ -241,60 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
date: "Jan 2024",
|
||||
title: "League Coach",
|
||||
quote: "The best maple bats I've seen in years.",
|
||||
tag: "Coach",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-baseball-player-portrait_23-2151207925.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg?_wi=3",
|
||||
imageAlt: "baseball coach portrait",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", date: "Jan 2024", title: "League Coach", quote: "The best maple bats I've seen in years.", tag: "Coach", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-baseball-player-portrait_23-2151207925.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-glove-with-ball-inside_23-2148347890.jpg", imageAlt: "baseball coach portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie Lee",
|
||||
date: "Feb 2024",
|
||||
title: "High School Player",
|
||||
quote: "My contact hitting improved instantly.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/defocused-close-up-baseball-bat-with-player_23-2148347929.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-superhero-man-red-cape-wearing-glasses-holding-looking-baseball-bat-isolated-orange-wall_141793-74415.jpg?_wi=3",
|
||||
imageAlt: "baseball coach portrait",
|
||||
},
|
||||
id: "t2", name: "Jamie Lee", date: "Feb 2024", title: "High School Player", quote: "My contact hitting improved instantly.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/defocused-close-up-baseball-bat-with-player_23-2148347929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-superhero-man-red-cape-wearing-glasses-holding-looking-baseball-bat-isolated-orange-wall_141793-74415.jpg", imageAlt: "baseball coach portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Stone",
|
||||
date: "Mar 2024",
|
||||
title: "League Manager",
|
||||
quote: "Reliable quality and fast delivery.",
|
||||
tag: "Manager",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/red-haired-business-man-sitting-some-stairs_1262-763.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baseball-stick-concept-with-copy-space_1194-639711.jpg?_wi=3",
|
||||
imageAlt: "baseball coach portrait",
|
||||
},
|
||||
id: "t3", name: "Marcus Stone", date: "Mar 2024", title: "League Manager", quote: "Reliable quality and fast delivery.", tag: "Manager", avatarSrc: "http://img.b2bpic.net/free-photo/red-haired-business-man-sitting-some-stairs_1262-763.jpg", imageSrc: "http://img.b2bpic.net/free-photo/baseball-stick-concept-with-copy-space_1194-639711.jpg", imageAlt: "baseball coach portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Chen",
|
||||
date: "Apr 2024",
|
||||
title: "College Athlete",
|
||||
quote: "Sturdy construction and great balance.",
|
||||
tag: "Player",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885215.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-baseball-player-field_23-2150982644.jpg?_wi=2",
|
||||
imageAlt: "baseball coach portrait",
|
||||
},
|
||||
id: "t4", name: "Sarah Chen", date: "Apr 2024", title: "College Athlete", quote: "Sturdy construction and great balance.", tag: "Player", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885215.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-baseball-player-field_23-2150982644.jpg", imageAlt: "baseball coach portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Brown",
|
||||
date: "May 2024",
|
||||
title: "Scout",
|
||||
quote: "SluggerPro is setting the standard.",
|
||||
tag: "Scout",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portait-young-handsome-man_1303-9711.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-sporty-girl-with-braces-wearing-headband-wristbands-holding-baseball-bat-pointing-camera_141793-99933.jpg?_wi=2",
|
||||
imageAlt: "baseball coach portrait",
|
||||
},
|
||||
id: "t5", name: "David Brown", date: "May 2024", title: "Scout", quote: "SluggerPro is setting the standard.", tag: "Scout", avatarSrc: "http://img.b2bpic.net/free-photo/portait-young-handsome-man_1303-9711.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-sporty-girl-with-braces-wearing-headband-wristbands-holding-baseball-bat-pointing-camera_141793-99933.jpg", imageAlt: "baseball coach portrait"},
|
||||
]}
|
||||
title="Player Proven Performance"
|
||||
description="Hear from the professionals and amateurs who trust our gear every season."
|
||||
@@ -305,21 +155,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What material is best?",
|
||||
content: "Maple provides maximum hardness, while Ash offers better flex.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, we provide 30-day limited warranties on all performance bats.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these legal for league play?",
|
||||
content: "Most models meet standard BBCOR/USA baseball requirements.",
|
||||
},
|
||||
{ id: "f1", title: "What material is best?", content: "Maple provides maximum hardness, while Ash offers better flex." },
|
||||
{ id: "f2", title: "Do you offer warranties?", content: "Yes, we provide 30-day limited warranties on all performance bats." },
|
||||
{ id: "f3", title: "Are these legal for league play?", content: "Most models meet standard BBCOR/USA baseball requirements." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our bats."
|
||||
@@ -332,14 +170,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Little League",
|
||||
"NCAA Division 1",
|
||||
"Perfect Game",
|
||||
"Travel Ball USA",
|
||||
"College World Series",
|
||||
"Youth Sports Network",
|
||||
"Pro League Club",
|
||||
]}
|
||||
"Little League", "NCAA Division 1", "Perfect Game", "Travel Ball USA", "College World Series", "Youth Sports Network", "Pro League Club"]}
|
||||
title="Trusted by Leagues Everywhere"
|
||||
description="Partnering with top youth and collegiate organizations."
|
||||
/>
|
||||
@@ -348,17 +179,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Need Advice on Your Next Bat?"
|
||||
description="Our experts are here to help you select the perfect equipment for your playing style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Contact Support", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -368,34 +194,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
{ label: "Shipping", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user