Merge version_2 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WARNIX"
|
||||
/>
|
||||
@@ -55,99 +47,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Create Your Identity"
|
||||
description="Warnix — Style That Speaks. Redefining modern luxury streetwear for the next generation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alex_street",
|
||||
testimonial: "The best quality hoodies I've ever owned. Perfectly fits the look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sunglasses-standing-outside_23-2147654973.jpg",
|
||||
},
|
||||
name: "Alex K.", handle: "@alex_street", testimonial: "The best quality hoodies I've ever owned. Perfectly fits the look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-sunglasses-standing-outside_23-2148140745.jpg"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_style",
|
||||
testimonial: "Warnix is just different. The aesthetic is unmatched in streetwear.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140745.jpg",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jordan_style", testimonial: "Warnix is just different. The aesthetic is unmatched in streetwear.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-woman-curly-hair_23-2148140745.jpg"},
|
||||
{
|
||||
name: "Sam R.",
|
||||
handle: "@sam_fashion",
|
||||
testimonial: "Insane designs and great customer service. Will order again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-modern-woman-with-curly-hair-ren-cool-earrings-green-sundress-with-thin-belt-makes-selfie-orange-background_197531-28029.jpg",
|
||||
},
|
||||
name: "Sam R.", handle: "@sam_fashion", testimonial: "Insane designs and great customer service. Will order again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-with-curly-hair-posing-orange-background_197531-28029.jpg"},
|
||||
{
|
||||
name: "Casey L.",
|
||||
handle: "@casey_drops",
|
||||
testimonial: "Luxury feel at a price that makes sense. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses-outdoors_23-2149409741.jpg",
|
||||
},
|
||||
name: "Casey L.", handle: "@casey_drops", testimonial: "Luxury feel at a price that makes sense. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-sunglasses-standing-outdoors_23-2149409741.jpg"},
|
||||
{
|
||||
name: "Taylor M.",
|
||||
handle: "@taylor_urban",
|
||||
testimonial: "Finally, a brand that gets the minimalist urban vibe right.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453476.jpg",
|
||||
},
|
||||
name: "Taylor M.", handle: "@taylor_urban", testimonial: "Finally, a brand that gets the minimalist urban vibe right.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-woman_23-2149453476.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-indoor-steel-stairs_627829-2160.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg",
|
||||
alt: "Beautiful blonde woman in white hoodie",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg", alt: "Beautiful woman in white hoodie"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-gray-cap-casual-street-style-winter-day-against-colored-wall_627829-9028.jpg",
|
||||
alt: "Stylish brunette girl in cap",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-gray-cap-casual-street-style-winter-day-against-colored-wall_627829-9028.jpg", alt: "Stylish woman in cap"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg",
|
||||
alt: "Young man smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", alt: "Man smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104058.jpg",
|
||||
alt: "Gen z person exploring fashion",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-exploring-absurdist-fashion-beauty_23-2151104058.jpg", alt: "Person in fashion gear"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-african-man-posing-with-gently-smile-stairs-handsome-guy-checkered-jacket-sitting-steps-evening_197531-22068.jpg",
|
||||
alt: "Stunning african man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-african-man-posing-with-gently-smile-stairs-handsome-guy-checkered-jacket-sitting-steps-evening_197531-22068.jpg", alt: "Stunning african man"},
|
||||
]}
|
||||
avatarText="Join our growing global movement."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "URBAN CULTURE",
|
||||
},
|
||||
type: "text", text: "URBAN CULTURE"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MINIMALIST AESTHETIC",
|
||||
},
|
||||
type: "text", text: "MINIMALIST AESTHETIC"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM STREETWEAR",
|
||||
},
|
||||
type: "text", text: "PREMIUM STREETWEAR"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITLESS IDENTITY",
|
||||
},
|
||||
type: "text", text: "LIMITLESS IDENTITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "FUTURE FASHION",
|
||||
},
|
||||
type: "text", text: "FUTURE FASHION"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,13 +106,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Born in the streets, refined in the studio. Warnix was created for those who dare to be different and make a statement without saying a word.",
|
||||
"We focus on premium materials, ethical manufacturing, and clean, bold aesthetics that represent the new youth identity.",
|
||||
]}
|
||||
"Born in the streets, refined in the studio. Warnix was created for those who dare to be different and make a statement without saying a word.", "We focus on premium materials, ethical manufacturing, and clean, bold aesthetics that represent the new youth identity."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover More",
|
||||
},
|
||||
text: "Discover More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,41 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Hoodie",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-unknown-woman-posing_23-2149551296.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Hoodie", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_23-2149551296.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Logo Graphic Tee",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-beige-hoodie-winter-youth-apparel-shoot_53876-102952.jpg",
|
||||
},
|
||||
id: "p2", name: "Logo Graphic Tee", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/man-beige-hoodie-winter-apparel-shoot_53876-102952.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Tech Utility Cargo",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg",
|
||||
},
|
||||
id: "p3", name: "Tech Utility Cargo", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Minimalist Beanie",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246147.jpg",
|
||||
},
|
||||
id: "p4", name: "Minimalist Beanie", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246147.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Essential Bomber",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-993.jpg",
|
||||
},
|
||||
id: "p5", name: "Essential Bomber", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-993.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Oversized Denim",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-young-hip-hop-man-white-background_1385-2754.jpg",
|
||||
},
|
||||
id: "p6", name: "Oversized Denim", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/cool-young-hip-hop-man-white-background_1385-2754.jpg"},
|
||||
]}
|
||||
title="Latest Drops"
|
||||
description="Explore our curated collection of essential streetwear."
|
||||
@@ -225,20 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "15k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k",
|
||||
description: "Global Shipping",
|
||||
},
|
||||
id: "m2", value: "50k", description: "Global Shipping"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Sustainability",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Sustainability"},
|
||||
]}
|
||||
title="Community Growth"
|
||||
description="Building a movement, one piece at a time."
|
||||
@@ -250,14 +163,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Street",
|
||||
"Hypebeast",
|
||||
"Highsnobiety",
|
||||
"Complex",
|
||||
"Street Style",
|
||||
"Culture Club",
|
||||
"Trend Watch",
|
||||
]}
|
||||
"Vogue Street", "Hypebeast", "Highsnobiety", "Complex", "Street Style", "Culture Club", "Trend Watch"]}
|
||||
title="Featured In"
|
||||
description="Trusted by creators globally."
|
||||
/>
|
||||
@@ -271,25 +177,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275132.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2149275132.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-modern-woman_23-2148342396.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-modern-woman_23-2148342396.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-with-copy-space_23-2148760581.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-with-copy-space_23-2148760581.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-dancing-with-headphones_1187-3706.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-dancing-with-headphones_1187-3706.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428186.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428186.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -302,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days of purchase for a full refund.",
|
||||
},
|
||||
id: "f1", title: "What is the return policy?", content: "You can return items within 30 days of purchase for a full refund."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "f2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are items ethically sourced?",
|
||||
content: "We work only with fair-trade certified partners to ensure quality and ethics.",
|
||||
},
|
||||
id: "f3", title: "Are items ethically sourced?", content: "We work only with fair-trade certified partners to ensure quality and ethics."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about our products and shipping."
|
||||
@@ -330,21 +217,13 @@ export default function LandingPage() {
|
||||
description="Join our newsletter and get 10% off your first drop."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your thoughts...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-handsome-model-man-dressed-gray-casual-hoodie-clothes-posing-white-wall-isolated_158538-6972.jpg"
|
||||
name: "message", placeholder: "Your thoughts..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-handsome-model-man-dressed-gray-casual-hoodie-clothes-posing-white-wall-isolated_158538-6972.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,29 +231,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -384,4 +253,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user