Update src/app/page.tsx

This commit is contained in:
2026-06-10 05:44:56 +00:00
parent 3d8fb5a045
commit 068fb6bf9e

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Lock, Truck } from "lucide-react";
import { Lock, Truck, Grid, MessageSquareText, Award, LifeBuoy } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,102 +33,63 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Brands",
id: "#brands",
},
name: "Brands", id: "#brands"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
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: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="Unleash Your Potential with DHABALE SPORT"
description="Discover premium sports gear and apparel designed to elevate your performance. From beginner to pro, we have everything you need to conquer your goals."
kpis={[
{
value: "1000+",
label: "Happy Customers",
},
value: "1000+", label: "Happy Customers"},
{
value: "50+",
label: "Top Brands",
},
value: "50+", label: "Top Brands"},
{
value: "5000+",
label: "Products in Stock",
},
value: "5000+", label: "Products in Stock"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Explore Products",
href: "#products",
},
text: "Explore Products", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-indian-athlete_1098-21142.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/cheerful-indian-athlete_1098-21142.jpg", 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/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/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-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/pleased-young-handsome-sporty-boy-wearing-headband-wristbands-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",
},
src: "http://img.b2bpic.net/free-photo/muscular-young-male-athlete-sitting-track-field-relaxing_23-2148162094.jpg", alt: "Sports customer avatar"},
]}
avatarText="Join our community of athletes!"
imageSrc="http://img.b2bpic.net/free-photo/football-composition-with-ball-net-bag_23-2147827772.jpg"
@@ -136,27 +97,16 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Quality Guaranteed",
type: "text", text: "Quality Guaranteed"},
{
type: "text-icon", text: "Fast Shipping", icon: Truck,
},
{
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: "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",
text: "Expert Support",
},
{
type: "text-icon",
text: "Secure Payments",
icon: Lock,
type: "text-icon", text: "Secure Payments", icon: Lock,
},
]}
marqueeSpeed={30}
@@ -180,36 +130,17 @@ export default function LandingPage() {
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: "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: "http://img.b2bpic.net/free-photo/people-using-phones-gym_23-2147688494.jpg", 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: "Expert Advice",
description: "Our knowledgeable team provides personalized recommendations to match your needs.",
imageSrc: "http://img.b2bpic.net/free-photo/people-using-phones-gym_23-2147688494.jpg",
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: "http://img.b2bpic.net/free-photo/masters-client-tattoo-studio_23-2147834049.jpg",
imageAlt: "Friendly customer service representative",
buttonIcon: "LifeBuoy",
buttonHref: "#contact",
},
title: "Customer Support", description: "Enjoy seamless shopping with our dedicated support, online and in-store.", imageSrc: "http://img.b2bpic.net/free-photo/masters-client-tattoo-studio_23-2147834049.jpg", 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."
@@ -225,53 +156,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "prod-1",
name: "Professional Football Kit",
price: "₹3,999",
variant: "Blue/White",
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-wearing-equipment_23-2151117484.jpg",
imageAlt: "3D rendered professional football kit",
},
id: "prod-1", name: "Professional Football Kit", price: "₹3,999", variant: "Blue/White", imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-wearing-equipment_23-2151117484.jpg", imageAlt: "3D rendered professional football kit"},
{
id: "prod-2",
name: "High-Performance Basketball Shoes",
price: "₹6,499",
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-2", name: "High-Performance Basketball Shoes", price: "₹6,499", 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: "₹8,999",
variant: "English Willow",
imageSrc: "http://img.b2bpic.net/free-photo/orange-blue-plastic-tube_187299-47205.jpg",
imageAlt: "3D rendered professional cricket bat",
},
id: "prod-3", name: "Cricket Bat Pro Edition", price: "₹8,999", variant: "English Willow", imageSrc: "http://img.b2bpic.net/free-photo/orange-blue-plastic-tube_187299-47205.jpg", 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-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-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",
},
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!"
@@ -283,14 +178,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Nike",
"Adidas",
"Puma",
"Under Armour",
"Reebok",
"New Balance",
"Asics",
]}
"Nike", "Adidas", "Puma", "Under Armour", "Reebok", "New Balance", "Asics"]}
title="Our Trusted Brand Partners"
description="We collaborate with leading sports brands to bring you the best in athletic innovation and quality."
speed={30}
@@ -306,50 +194,20 @@ export default function LandingPage() {
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-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-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-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-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",
},
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"
@@ -363,25 +221,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, debit cards, UPI, and net banking. Cash on delivery is available for select locations.",
},
id: "faq-1", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, UPI, and net banking. Cash on delivery is available for select locations."},
{
id: "faq-2",
title: "What is your return policy?",
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-2", title: "What is your return policy?", 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: "Do you offer international shipping?",
content: "Currently, we only ship within India. We are working on expanding our delivery services internationally in the near future.",
},
id: "faq-3", title: "Do you offer international shipping?", content: "Currently, we only ship within India. We are working on expanding our delivery services internationally in the near future."},
{
id: "faq-4",
title: "How can I track my order?",
content: "Once your order is shipped, you will receive an email with a tracking number and a link to track your package's journey.",
},
id: "faq-4", title: "How can I track my order?", 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 Asked Questions"
description="Find answers to common questions about our products, orders, and services."
@@ -393,18 +239,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to Gear Up? Contact DHABALE SPORT Today!"
buttons={[
{
text: "Call Us: +91 98765 43210",
href: "tel:+919876543210",
},
text: "Call Us: +91 98765 43210", href: "tel:+919876543210"},
{
text: "Email Us",
href: "mailto:info@dhabalesport.com",
},
text: "Email Us", href: "mailto:info@dhabalesport.com"},
]}
/>
</div>
@@ -418,50 +259,31 @@ export default function LandingPage() {
logoText="DHABALE SPORT"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "All Products",
href: "#products",
},
label: "All Products", href: "#products"},
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Best Sellers",
href: "#products",
},
label: "Best Sellers", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}