Merge version_1 into main #1
303
src/app/page.tsx
303
src/app/page.tsx
@@ -14,200 +14,131 @@ import { Trophy } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pro Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Pop's Golf Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pro Shop", id: "products" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Pop's Golf Shop"
|
||||
button={{ text: "Contact Us", href: "#footer" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Pop's Golf Shop"
|
||||
description="Your premier destination for high-performance golf equipment, professional advice, and the latest gear to improve your game on every course."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Equipment",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-selecting-surfboard_107420-96210.jpg"
|
||||
imageAlt="Golf equipment display"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Pop's Golf Shop"
|
||||
description="Your premier destination for high-performance golf equipment, professional advice, and the latest gear to improve your game on every course."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Equipment", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-selecting-surfboard_107420-96210.jpg"
|
||||
imageAlt="Golf equipment display"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Passion for the Game"
|
||||
tag="About Us"
|
||||
tagIcon={Trophy}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Passion for the Game"
|
||||
tag="About Us"
|
||||
tagIcon={Trophy}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Titanium Driver",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-metallic-golf-clubs_23-2150426478.jpg",
|
||||
imageAlt: "Golf club set premium",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pro Series Balls",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424612.jpg",
|
||||
imageAlt: "Golf balls premium box",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tour Carry Bag",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-clubs-set_23-2150947179.jpg",
|
||||
imageAlt: "Golf bag leather premium",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "All-Weather Shoes",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-shoes-field-grass_23-2150887529.jpg",
|
||||
imageAlt: "Golf shoes professional grip",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Leather Glove",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glove-golf-equipment_23-2148480844.jpg",
|
||||
imageAlt: "Golf glove premium leather",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Essential Tees Kit",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-balls-golf-sport_23-2150424566.jpg",
|
||||
imageAlt: "Golf tees and markers set",
|
||||
},
|
||||
]}
|
||||
title="Pro Shop Essentials"
|
||||
description="Curated selection of top-tier golf clubs, balls, and accessories for every skill level."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Titanium Driver", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/view-metallic-golf-clubs_23-2150426478.jpg", imageAlt: "Golf club set premium"},
|
||||
{
|
||||
id: "p2", name: "Pro Series Balls", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424612.jpg", imageAlt: "Golf balls premium box"},
|
||||
{
|
||||
id: "p3", name: "Tour Carry Bag", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-clubs-set_23-2150947179.jpg", imageAlt: "Golf bag leather premium"},
|
||||
{
|
||||
id: "p4", name: "All-Weather Shoes", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-shoes-field-grass_23-2150887529.jpg", imageAlt: "Golf shoes professional grip"},
|
||||
{
|
||||
id: "p5", name: "Leather Glove", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glove-golf-equipment_23-2148480844.jpg", imageAlt: "Golf glove premium leather"},
|
||||
{
|
||||
id: "p6", name: "Essential Tees Kit", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/view-balls-golf-sport_23-2150424566.jpg", imageAlt: "Golf tees and markers set"},
|
||||
]}
|
||||
title="Pro Shop Essentials"
|
||||
description="Curated selection of top-tier golf clubs, balls, and accessories for every skill level."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer professional club fitting?",
|
||||
content: "Yes, we provide advanced club fitting sessions with our expert staff.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your return policy?",
|
||||
content: "We accept returns on unused equipment within 30 days of purchase.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I order online?",
|
||||
content: "Yes, our online store is open 24/7 with nationwide shipping available.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our products and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer professional club fitting?", content: "Yes, we provide advanced club fitting sessions with our expert staff."},
|
||||
{
|
||||
id: "q2", title: "What is your return policy?", content: "We accept returns on unused equipment within 30 days of purchase."},
|
||||
{
|
||||
id: "q3", title: "Can I order online?", content: "Yes, our online store is open 24/7 with nationwide shipping available."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our products and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expert Staff"
|
||||
description="Meet the passionate team behind Pop's Golf Shop, dedicated to helping you master your swing and find the perfect equipment."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "James Pro",
|
||||
role: "Lead Club Fitter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-clubs-golf-cart_23-2148822949.jpg",
|
||||
imageAlt: "James Pro club fitting expert",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah Woods",
|
||||
role: "Pro Shop Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-playing-golf-golf-course_1157-23201.jpg",
|
||||
imageAlt: "Sarah Woods shop manager",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Expert Staff"
|
||||
description="Meet the passionate team behind Pop's Golf Shop, dedicated to helping you master your swing and find the perfect equipment."
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "James Pro", role: "Lead Club Fitter", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-clubs-golf-cart_23-2148822949.jpg", imageAlt: "James Pro club fitting expert"},
|
||||
{
|
||||
id: "m2", name: "Sarah Woods", role: "Pro Shop Manager", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-playing-golf-golf-course_1157-23201.jpg", imageAlt: "Sarah Woods shop manager"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Pop's Golf Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Pop's Golf Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Store", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Shop", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user