Merge version_1 into main #1
290
src/app/page.tsx
290
src/app/page.tsx
@@ -30,102 +30,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fairway & Field"
|
||||
button={{ text: "Shop", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Old-School Artistry, Modern Performance."
|
||||
description="Redefining the standard of golf attire with heritage-inspired designs crafted for the modern fairway."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Performance",
|
||||
},
|
||||
{
|
||||
value: "1924",
|
||||
label: "Heritage",
|
||||
},
|
||||
{
|
||||
value: "Eco",
|
||||
label: "Sustainable",
|
||||
},
|
||||
{ value: "100%", label: "Performance" },
|
||||
{ value: "1924", label: "Heritage" },
|
||||
{ value: "Eco", label: "Sustainable" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-playing-golf_23-2150924396.jpg"
|
||||
imageAlt="Heritage golf lifestyle on the course"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-golf-clubs-field_23-2148822954.jpg",
|
||||
alt: "Pro golfer testing equipment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-young-man-sitting-grass_23-2149659106.jpg",
|
||||
alt: "Golfer resting on course",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-cap-holding-golf-bag_171337-6483.jpg",
|
||||
alt: "Golfer with bag",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-course_23-2150551634.jpg",
|
||||
alt: "Golfer on fairway",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-golf-player-isolated-beautiful-sunset-smiling-golfer-with-white-hat-holding-golf-club-shoulder_549566-767.jpg",
|
||||
alt: "Golfer at sunset",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-with-golf-clubs-field_23-2148822954.jpg", alt: "Pro golfer testing equipment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-young-man-sitting-grass_23-2149659106.jpg", alt: "Golfer resting on course" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-man-cap-holding-golf-bag_171337-6483.jpg", alt: "Golfer with bag" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-having-game-golf-outdoors-course_23-2150551634.jpg", alt: "Golfer on fairway" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-golf-player-isolated-beautiful-sunset-smiling-golfer-with-white-hat-holding-golf-club-shoulder_549566-767.jpg", alt: "Golfer at sunset" },
|
||||
]}
|
||||
avatarText="Join 10,000+ club members"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Fabric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Fit",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Driven",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heritage Craft",
|
||||
},
|
||||
{ type: "text", text: "Premium Fabric" },
|
||||
{ type: "text", text: "Classic Fit" },
|
||||
{ type: "text", text: "Performance Driven" },
|
||||
{ type: "text", text: "Sustainable Materials" },
|
||||
{ type: "text", text: "Heritage Craft" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,42 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Heritage Polo",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424585.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fairway Chinos",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551313.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Visor",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14780.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Performance Vest",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-posing-with-club-looking-away_171337-18913.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Golf Shorts",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-golf-basket_23-2148295286.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Clubhouse Sweater",
|
||||
price: "$165",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweater-isolated_1203-8088.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Heritage Polo", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/view-golf-balls-with-other-paraphernalia_23-2150424585.jpg" },
|
||||
{ id: "p2", name: "Fairway Chinos", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551313.jpg" },
|
||||
{ id: "p3", name: "Classic Visor", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14780.jpg" },
|
||||
{ id: "p4", name: "Performance Vest", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-posing-with-club-looking-away_171337-18913.jpg" },
|
||||
{ id: "p5", name: "Modern Golf Shorts", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-golf-basket_23-2148295286.jpg" },
|
||||
{ id: "p6", name: "Clubhouse Sweater", price: "$165", imageSrc: "http://img.b2bpic.net/free-photo/sweater-isolated_1203-8088.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Curated essentials for the discerning golfer."
|
||||
@@ -192,21 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Textiles",
|
||||
description: "Moisture-wicking, breathable fabrics for peak performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894457.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Roots",
|
||||
description: "Recycled materials that honor our green planet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509398.jpg",
|
||||
},
|
||||
{
|
||||
title: "Heritage Detail",
|
||||
description: "Custom embroidery and timeless design accents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-ball-with-golf-club-before-tee-off_171337-6511.jpg",
|
||||
},
|
||||
{ title: "Advanced Textiles", description: "Moisture-wicking, breathable fabrics for peak performance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894457.jpg" },
|
||||
{ title: "Sustainable Roots", description: "Recycled materials that honor our green planet.", imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509398.jpg" },
|
||||
{ title: "Heritage Detail", description: "Custom embroidery and timeless design accents.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-golf-ball-with-golf-club-before-tee-off_171337-6511.jpg" },
|
||||
]}
|
||||
title="Craftsmanship Redefined"
|
||||
description="Every thread counts when you're aiming for perfection."
|
||||
@@ -220,21 +121,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Golfers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years of Design",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40+",
|
||||
description: "Countries Reached",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Happy Golfers" },
|
||||
{ id: "m2", value: "15+", description: "Years of Design" },
|
||||
{ id: "m3", value: "40+", description: "Countries Reached" },
|
||||
]}
|
||||
title="Fairway Excellence"
|
||||
description="Proven standards in every stitch."
|
||||
@@ -245,122 +134,33 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best Quality",
|
||||
quote: "The most comfortable polo I have ever worn on the green.",
|
||||
name: "James R.",
|
||||
role: "Club Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-woman-playing-golf_23-2151207456.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Classic Aesthetic",
|
||||
quote: "I get more compliments on these threads than my golf game.",
|
||||
name: "Sarah L.",
|
||||
role: "Pro Golfer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-fashionable-man-with-stylish-haircut-sunglasses-dressed-black-t-shirt-pants-standing-modern-city-against-skyscraper_613910-6145.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Unmatched Style",
|
||||
quote: "True to size and perfect for the summer heat.",
|
||||
name: "Robert B.",
|
||||
role: "Amateur Golfer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551311.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Technical Marvel",
|
||||
quote: "These pants move as well as my swing.",
|
||||
name: "Alice M.",
|
||||
role: "Golf Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14738.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Sustainable Choice",
|
||||
quote: "I love that they care about the environment as much as the sport.",
|
||||
name: "Tom G.",
|
||||
role: "Club Champion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-male-golfer-holding-golf-club_171337-6503.jpg",
|
||||
},
|
||||
]}
|
||||
title="What the Club Says"
|
||||
description="Hear from our dedicated community of golfers."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Best Quality", quote: "The most comfortable polo I have ever worn on the green.", name: "James R.", role: "Club Member", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-woman-playing-golf_23-2151207456.jpg" },
|
||||
{ id: "2", title: "Classic Aesthetic", quote: "I get more compliments on these threads than my golf game.", name: "Sarah L.", role: "Pro Golfer", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-fashionable-man-with-stylish-haircut-sunglasses-dressed-black-t-shirt-pants-standing-modern-city-against-skyscraper_613910-6145.jpg" },
|
||||
{ id: "3", title: "Unmatched Style", quote: "True to size and perfect for the summer heat.", name: "Robert B.", role: "Amateur Golfer", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-man-golf-course_23-2150551311.jpg" },
|
||||
{ id: "4", title: "Technical Marvel", quote: "These pants move as well as my swing.", name: "Alice M.", role: "Golf Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14738.jpg" },
|
||||
{ id: "5", title: "Sustainable Choice", quote: "I love that they care about the environment as much as the sport.", name: "Tom G.", role: "Club Champion", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-male-golfer-holding-golf-club_171337-6503.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Join our club. Subscribe for updates on our upcoming seasonal releases and exclusive club invites."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Polo Shirts",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Trousers",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Club News",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Polo Shirts", href: "#products" }, { label: "Trousers", href: "#products" }, { label: "Accessories", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Sustainability", href: "#" }, { label: "Club News", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Shipping Policy", href: "#" }, { label: "Returns", href: "#" }] },
|
||||
]}
|
||||
logoText="Fairway & Field"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user