Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ad4edd12c6 |
282
src/app/page.tsx
282
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Collections", id: "shop"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Vision",
|
||||
id: "vision",
|
||||
},
|
||||
name: "Vision", id: "vision"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DIVINER"
|
||||
/>
|
||||
@@ -55,43 +47,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="DIVINER"
|
||||
description="Luxury streetwear fashion house built for bold individuals. Premium denim, heavyweight hoodies, and statement accessories that create attention."
|
||||
logoText="DIVINER Luxury Streetwear"
|
||||
description="Elevate your style with our premium, heavyweight fashion house collection designed for the modern trendsetter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Explore Luxury Collection", href: "#shop"},
|
||||
{
|
||||
text: "Our Vision",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Vision", href: "#about"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-sexual-woman-black-pants-denim-jacket_613910-10574.jpg",
|
||||
imageAlt: "Diviner Luxury Collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-sexual-woman-black-pants-denim-jacket_613910-10574.jpg", imageAlt: "Diviner Luxury Collection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4g9HEtt03b15LZoQyWGwRUGze/uploaded-1779607639815-0skc7hq4.png",
|
||||
imageAlt: "Diviner Details",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4g9HEtt03b15LZoQyWGwRUGze/uploaded-1779607639815-0skc7hq4.png", imageAlt: "Diviner Details"},
|
||||
{
|
||||
imageSrc: "asset://user-image-2",
|
||||
imageAlt: "Diviner Apparel",
|
||||
},
|
||||
imageSrc: "asset://user-image-2", imageAlt: "Diviner Apparel"},
|
||||
{
|
||||
imageSrc: "asset://user-image-3",
|
||||
imageAlt: "Diviner Style",
|
||||
},
|
||||
imageSrc: "asset://user-image-3", imageAlt: "Diviner Style"},
|
||||
{
|
||||
imageSrc: "asset://user-image-4",
|
||||
imageAlt: "Diviner Denim",
|
||||
},
|
||||
imageSrc: "asset://user-image-4", imageAlt: "Diviner Denim"},
|
||||
{
|
||||
imageSrc: "asset://user-image-5",
|
||||
imageAlt: "Diviner Lookbook",
|
||||
},
|
||||
imageSrc: "asset://user-image-5", imageAlt: "Diviner Lookbook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,19 +79,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Luxury Standards",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Luxury Standards", value: "100%"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Global Reach",
|
||||
value: "2026",
|
||||
},
|
||||
label: "Global Reach", value: "2026"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality",
|
||||
value: "420gsm",
|
||||
},
|
||||
label: "Premium Quality", value: "420gsm"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,59 +99,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "DIVINER",
|
||||
name: "Skinny Denim",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg",
|
||||
},
|
||||
id: "1", brand: "DIVINER", name: "Skinny Denim", price: "$120", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "DIVINER",
|
||||
name: "Baggy Denim",
|
||||
price: "$140",
|
||||
rating: 5,
|
||||
reviewCount: "95+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dark-jeans_1153-1544.jpg",
|
||||
},
|
||||
id: "2", brand: "DIVINER", name: "Baggy Denim", price: "$140", rating: 5,
|
||||
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dark-jeans_1153-1544.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "DIVINER",
|
||||
name: "Heavy Hoodie",
|
||||
price: "$160",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-43.jpg",
|
||||
},
|
||||
id: "3", brand: "DIVINER", name: "Heavy Hoodie", price: "$160", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-43.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "DIVINER",
|
||||
name: "Tracksuit Set",
|
||||
price: "$210",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-cotton-fabric_53876-88856.jpg",
|
||||
},
|
||||
id: "4", brand: "DIVINER", name: "Tracksuit Set", price: "$210", rating: 5,
|
||||
reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/blue-cotton-fabric_53876-88856.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "DIVINER",
|
||||
name: "Signature Cap",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimble-silk-arrangement_23-2148897939.jpg",
|
||||
},
|
||||
id: "5", brand: "DIVINER", name: "Signature Cap", price: "$45", rating: 5,
|
||||
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimble-silk-arrangement_23-2148897939.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "DIVINER",
|
||||
name: "Luxury Bag",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg",
|
||||
},
|
||||
id: "6", brand: "DIVINER", name: "Luxury Bag", price: "$180", rating: 5,
|
||||
reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg"},
|
||||
]}
|
||||
title="Future Collections"
|
||||
description="Preview our upcoming drops."
|
||||
@@ -195,29 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Beyond Limits",
|
||||
tags: [
|
||||
"Movement",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-denim-texture-detail_23-2151878335.jpg",
|
||||
},
|
||||
id: "f1", title: "Beyond Limits", tags: [
|
||||
"Movement"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-denim-texture-detail_23-2151878335.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Construction",
|
||||
tags: [
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-denim-jacket-buttons_150588-35.jpg",
|
||||
},
|
||||
id: "f2", title: "Premium Construction", tags: [
|
||||
"Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-denim-jacket-buttons_150588-35.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bold Identity",
|
||||
tags: [
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-wooden-background-flat-lay_169016-24240.jpg",
|
||||
},
|
||||
id: "f3", title: "Bold Identity", tags: [
|
||||
"Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-wooden-background-flat-lay_169016-24240.jpg"},
|
||||
]}
|
||||
title="See Beyond."
|
||||
description="Diviner is more than clothing. It's a vision. A movement. A lifestyle for those who see beyond limits."
|
||||
@@ -231,59 +153,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Collector",
|
||||
company: "DivinerWorldwide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-cafe_23-2147710383.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Collector", company: "DivinerWorldwide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-cafe_23-2147710383.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
role: "Influencer",
|
||||
company: "DivinerWorldwide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-hipster-stylish-female-with-round-sunglasses-posing-street_181624-54031.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah K.", role: "Influencer", company: "DivinerWorldwide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-hipster-stylish-female-with-round-sunglasses-posing-street_181624-54031.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael B.",
|
||||
role: "Artist",
|
||||
company: "DivinerWorldwide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg",
|
||||
},
|
||||
id: "3", name: "Michael B.", role: "Artist", company: "DivinerWorldwide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-leaning-concrete-wall_23-2147654976.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
role: "Designer",
|
||||
company: "DivinerWorldwide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
|
||||
},
|
||||
id: "4", name: "Elena P.", role: "Designer", company: "DivinerWorldwide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David L.",
|
||||
role: "Stylist",
|
||||
company: "DivinerWorldwide",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-with-blonde-hair-dressed-pink-jacket-holds-skateboard-posing-near-guardrail-against-black-white-sea-coast-background_613910-4609.jpg",
|
||||
},
|
||||
id: "5", name: "David L.", role: "Stylist", company: "DivinerWorldwide", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-with-blonde-hair-dressed-pink-jacket-holds-skateboard-posing-near-guardrail-against-black-white-sea-coast-background_613910-4609.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
label: "Global Members",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Global Members", value: "5k+"},
|
||||
{
|
||||
label: "Collections Dropped",
|
||||
value: "12",
|
||||
},
|
||||
label: "Collections Dropped", value: "12"},
|
||||
{
|
||||
label: "Positive Reviews",
|
||||
value: "99%",
|
||||
},
|
||||
label: "Positive Reviews", value: "99%"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our early adopters say about the brand."
|
||||
@@ -298,25 +189,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Worldwide",
|
||||
value: "12+",
|
||||
description: "International Cities",
|
||||
icon: Globe,
|
||||
id: "m1", title: "Worldwide", value: "12+", description: "International Cities", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Premium",
|
||||
value: "420",
|
||||
description: "Gsm Heavyweight",
|
||||
icon: Shield,
|
||||
id: "m2", title: "Premium", value: "420", description: "Gsm Heavyweight", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Quality",
|
||||
value: "100%",
|
||||
description: "Pure Cotton",
|
||||
icon: Sparkles,
|
||||
id: "m3", title: "Quality", value: "100%", description: "Pure Cotton", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="The Impact"
|
||||
@@ -330,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is it manufactured?",
|
||||
content: "Our denim is crafted with precision detailing and premium stretch comfort.",
|
||||
},
|
||||
id: "q1", title: "How is it manufactured?", content: "Our denim is crafted with precision detailing and premium stretch comfort."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Worldwide shipping?",
|
||||
content: "Yes, we ship Diviner Worldwide to ensure you can reach your divinity.",
|
||||
},
|
||||
id: "q2", title: "Worldwide shipping?", content: "Yes, we ship Diviner Worldwide to ensure you can reach your divinity."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the fit oversized?",
|
||||
content: "Yes, our hoodies and pants follow a luxury oversized silhouette.",
|
||||
},
|
||||
id: "q3", title: "Is the fit oversized?", content: "Yes, our hoodies and pants follow a luxury oversized silhouette."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Get answers about our collections and shipping."
|
||||
@@ -358,20 +228,12 @@ export default function LandingPage() {
|
||||
description="Be the first to know about our next release."
|
||||
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: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -381,29 +243,19 @@ export default function LandingPage() {
|
||||
logoText="DIVINER"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop", href: "#shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -413,4 +265,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user