246 lines
14 KiB
TypeScript
246 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Zap, Trophy, Star } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Groove"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Technology", id: "features" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Explore Now", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Precision Engineering Meets Performance"
|
|
description="Experience the next generation of golf club technology. Groove combines cutting-edge engineering, premium materials, and meticulous design to elevate every swing."
|
|
tag="Advanced Engineering"
|
|
tagIcon={Zap}
|
|
background={{ variant: "canvas-reveal" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/young-man-using-mobile-phone-while-standing_171337-6533.jpg"
|
|
imageAlt="Groove premium golf club technology showcase"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Technology", href: "features"
|
|
},
|
|
{
|
|
text: "View Products", href: "products"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Why Groove Leads Innovation"
|
|
description="At Groove, we're obsessed with the details that matter most to your game."
|
|
imagePosition="right"
|
|
imageSrc="https://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335685.jpg"
|
|
imageAlt="Groove engineering and innovation laboratory"
|
|
useInvertedBackground="noInvert"
|
|
tabs={[
|
|
{
|
|
id: "engineering", label: "Advanced Engineering", description: "Our engineering team leverages computational fluid dynamics, finite element analysis, and material science to create clubs that optimize launch conditions, spin rates, and energy transfer. Every curve, every weight distribution is scientifically validated."
|
|
},
|
|
{
|
|
id: "materials", label: "Premium Materials", description: "We source the finest aerospace-grade materials including carbon composites, forged steel, and titanium alloys. Each material is selected for specific performance characteristics and durability standards exceeding industry benchmarks."
|
|
},
|
|
{
|
|
id: "craftsmanship", label: "Precision Craftsmanship", description: "Our manufacturing process combines CNC precision with master craftspeople. Every club undergoes 47-point quality verification ensuring consistency, durability, and performance excellence across every unit."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="The Groove Development Process"
|
|
description="From concept to completion, our rigorous methodology ensures every Groove club performs at the highest level."
|
|
tag="How We Build Excellence"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "CONCEPT", title: "Design & Analysis", subtitle: "Data-driven innovation", description: "Our design team collaborates with tour professionals to identify performance requirements. Advanced simulation tools model every aspect of club behavior, from initial contact to full swing dynamics.", imageSrc: "https://img.b2bpic.net/free-photo/male-golfer-getting-golf-cart_171337-6552.jpg", imageAlt: "Golf club design and CAD analysis process"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "MATERIALS", title: "Material Selection", subtitle: "Premium component sourcing", description: "We evaluate and select materials based on performance metrics, durability, and sustainability. Our partnerships with leading material suppliers ensure consistent quality and access to the latest innovations.", imageSrc: "https://img.b2bpic.net/free-photo/golfer-taking-clubs-from-bag-golf-cart_171337-6544.jpg", imageAlt: "Advanced materials and carbon fiber technology"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "TESTING", title: "Rigorous Testing", subtitle: "Performance verification", description: "Every prototype undergoes extensive laboratory testing, including launch monitor analysis, robot swing testing, and professional field trials. We validate that performance meets or exceeds all specifications before production.", imageSrc: "https://img.b2bpic.net/free-photo/view-hand-with-glove-holding-golf-ball_23-2150426501.jpg", imageAlt: "Quality testing and precision measurement laboratory"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="The Groove Collection"
|
|
description="Engineered for precision. Designed for distance. Built for champions."
|
|
tag="Premium Golf Clubs"
|
|
tagIcon={Trophy}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "driver-pro", name: "Groove Pro Driver", price: "$599", variant: "Titanium | Multi-Material Composite Head", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_38XJ3FShM5ZR2rcufkbaUrgyYVV/uploaded-1769566393199-20yq54n4.webp", imageAlt: "Groove Pro Driver golf club"
|
|
},
|
|
{
|
|
id: "irons-elite", name: "Groove Elite Irons Set", price: "$1,299", variant: "Forged Steel | 5-PW Set", imageSrc: "https://img.b2bpic.net/premium-photo/closeup-view-set-golf-club-with-ball_9083-23985.jpg?id=207424735", imageAlt: "Groove Elite Irons golf club set"
|
|
},
|
|
{
|
|
id: "putter-precision", name: "Groove Precision Putter", price: "$349", variant: "Milled Steel | Multi-Alignment Technology", imageSrc: "https://img.b2bpic.net/free-photo/man-using-club-hit-golf-ball_23-2148822981.jpg?id=12080041", imageAlt: "Groove Precision Putter golf club"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Groove by the Numbers"
|
|
description="Performance metrics that speak for themselves"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "+47 Yards", description: "Average Distance Improvement"
|
|
},
|
|
{
|
|
id: "2", value: "3.2°", description: "Optimized Launch Angle"
|
|
},
|
|
{
|
|
id: "3", value: "15,000+", description: "Golfers Trust Groove"
|
|
},
|
|
{
|
|
id: "4", value: "47-Point", description: "Quality Verification Process"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by professional golfers and enthusiasts worldwide who demand the best in engineering and performance."
|
|
cardTag="See What Golfers Say"
|
|
cardTagIcon={Star}
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson", imageSrc: "https://img.b2bpic.net/free-photo/close-up-handsome-male-golfer-holding-golf-club_171337-6503.jpg", imageAlt: "Marcus Johnson professional golfer"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", imageSrc: "https://img.b2bpic.net/free-photo/adult-man-carrying-golf-clubs-outdoors_23-2148295336.jpg", imageAlt: "Sarah Chen professional golfer"
|
|
},
|
|
{
|
|
id: "3", name: "David Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/handsome-young-male-golfer-with-club-resting_171337-6608.jpg", imageAlt: "David Rodriguez professional golfer"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Williams", imageSrc: "https://img.b2bpic.net/free-photo/bearded-smiling-golfer-posing-with-club-hand_171337-18919.jpg", imageAlt: "Emma Williams professional golfer"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Groove golf clubs and our engineering excellence."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes Groove clubs different from competitors?", content: "Groove combines advanced computational engineering with premium materials and precision manufacturing. Our 47-point quality verification process and collaboration with tour professionals ensures every club meets championship-level standards."
|
|
},
|
|
{
|
|
id: "2", title: "Are Groove clubs suitable for beginners?", content: "Absolutely. While our clubs are engineered for competitive play, the technology and precision translate to improved performance for golfers of all skill levels. Our clubs are designed to help every golfer maximize their potential."
|
|
},
|
|
{
|
|
id: "3", title: "What is your warranty and return policy?", content: "All Groove clubs come with a comprehensive 2-year warranty covering manufacturing defects. We offer a 30-day performance guarantee—if you're not satisfied, we'll work with you to find the right fit or process a full refund."
|
|
},
|
|
{
|
|
id: "4", title: "How do I know which clubs are right for me?", content: "We recommend scheduling a fitting consultation with one of our specialists. Using launch monitor technology and your swing dynamics, we'll recommend the optimal clubs and specifications for your game."
|
|
},
|
|
{
|
|
id: "5", title: "Where are Groove clubs manufactured?", content: "Our clubs are manufactured in our state-of-the-art facility using precision CNC machinery combined with skilled craftspeople. We maintain strict quality control throughout every stage of production."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/high-angle-shot-golf-course-otocec-slovenia-sunny-summer-day_181624-12891.jpg"
|
|
imageAlt="Beautiful golf course landscape"
|
|
logoText="Groove"
|
|
copyrightText="© 2025 Groove Golf Clubs. Engineered for Excellence."
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Drivers", href: "products" },
|
|
{ label: "Irons", href: "products" },
|
|
{ label: "Putters", href: "products" },
|
|
{ label: "Collections", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Technology", href: "features" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "Fitting Guide", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |