Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -30,71 +30,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Product",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SportSocks"
|
||||
button={{ text: "Buy Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Athletic Non-slip Football Socks"
|
||||
description="Cushioned, breathable, and designed for peak performance. Perfect for Soccer, Rugby, Cricket, and Yoga."
|
||||
buttons={[
|
||||
{
|
||||
text: "Buy Now (WhatsApp)",
|
||||
href: "https://wa.me/918115926225",
|
||||
},
|
||||
text: "Buy Now (WhatsApp)", href: "https://wa.me/918115926225"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWUtySRJxDkUu1d4PfFLrRwxTm/uploaded-1776501173173-dgxurysp.jpg?_wi=1",
|
||||
imageAlt: "Athletic Socks",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-runner-sitting-ground-against-white-wall-looking-camera_23-2148124230.jpg?_wi=1",
|
||||
imageAlt: "Athletic Socks",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-warm-socks_23-2149271408.jpg?_wi=1",
|
||||
imageAlt: "Athletic Socks",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-stretching-his-legs-outside_23-2148605656.jpg?_wi=1",
|
||||
imageAlt: "Athletic Socks",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/england-fan-watching-euro-cup-finale_23-2151698279.jpg?_wi=1",
|
||||
imageAlt: "Athletic Socks",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-suit-fleece-hoodie-pants-pink-knitted-hat-her-head_343596-7409.jpg?_wi=1",
|
||||
imageAlt: "Athletic Socks",
|
||||
},
|
||||
{ id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWUtySRJxDkUu1d4PfFLrRwxTm/uploaded-1776501173173-dgxurysp.jpg", imageAlt: "Athletic Socks" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-runner-sitting-ground-against-white-wall-looking-camera_23-2148124230.jpg", imageAlt: "Athletic Socks" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-warm-socks_23-2149271408.jpg", imageAlt: "Athletic Socks" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/man-stretching-his-legs-outside_23-2148605656.jpg", imageAlt: "Athletic Socks" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/england-fan-watching-euro-cup-finale_23-2151698279.jpg", imageAlt: "Athletic Socks" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-suit-fleece-hoodie-pants-pink-knitted-hat-her-head_343596-7409.jpg", imageAlt: "Athletic Socks" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,20 +67,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Non-Slip Grip",
|
||||
description: "Rubberized sole technology for maximum traction during intense sports.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-runner-sitting-ground-against-white-wall-looking-camera_23-2148124230.jpg?_wi=2",
|
||||
},
|
||||
title: "Advanced Non-Slip Grip", description: "Rubberized sole technology for maximum traction during intense sports.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-runner-sitting-ground-against-white-wall-looking-camera_23-2148124230.jpg"},
|
||||
{
|
||||
title: "Breathable Cotton Blend",
|
||||
description: "Stay cool and comfortable with moisture-wicking properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-warm-socks_23-2149271408.jpg?_wi=2",
|
||||
},
|
||||
title: "Breathable Cotton Blend", description: "Stay cool and comfortable with moisture-wicking properties.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-warm-socks_23-2149271408.jpg"},
|
||||
{
|
||||
title: "Targeted Cushioning",
|
||||
description: "Enhanced comfort for your feet during long hours on the field.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-stretching-his-legs-outside_23-2148605656.jpg?_wi=2",
|
||||
},
|
||||
title: "Targeted Cushioning", description: "Enhanced comfort for your feet during long hours on the field.", imageSrc: "http://img.b2bpic.net/free-photo/man-stretching-his-legs-outside_23-2148605656.jpg"},
|
||||
]}
|
||||
title="Why Choose Our Socks?"
|
||||
description="Engineered for durability and elite performance."
|
||||
@@ -132,60 +85,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "SportSocks",
|
||||
name: "Crew Sock (1 Pair)",
|
||||
price: "₹130",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWUtySRJxDkUu1d4PfFLrRwxTm/uploaded-1776501173173-dgxurysp.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "SportSocks",
|
||||
name: "Fast Delivery",
|
||||
price: "COD",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-runner-sitting-ground-against-white-wall-looking-camera_23-2148124230.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "SportSocks",
|
||||
name: "7 Day Return",
|
||||
price: "Easy",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-warm-socks_23-2149271408.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "SportSocks",
|
||||
name: "Lowest Price",
|
||||
price: "Verified",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-stretching-his-legs-outside_23-2148605656.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "SportSocks",
|
||||
name: "Anti-Slip",
|
||||
price: "Grip",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/england-fan-watching-euro-cup-finale_23-2151698279.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "SportSocks",
|
||||
name: "Multi-Sport",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-suit-fleece-hoodie-pants-pink-knitted-hat-her-head_343596-7409.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", brand: "SportSocks", name: "Crew Sock (1 Pair)", price: "₹130", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CWUtySRJxDkUu1d4PfFLrRwxTm/uploaded-1776501173173-dgxurysp.jpg" },
|
||||
{ id: "p2", brand: "SportSocks", name: "Fast Delivery", price: "COD", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-runner-sitting-ground-against-white-wall-looking-camera_23-2148124230.jpg" },
|
||||
{ id: "p3", brand: "SportSocks", name: "7 Day Return", price: "Easy", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-warm-socks_23-2149271408.jpg" },
|
||||
{ id: "p4", brand: "SportSocks", name: "Lowest Price", price: "Verified", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/man-stretching-his-legs-outside_23-2148605656.jpg" },
|
||||
{ id: "p5", brand: "SportSocks", name: "Anti-Slip", price: "Grip", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/england-fan-watching-euro-cup-finale_23-2151698279.jpg" },
|
||||
{ id: "p6", brand: "SportSocks", name: "Multi-Sport", price: "Elite", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-suit-fleece-hoodie-pants-pink-knitted-hat-her-head_343596-7409.jpg" },
|
||||
]}
|
||||
title="Purchase Details"
|
||||
description="Quality assurance for your comfort."
|
||||
@@ -198,60 +103,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Arjun Singh",
|
||||
role: "Soccer Player",
|
||||
company: "Delhi FC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/england-fan-watching-euro-cup-finale_23-2151698279.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahul Verma",
|
||||
role: "Cricket Enthusiast",
|
||||
company: "Local Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-suit-fleece-hoodie-pants-pink-knitted-hat-her-head_343596-7409.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Vikram Seth",
|
||||
role: "Rugby Pro",
|
||||
company: "National League",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-active-lifestyle-sport-concept-cheerful-male-teenager-with-afro-hairstyle_273609-8622.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ananya Roy",
|
||||
role: "Yoga Instructor",
|
||||
company: "Zen Yoga",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-doing-selfie-happy-positive-smiling-cheerfully-showing-thumbs-up_141793-37439.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Dev Kumar",
|
||||
role: "Gym Goer",
|
||||
company: "Fitness Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Arjun Singh", role: "Soccer Player", company: "Delhi FC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/england-fan-watching-euro-cup-finale_23-2151698279.jpg" },
|
||||
{ id: "t2", name: "Rahul Verma", role: "Cricket Enthusiast", company: "Local Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cozy-suit-fleece-hoodie-pants-pink-knitted-hat-her-head_343596-7409.jpg" },
|
||||
{ id: "t3", name: "Vikram Seth", role: "Rugby Pro", company: "National League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-active-lifestyle-sport-concept-cheerful-male-teenager-with-afro-hairstyle_273609-8622.jpg" },
|
||||
{ id: "t4", name: "Ananya Roy", role: "Yoga Instructor", company: "Zen Yoga", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-doing-selfie-happy-positive-smiling-cheerfully-showing-thumbs-up_141793-37439.jpg" },
|
||||
{ id: "t5", name: "Dev Kumar", role: "Gym Goer", company: "Fitness Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Order Support",
|
||||
},
|
||||
{ value: "10k+", label: "Happy Customers" },
|
||||
{ value: "5/5", label: "Avg Rating" },
|
||||
{ value: "24/7", label: "Order Support" },
|
||||
]}
|
||||
title="What Our Players Say"
|
||||
description="Join thousands of satisfied athletes across India."
|
||||
@@ -263,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is Cash on Delivery available?",
|
||||
content: "Yes, we support easy Cash on Delivery for all orders across India.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a 7-day easy return policy for all items.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I order?",
|
||||
content: "Simply click the Buy Now button to start a WhatsApp chat with our sales team.",
|
||||
},
|
||||
{ id: "q1", title: "Is Cash on Delivery available?", content: "Yes, we support easy Cash on Delivery for all orders across India." },
|
||||
{ id: "q2", title: "What is the return policy?", content: "We offer a 7-day easy return policy for all items." },
|
||||
{ id: "q3", title: "How do I order?", content: "Simply click the Buy Now button to start a WhatsApp chat with our sales team." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -291,27 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "130",
|
||||
title: "Price (INR)",
|
||||
description: "Lowest price guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-legs-running-through-cones_23-2148355376.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "7",
|
||||
title: "Days Return",
|
||||
description: "Easy return window.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-texture-with-geometric-shapes_1154-717.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Cotton",
|
||||
description: "Premium comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-boy-holding-up-skateboard_23-2148262463.jpg",
|
||||
},
|
||||
{ id: "m1", value: "130", title: "Price (INR)", description: "Lowest price guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/female-legs-running-through-cones_23-2148355376.jpg" },
|
||||
{ id: "m2", value: "7", title: "Days Return", description: "Easy return window.", imageSrc: "http://img.b2bpic.net/free-photo/wall-texture-with-geometric-shapes_1154-717.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Cotton", description: "Premium comfort.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-boy-holding-up-skateboard_23-2148262463.jpg" },
|
||||
]}
|
||||
title="Performance Standards"
|
||||
description="Our product metrics speak for themselves."
|
||||
@@ -321,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Order Now"
|
||||
title="Ready to perform?"
|
||||
description="Contact us on WhatsApp at 8115926225 to place your order today."
|
||||
@@ -338,42 +167,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Grip Socks",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
title: "Products", items: [
|
||||
{ label: "Grip Socks", href: "#product" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "7 Days Return",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "7 Days Return", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user