Merge version_2 into main #2
302
src/app/page.tsx
302
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ThreadIndia"
|
||||
/>
|
||||
@@ -57,103 +49,55 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Global Threads, Local Heart"
|
||||
description="Premium quality T-shirts delivered to your doorstep in India and beyond. Style meets comfort."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ananya P.",
|
||||
handle: "@ananyap",
|
||||
testimonial: "Incredible quality and fits perfectly. Love the global shipping!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140852.jpg?_wi=1",
|
||||
imageAlt: "modern t-shirt lifestyle photography",
|
||||
},
|
||||
name: "Ananya P.", handle: "@ananyap", testimonial: "Incredible quality and fits perfectly. Love the global shipping!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140852.jpg?_wi=1", imageAlt: "modern t-shirt lifestyle photography"},
|
||||
{
|
||||
name: "Raj V.",
|
||||
handle: "@rajv",
|
||||
testimonial: "Fastest delivery to Bangalore and the fabric feels premium.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14205.jpg?_wi=1",
|
||||
imageAlt: "modern t-shirt lifestyle photography",
|
||||
},
|
||||
name: "Raj V.", handle: "@rajv", testimonial: "Fastest delivery to Bangalore and the fabric feels premium.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14205.jpg?_wi=1", imageAlt: "modern t-shirt lifestyle photography"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "My new favorite T-shirt brand, even here in New York.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/stay-positive-typography-design-illustration_53876-8554.jpg?_wi=1",
|
||||
imageAlt: "modern t-shirt lifestyle photography",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "My new favorite T-shirt brand, even here in New York.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/stay-positive-typography-design-illustration_53876-8554.jpg?_wi=1", imageAlt: "modern t-shirt lifestyle photography"},
|
||||
{
|
||||
name: "Liam T.",
|
||||
handle: "@liamt",
|
||||
testimonial: "Amazing design, keeps shape even after many washes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=1",
|
||||
imageAlt: "modern t-shirt lifestyle photography",
|
||||
},
|
||||
name: "Liam T.", handle: "@liamt", testimonial: "Amazing design, keeps shape even after many washes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=1", imageAlt: "modern t-shirt lifestyle photography"},
|
||||
{
|
||||
name: "Meera S.",
|
||||
handle: "@meeras",
|
||||
testimonial: "Stylish and minimalist. Great for everyday wear.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sunburned-man-posing-studio_23-2150404721.jpg?_wi=1",
|
||||
imageAlt: "modern t-shirt lifestyle photography",
|
||||
},
|
||||
name: "Meera S.", handle: "@meeras", testimonial: "Stylish and minimalist. Great for everyday wear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sunburned-man-posing-studio_23-2150404721.jpg?_wi=1", imageAlt: "modern t-shirt lifestyle photography"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Premium Essentials", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140852.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-woman-smiling-hipster-model-white-jeans-clothes-sexy-carefree-female-posing-street-background-cheerful-happy-outdoors-sunglasses-sunset_158538-26828.jpg",
|
||||
alt: "Portrait of young beautiful black woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-black-woman-smiling-hipster-model-white-jeans-clothes-sexy-carefree-female-posing-street-background-cheerful-happy-outdoors-sunglasses-sunset_158538-26828.jpg", alt: "Portrait of young beautiful black woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/transgenders-posing-outdoors-medium-shot_23-2149154651.jpg",
|
||||
alt: "Transgenders posing outdoors medium shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/transgenders-posing-outdoors-medium-shot_23-2149154651.jpg", alt: "Transgenders posing outdoors medium shot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379372.jpg",
|
||||
alt: "School scene with queer teens",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379372.jpg", alt: "School scene with queer teens"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-her-handsome-boyfriend-sexy-cheerful-multiracial-family-having-tender-moments-beige-background-studio-multiethnic-models-hugging-embracing-each-otherlove-concept_158538-26945.jpg",
|
||||
alt: "Smiling beautiful couple",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-her-handsome-boyfriend-sexy-cheerful-multiracial-family-having-tender-moments-beige-background-studio-multiethnic-models-hugging-embracing-each-otherlove-concept_158538-26945.jpg", alt: "Smiling beautiful couple"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-ethnic-curly-man-sitting-against-grey-wall_23-2148205513.jpg",
|
||||
alt: "Young ethnic curly man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-ethnic-curly-man-sitting-against-grey-wall_23-2148205513.jpg", alt: "Young ethnic curly man"},
|
||||
]}
|
||||
avatarText="Join 50k+ happy customers globally"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Cotton",
|
||||
},
|
||||
type: "text", text: "Organic Cotton"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Sourcing",
|
||||
},
|
||||
type: "text", text: "Ethical Sourcing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Comfort",
|
||||
},
|
||||
type: "text", text: "Premium Comfort"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,47 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Black Tee",
|
||||
price: "$25",
|
||||
variant: "Premium Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14205.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Midnight Black Tee", price: "$25", variant: "Premium Cotton", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14205.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cloud White Tee",
|
||||
price: "$25",
|
||||
variant: "Premium Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/stay-positive-typography-design-illustration_53876-8554.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Cloud White Tee", price: "$25", variant: "Premium Cotton", imageSrc: "http://img.b2bpic.net/free-vector/stay-positive-typography-design-illustration_53876-8554.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ocean Blue Tee",
|
||||
price: "$28",
|
||||
variant: "Organic Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Ocean Blue Tee", price: "$28", variant: "Organic Cotton", imageSrc: "http://img.b2bpic.net/free-photo/chic-fashion-boutique-with-well-organized-clothing-racks_482257-118413.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sunset Yellow Tee",
|
||||
price: "$28",
|
||||
variant: "Premium Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sunburned-man-posing-studio_23-2150404721.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Sunset Yellow Tee", price: "$28", variant: "Premium Cotton", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sunburned-man-posing-studio_23-2150404721.jpg?_wi=2"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Urban Grey Tee",
|
||||
price: "$22",
|
||||
variant: "Classic Fit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attentive-young-man-woman-standing-street_23-2148134006.jpg",
|
||||
},
|
||||
id: "p5", name: "Urban Grey Tee", price: "$22", variant: "Classic Fit", imageSrc: "http://img.b2bpic.net/free-photo/attentive-young-man-woman-standing-street_23-2148134006.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Navy Standard Tee",
|
||||
price: "$22",
|
||||
variant: "Classic Fit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-looking-camera-holds-hands-waist-dark-t-shirt-looking-happy-front-view_176474-64620.jpg",
|
||||
},
|
||||
id: "p6", name: "Navy Standard Tee", price: "$22", variant: "Classic Fit", imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-looking-camera-holds-hands-waist-dark-t-shirt-looking-happy-front-view_176474-64620.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Curated selection of premium cotton apparel for everyone."
|
||||
@@ -220,20 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Cotton",
|
||||
description: "100% organic cotton for ultimate comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg",
|
||||
},
|
||||
title: "Premium Cotton", description: "100% organic cotton for ultimate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230644.jpg"},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Reliable delivery across India and the globe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448768.jpg",
|
||||
},
|
||||
title: "Fast Shipping", description: "Reliable delivery across India and the globe.", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448768.jpg"},
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "Fair wages and sustainable production methods.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
|
||||
},
|
||||
title: "Ethical Sourcing", description: "Fair wages and sustainable production methods.", imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We blend modern manufacturing with global design standards."
|
||||
@@ -247,59 +152,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ananya P.",
|
||||
role: "Designer",
|
||||
company: "Mumbai",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg",
|
||||
},
|
||||
id: "t1", name: "Ananya P.", role: "Designer", company: "Mumbai", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-shopping_23-2149241332.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Arjun R.",
|
||||
role: "Developer",
|
||||
company: "Delhi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
},
|
||||
id: "t2", name: "Arjun R.", role: "Developer", company: "Delhi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maya W.",
|
||||
role: "Artist",
|
||||
company: "London",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-pretty-woman-standing-with-crossed-arms-isolated-pink-wall_141793-65764.jpg",
|
||||
},
|
||||
id: "t3", name: "Maya W.", role: "Artist", company: "London", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-pretty-woman-standing-with-crossed-arms-isolated-pink-wall_141793-65764.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Devin B.",
|
||||
role: "Consultant",
|
||||
company: "Singapore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
id: "t4", name: "Devin B.", role: "Consultant", company: "Singapore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
role: "Marketer",
|
||||
company: "Paris",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-posing-fashion-department-store_482257-67119.jpg",
|
||||
},
|
||||
id: "t5", name: "Chloe L.", role: "Marketer", company: "Paris", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-posing-fashion-department-store_482257-67119.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50K+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "50K+", label: "Happy Customers"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Countries Served",
|
||||
},
|
||||
value: "15+", label: "Countries Served"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
]}
|
||||
title="Loved Worldwide"
|
||||
description="See what our global community has to say about us."
|
||||
@@ -312,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 20 countries worldwide with secure tracking.",
|
||||
},
|
||||
id: "q1", title: "Do you ship internationally?", content: "Yes, we ship to over 20 countries worldwide with secure tracking."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a 30-day no-questions-asked return policy for all unworn apparel.",
|
||||
},
|
||||
id: "q2", title: "What is the return policy?", content: "We offer a 30-day no-questions-asked return policy for all unworn apparel."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Where is the cotton sourced?",
|
||||
content: "Our cotton is ethically sourced from certified organic farms in India.",
|
||||
},
|
||||
id: "q3", title: "Where is the cotton sourced?", content: "Our cotton is ethically sourced from certified organic farms in India."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your order."
|
||||
@@ -341,25 +206,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Organic Cotton",
|
||||
description: "Sustainable fabric sourcing",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "100%", title: "Organic Cotton", description: "Sustainable fabric sourcing", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here to help",
|
||||
icon: Zap,
|
||||
id: "m2", value: "24/7", title: "Support", description: "Always here to help", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30+",
|
||||
title: "Styles",
|
||||
description: "Diverse catalog range",
|
||||
icon: Award,
|
||||
id: "m3", value: "30+", title: "Styles", description: "Diverse catalog range", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -372,14 +225,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FashionDaily",
|
||||
"EcoTrends",
|
||||
"StyleIndia",
|
||||
"GlobalStyle",
|
||||
"UrbanApparel",
|
||||
"TextileHub",
|
||||
"ModernTrends",
|
||||
]}
|
||||
"FashionDaily", "EcoTrends", "StyleIndia", "GlobalStyle", "UrbanApparel", "TextileHub", "ModernTrends"]}
|
||||
title="Trusted Partners"
|
||||
description="Partnering with the best names in fashion and sustainability."
|
||||
/>
|
||||
@@ -389,8 +235,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to elevate your style? Contact us for bulk orders or any queries."
|
||||
/>
|
||||
</div>
|
||||
@@ -400,42 +245,27 @@ export default function LandingPage() {
|
||||
logoText="ThreadIndia"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "T-Shirts",
|
||||
href: "#",
|
||||
},
|
||||
label: "T-Shirts", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -445,4 +275,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user