Merge version_2 into main #5
221
src/app/page.tsx
221
src/app/page.tsx
@@ -29,29 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "New Drop",
|
||||
id: "hero",
|
||||
},
|
||||
name: "New Drop", id: "hero"},
|
||||
{
|
||||
name: "Men",
|
||||
id: "products",
|
||||
},
|
||||
name: "Men", id: "products"},
|
||||
{
|
||||
name: "Women",
|
||||
id: "products",
|
||||
},
|
||||
name: "Women", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Cart",
|
||||
id: "cart",
|
||||
},
|
||||
name: "Cart", id: "cart"},
|
||||
]}
|
||||
brandName="AURAVENT"
|
||||
/>
|
||||
@@ -60,61 +48,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Wear Your Aura"
|
||||
description="Expression through movement. Minimalist streetwear designed for your everyday identity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8X5vsdi8r8E16UO3CL7gzggbr/uploaded-1775768350551-ln8neumn.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pink-hair-girl-sport-outfits-having-fun_114579-21988.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pink-hair-girl-sport-outfits-having-fun_114579-21988.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-white-background_89887-1101.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-white-background_89887-1101.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52027.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52027.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "MINIMALISM",
|
||||
},
|
||||
type: "text", text: "MINIMALISM"},
|
||||
{
|
||||
type: "text",
|
||||
text: "STREETWEAR",
|
||||
},
|
||||
type: "text", text: "STREETWEAR"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AUTHENTIC",
|
||||
},
|
||||
type: "text", text: "AUTHENTIC"},
|
||||
{
|
||||
type: "text",
|
||||
text: "MODERN",
|
||||
},
|
||||
type: "text", text: "MODERN"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AURA",
|
||||
},
|
||||
type: "text", text: "AURA"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,20 +92,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "T-Shirts",
|
||||
description: "Everyday premium quality basics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-sport-outfits-having-fun_114579-21988.jpg?_wi=1",
|
||||
},
|
||||
title: "T-Shirts", description: "Everyday premium quality basics.", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-sport-outfits-having-fun_114579-21988.jpg?_wi=1"},
|
||||
{
|
||||
title: "Hoodies",
|
||||
description: "Comfort meets minimal streetwear aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-white-background_89887-1101.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Accessories",
|
||||
description: "Subtle details that define your presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg?_wi=1",
|
||||
},
|
||||
title: "Hoodies", description: "Comfort meets minimal streetwear aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-white-background_89887-1101.jpg?_wi=1"},
|
||||
]}
|
||||
title="Collections"
|
||||
description="Essential pieces for a curated everyday wardrobe."
|
||||
@@ -155,59 +109,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Auravent",
|
||||
name: "Core Essential Tee",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52027.jpg",
|
||||
},
|
||||
id: "p1", brand: "Auravent", name: "Core Essential Tee", price: "$45", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-vector/vintage-label-design-with-lettering-composition-dark_1284-52027.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Auravent",
|
||||
name: "Aura Electric Hoodie",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "Auravent", name: "Aura Electric Hoodie", price: "$85", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Auravent",
|
||||
name: "Movement Jogger",
|
||||
price: "$70",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-outdoor-with-skateboard_23-2148436030.jpg",
|
||||
},
|
||||
id: "p3", brand: "Auravent", name: "Movement Jogger", price: "$70", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/female-outdoor-with-skateboard_23-2148436030.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Auravent",
|
||||
name: "Identity Cap",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-with-long-brunet-hairs-posing-outdoors-big-city-near-road_273443-1223.jpg",
|
||||
},
|
||||
id: "p4", brand: "Auravent", name: "Identity Cap", price: "$30", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-with-long-brunet-hairs-posing-outdoors-big-city-near-road_273443-1223.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Auravent",
|
||||
name: "Presence Bomber",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25988.jpg",
|
||||
},
|
||||
id: "p5", brand: "Auravent", name: "Presence Bomber", price: "$120", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25988.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Auravent",
|
||||
name: "Expression Denim",
|
||||
price: "$110",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg",
|
||||
},
|
||||
id: "p6", brand: "Auravent", name: "Expression Denim", price: "$110", rating: 4,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Shop the latest Auravent drops."
|
||||
@@ -221,17 +139,11 @@ export default function LandingPage() {
|
||||
description="Auravent blends movement, confidence, and minimal design to create clothing made for everyday expression. We believe your style is a reflection of your energy."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Sustainable Cotton",
|
||||
},
|
||||
value: "100%", title: "Sustainable Cotton"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Everyday Comfort",
|
||||
},
|
||||
value: "24/7", title: "Everyday Comfort"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Minimal Designs",
|
||||
},
|
||||
value: "50+", title: "Minimal Designs"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -248,33 +160,13 @@ export default function LandingPage() {
|
||||
description="Hear what our wearers say about Auravent."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Creative Director",
|
||||
testimonial: "The fit and material are unparalleled. My go-to streetwear brand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-sport-outfits-having-fun_114579-21988.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Creative Director", testimonial: "The fit and material are unparalleled. My go-to streetwear brand.", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-sport-outfits-having-fun_114579-21988.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan S.",
|
||||
role: "Photographer",
|
||||
testimonial: "Clean, minimal, and comfortable. Perfect for long shoots.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-white-background_89887-1101.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Jordan S.", role: "Photographer", testimonial: "Clean, minimal, and comfortable. Perfect for long shoots.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-white-background_89887-1101.jpg?_wi=2"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey L.",
|
||||
role: "Designer",
|
||||
testimonial: "Auravent pieces fit seamlessly into my everyday aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Casey L.", role: "Designer", testimonial: "Auravent pieces fit seamlessly into my everyday aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440673.jpg?_wi=2"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam M.",
|
||||
role: "Architect",
|
||||
testimonial: "Quality that lasts. The electric purple collection is iconic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "Sam M.", role: "Architect", testimonial: "Quality that lasts. The electric purple collection is iconic.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg?_wi=2"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,42 +175,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Return Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Auravent",
|
||||
items: [
|
||||
title: "Auravent", items: [
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Newsletter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -329,4 +206,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user