Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -29,27 +29,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="UrbanThreads"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,63 +50,33 @@ export default function LandingPage() {
|
||||
description="Authentic streetwear crafted for the streets, designed for your everyday flow. Join the movement."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexstreet",
|
||||
testimonial: "Best fit I've ever owned. Pure quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-height-portrait-pretty-blond-woman-posing-urban-street-wearing-beige-coat-white-sneakers-trendy-accessories-carefree-lady-walking-along-street_273443-2889.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexstreet", testimonial: "Best fit I've ever owned. Pure quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-height-portrait-pretty-blond-woman-posing-urban-street-wearing-beige-coat-white-sneakers-trendy-accessories-carefree-lady-walking-along-street_273443-2889.jpg"},
|
||||
{
|
||||
name: "Jamie L.",
|
||||
handle: "@jamie_urban",
|
||||
testimonial: "The design aesthetic is unmatched in the scene.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8098.jpg",
|
||||
},
|
||||
name: "Jamie L.", handle: "@jamie_urban", testimonial: "The design aesthetic is unmatched in the scene.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8098.jpg"},
|
||||
{
|
||||
name: "Sam B.",
|
||||
handle: "@samstyle",
|
||||
testimonial: "Fast shipping and even better quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6642.jpg",
|
||||
},
|
||||
name: "Sam B.", handle: "@samstyle", testimonial: "Fast shipping and even better quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-with-horns-hairstyle-dressed-summer-hipster-jacket-jeans-clothes-sexy-carefree-girl-posing-street-trendy-funny-positive-woman-having-fun-sunglasses_158538-6642.jpg"},
|
||||
{
|
||||
name: "Taylor P.",
|
||||
handle: "@taylor_fit",
|
||||
testimonial: "UrbanThreads changed my whole wardrobe game.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg",
|
||||
},
|
||||
name: "Taylor P.", handle: "@taylor_fit", testimonial: "UrbanThreads changed my whole wardrobe game.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg"},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@morgangears",
|
||||
testimonial: "Incredible durability and comfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg",
|
||||
},
|
||||
name: "Morgan D.", handle: "@morgangears", testimonial: "Incredible durability and comfort.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2935.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/night-portrait-girl-model-wear-jeans-leather-jacket-against-iron-fence_627829-11270.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/night-portrait-girl-model-wear-jeans-leather-jacket-against-iron-fence_627829-11270.jpg",
|
||||
alt: "Portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/night-portrait-girl-model-wear-jeans-leather-jacket-against-iron-fence_627829-11270.jpg", alt: "Portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio_23-2148834147.jpg",
|
||||
alt: "Portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio_23-2148834147.jpg", alt: "Portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg",
|
||||
alt: "Portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", alt: "Portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-sunglasses-with-ice-cream_627829-3122.jpg",
|
||||
alt: "Portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-sunglasses-with-ice-cream_627829-3122.jpg", alt: "Portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/purple-pink-scary-night-lettering_23-2148280087.jpg",
|
||||
alt: "Portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/purple-pink-scary-night-lettering_23-2148280087.jpg", alt: "Portrait 5"},
|
||||
]}
|
||||
avatarText="Trusted by 100K+ trendsetters"
|
||||
/>
|
||||
@@ -128,17 +89,11 @@ export default function LandingPage() {
|
||||
description="Founded in the heart of the city, UrbanThreads combines high-fashion sensibility with underground durability. We believe clothing is more than fabric—it's culture."
|
||||
metrics={[
|
||||
{
|
||||
value: "100K+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "100K+", title: "Happy Customers"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Unique Drops",
|
||||
},
|
||||
value: "500+", title: "Unique Drops"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Global Cities",
|
||||
},
|
||||
value: "20+", title: "Global Cities"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio_23-2148834147.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -153,47 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Street Hoodie",
|
||||
price: "$89",
|
||||
variant: "Black/Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg",
|
||||
},
|
||||
id: "1", name: "Street Hoodie", price: "$89", variant: "Black/Grey", imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Urban Cargo",
|
||||
price: "$110",
|
||||
variant: "Olive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-sunglasses-with-ice-cream_627829-3122.jpg",
|
||||
},
|
||||
id: "2", name: "Urban Cargo", price: "$110", variant: "Olive", imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-sunglasses-with-ice-cream_627829-3122.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Graphic Tee",
|
||||
price: "$45",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/purple-pink-scary-night-lettering_23-2148280087.jpg",
|
||||
},
|
||||
id: "3", name: "Graphic Tee", price: "$45", variant: "White", imageSrc: "http://img.b2bpic.net/free-vector/purple-pink-scary-night-lettering_23-2148280087.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bomber Jacket",
|
||||
price: "$150",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-redhead-girl-wearing-trendy-clothes-sitting-stairs-outside_613910-17935.jpg",
|
||||
},
|
||||
id: "4", name: "Bomber Jacket", price: "$150", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-redhead-girl-wearing-trendy-clothes-sitting-stairs-outside_613910-17935.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jogger Set",
|
||||
price: "$95",
|
||||
variant: "Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-sportsclothes-carries-rubber-mat-holds-mobile-phone-going-have-workout-poses-outside_273609-55400.jpg",
|
||||
},
|
||||
id: "5", name: "Jogger Set", price: "$95", variant: "Grey", imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-sportsclothes-carries-rubber-mat-holds-mobile-phone-going-have-workout-poses-outside_273609-55400.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Urban Cap",
|
||||
price: "$30",
|
||||
variant: "Multi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-african-men-friends-standing-outdoors_171337-6975.jpg",
|
||||
},
|
||||
id: "6", name: "Urban Cap", price: "$30", variant: "Multi", imageSrc: "http://img.b2bpic.net/free-photo/two-young-african-men-friends-standing-outdoors_171337-6975.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover the latest drops in our urban collection."
|
||||
@@ -205,30 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-streetwear-fashion_23-2151947396.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-streetwear-fashion_23-2151947396.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lila K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg",
|
||||
},
|
||||
id: "3", name: "Lila K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ben W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-seaside_23-2149488644.jpg",
|
||||
},
|
||||
id: "4", name: "Ben W.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-seaside_23-2149488644.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488559.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe T.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488559.jpg"},
|
||||
]}
|
||||
cardTitle="What the streets are saying"
|
||||
cardTag="Testimonials"
|
||||
@@ -242,25 +152,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days of purchase for a full refund.",
|
||||
},
|
||||
id: "q1", title: "What is the return policy?", content: "You can return items within 30 days of purchase for a full refund."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I care for my clothing?",
|
||||
content: "Follow the wash instructions on the label to keep your urban gear looking sharp.",
|
||||
},
|
||||
id: "q3", title: "How do I care for my clothing?", content: "Follow the wash instructions on the label to keep your urban gear looking sharp."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Are sizes true to fit?",
|
||||
content: "Yes, our sizes follow standard urban fit patterns.",
|
||||
},
|
||||
id: "q4", title: "Are sizes true to fit?", content: "Yes, our sizes follow standard urban fit patterns."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We've got answers."
|
||||
@@ -272,54 +170,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Hoodies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hoodies", href: "#"},
|
||||
{
|
||||
label: "Pants",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pants", href: "#"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accessories", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user