302 lines
16 KiB
TypeScript
302 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Lock, Truck, Grid, MessageSquareText, Award, LifeBuoy } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Brands", id: "#brands"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588679.jpg"
|
|
logoAlt="DHABALE SPORT Logo"
|
|
brandName="DHABALE SPORT"
|
|
button={{
|
|
text: " SHEARCHGO NOW IN DHABALE SPOORT ", href: "#products"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="Elevate Your Game with Premium Sports Gear"
|
|
description="Discover a curated selection of high-quality equipment and apparel designed to boost your performance and passion. Shop now and experience the difference."
|
|
kpis={[
|
|
{
|
|
value: "1000+", label: "Happy Customers"},
|
|
{
|
|
value: "50+", label: "Top Brands"},
|
|
{
|
|
value: "5000+", label: "Products in Stock"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: " Products", href: "#products"},
|
|
{
|
|
text: "Learn More About Us", href: "#about"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "https://img.b2bpic.net/premium-photo/this-image-shows-smiling-man-standing-with-his-arms-crossed-front-modern-interior-man_116547-120359.jpg?id=222792904", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-blonde-fit-sporty-girl-woman-black-sportswear-demostrate-her-strong-muscular-body-stretching_231208-4083.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pleased-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-with-dental-braces-standing-profile-view-holding-stretching-out-dumbbells-isolated-green-background-with-copy-space_141793-76915.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/muscular-young-male-athlete-sitting-track-field-relaxing_23-2148162094.jpg", alt: "Sports customer avatar"},
|
|
]}
|
|
avatarText="GOIN NOW "
|
|
imageSrc="http://img.b2bpic.net/free-photo/football-composition-with-ball-net-bag_23-2147827772.jpg"
|
|
imageAlt="3D rendered sports equipment, 8k clarity"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Quality Guaranteed"},
|
|
{
|
|
type: "text-icon", text: "Fast Shipping", icon: Truck,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/composition-with-neatly-organized-arranged-sport-items_23-2150275243.jpg", alt: "Sports equipment collage"},
|
|
{
|
|
type: "text", text: "Expert Support"},
|
|
{
|
|
type: "text-icon", text: "Secure Payments", icon: Lock,
|
|
},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="About DHABALE SPORT"
|
|
description="At DHABALE SPORT, we are passionate about helping athletes achieve their best. We offer a curated selection of high-quality sports objects and kits, meticulously chosen for durability, performance, and style. Our commitment is to provide every customer with the right gear and expert advice to excel in their chosen sport."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Evs2A5YGzOktWN7LnGHkVy1xJv/uploaded-1781072172248-bkif4l1r.png"
|
|
imageAlt="Interior of a modern sports store with equipment displays"
|
|
buttons={[
|
|
{
|
|
text: "Explore Products", href: "#products"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Wide Selection", description: "Explore an extensive range of sports equipment and apparel for various disciplines.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-woman-doing-strength-exercises-gym_1153-4613.jpg", imageAlt: "Large collection of diverse sports equipment", buttonIcon: Grid,
|
|
buttonHref: "#products"},
|
|
{
|
|
title: "Expert Advice", description: "Our knowledgeable team provides personalized recommendations to match your needs.", imageSrc: "https://img.b2bpic.net/free-photo/sports-tools_53876-138077.jpg?id=18415697", imageAlt: "Sports expert assisting a customer", buttonIcon: MessageSquareText,
|
|
buttonHref: "#contact"},
|
|
{
|
|
title: "Quality Assured", description: "We stock only high-quality, durable products from trusted and reputable brands.", imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275210.jpg", imageAlt: "Display of premium sports brand logos", buttonIcon: Award,
|
|
},
|
|
{
|
|
title: "Customer Support", description: "Enjoy seamless shopping with our dedicated support, online and in-store.", imageSrc: "https://img.b2bpic.net/premium-photo/heap-sports-supplies_926199-3643499.jpg?id=201670559", imageAlt: "Friendly customer service representative", buttonIcon: LifeBuoy,
|
|
buttonHref: "#contact"},
|
|
]}
|
|
title="Why Choose DHABALE SPORT?"
|
|
description="Experience the difference with our dedication to quality, selection, and customer satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "prod-1", name: "Professional Football Kit", price: "", variant: "Blue/White", imageSrc: "https://img.b2bpic.net/free-vector/dynamic-football-kit-design-with-gradient-colors-player-number_29096-6181.jpg?id=425817357", imageAlt: "3D rendered professional football kit"},
|
|
{
|
|
id: "prod-2", name: "High-Performance Basketball Shoes", price: "", variant: "Black/Red", imageSrc: "http://img.b2bpic.net/free-photo/trucker-hat-with-basketball_23-2149410033.jpg", imageAlt: "3D rendered high-performance basketball shoes"},
|
|
{
|
|
id: "prod-3", name: "Cricket Bat Pro Edition", price: "", variant: "English Willow", imageSrc: "https://img.b2bpic.net/premium-photo/pair-clothes-combo-fashion-outfit_1014647-3892.jpg?id=377237141", imageAlt: "3D rendered professional cricket bat"},
|
|
{
|
|
id: "prod-4", name: "Advanced Tennis Racket", price: "₹5,299", variant: "Carbon Fiber", imageSrc: "http://img.b2bpic.net/free-photo/still-life-perfectly-ordered-fitness-gym-accessories_52683-100703.jpg", imageAlt: "3D rendered advanced tennis racket"},
|
|
{
|
|
id: "prod-5", name: "Swim Goggles Elite", price: "₹1,299", variant: "Anti-Fog Clear", imageSrc: "http://img.b2bpic.net/free-photo/diving-equipment-white-towel_23-2147640564.jpg", imageAlt: "3D rendered elite swim goggles"},
|
|
{
|
|
id: "prod-6", name: "Breathable Running T-Shirt", price: "₹1,599", variant: "Quick Dry Green", imageSrc: "http://img.b2bpic.net/free-vector/t-shirt-poster-design-with-illustration-runner-rain_1284-36863.jpg", imageAlt: "3D rendered breathable running t-shirt"},
|
|
]}
|
|
title="Our Premium Sports Collection"
|
|
description="Browse our latest collection of sports objects and apparel, designed for optimal performance and style. Get ready to play!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="brands" data-section="brands">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Nike", "Adidas", "Puma", "Under Armour", "Reebok", "New Balance", "Asics"]}
|
|
title="Our Trusted Partners"
|
|
description="We collaborate with leading sports brands to bring you the best in athletic innovation and quality."
|
|
speed={30}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
testimonials={[
|
|
{
|
|
id: "test-1", name: "Anjali Sharma", handle: "@anjali.athlete", testimonial: "The quality of products at DHABALE SPORT is unmatched! My new running shoes are perfect. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-woman-blue-hoodie-cafe-having-fun-cheerful-mood-trendy-fashion-style_285396-10726.jpg", imageAlt: "Anjali Sharma, happy customer"},
|
|
{
|
|
id: "test-2", name: "Rajesh Kumar", handle: "@rajeshk_cricket", testimonial: "Found the exact cricket kit I was looking for. The 3D view on the website helped a lot. Excellent service!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-red-shirt-holding-gift-boxes-both-hands_114579-15027.jpg", imageAlt: "Rajesh Kumar, satisfied customer"},
|
|
{
|
|
id: "test-3", name: "Priya Singh", handle: "@priya.fitness", testimonial: "DHABALE SPORT is my go-to for all fitness needs. Their selection is fantastic, and prices are competitive.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-basketball-player-shoot_53876-30148.jpg", imageAlt: "Priya Singh, fitness enthusiast"},
|
|
{
|
|
id: "test-4", name: "Vikram Patel", handle: "@vikram_hoops", testimonial: "Great experience shopping for basketball gear. The staff was very helpful in finding the right size.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-smile-face-with-crossed-hands-chest-standing-white-wall_141793-96909.jpg", imageAlt: "Vikram Patel, basketball player"},
|
|
{
|
|
id: "test-5", name: "Neha Gupta", handle: "@neha.yogini", testimonial: "Love my new yoga mat from DHABALE SPORT! It's super comfortable and great quality. Will definitely shop again.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061415.jpg", imageAlt: "Neha Gupta, yoga practitioner"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Customers Say"
|
|
description="Hear from athletes who trust DHABALE SPORT for their essential gear."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "", content: "You can easily place an order by browsing our products, adding items to your cart, and proceeding to checkout. Follow the simple steps to complete your purchase."
|
|
},
|
|
{
|
|
id: "faq-2", title: "", content: "We offer a 30-day return policy for unused items in their original packaging. Please visit our 'Returns' page for detailed instructions."},
|
|
{
|
|
id: "faq-3", title: "", content: "Currently, we only ship within India. We are working on expanding our delivery services internationally in the near future."},
|
|
{
|
|
id: "faq-4", title: "", content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey."},
|
|
]}
|
|
title="Frequently DHABALE"
|
|
description="Find answers to common questions about our products, orders, and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Ready to Gear Up? Contact DHABALE SPORT Today!"
|
|
buttons={[
|
|
{
|
|
text: "Call Us: +9022 65581", href: "tel:+919876543210"},
|
|
{
|
|
text: " GALLI , SHARTRI NAGER TUMSAR ", href: "mailto:info@dhabalesport.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Evs2A5YGzOktWN7LnGHkVy1xJv/uploaded-1781071939359-ii717y69.png"
|
|
imageAlt="Athletes in action, dynamic sports background"
|
|
logoSrc="http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588679.jpg"
|
|
logoAlt="DHABALE SPORT Logo"
|
|
logoText="DHABALE SPORT"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "All Products", href: "#products"},
|
|
{
|
|
label: "New Arrivals", href: "#products"},
|
|
{
|
|
label: "Best Sellers", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2026DHABALE SPORT. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |