Merge version_2 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Premium",
|
||||
id: "premium",
|
||||
},
|
||||
name: "Premium", id: "premium"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AERYX"
|
||||
/>
|
||||
@@ -55,47 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="AERYX: Dark Elegance"
|
||||
description="Defined by shadow. Engineered for the modern gothic soul."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Explore", href: "#shop"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-rough-grungy-paint-dirt_1194-9603.jpg",
|
||||
imageAlt: "gothic luxury clothing",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/decorative-rough-grungy-paint-dirt_1194-9603.jpg", imageAlt: "gothic luxury clothing"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-outdoors_23-2150204423.jpg",
|
||||
imageAlt: "gothic fabric close up",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-outdoors_23-2150204423.jpg", imageAlt: "gothic fabric close up"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saint-catherine_181624-37577.jpg",
|
||||
imageAlt: "dark 3d abstract",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/saint-catherine_181624-37577.jpg", imageAlt: "dark 3d abstract"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-posing-near-piano-stylish-light-room_273443-4278.jpg",
|
||||
imageAlt: "gothic accessories street",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-posing-near-piano-stylish-light-room_273443-4278.jpg", imageAlt: "gothic accessories street"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-black-white-sheep-skull-illustration_474888-7695.jpg",
|
||||
imageAlt: "streetwear gothic silhouette",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-black-white-sheep-skull-illustration_474888-7695.jpg", imageAlt: "streetwear gothic silhouette"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-man-chilling-stairs-inspired-guy-black-attire-sitting-steps-thinking-about-something_197531-22075.jpg",
|
||||
imageAlt: "streetwear editorial dark",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/interested-african-man-chilling-stairs-inspired-guy-black-attire-sitting-steps-thinking-about-something_197531-22075.jpg", imageAlt: "streetwear editorial dark"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,20 +78,11 @@ export default function LandingPage() {
|
||||
description="Unmatched quality in every thread."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Oversized Fit",
|
||||
content: "Engineered for a modern, boxy silhouette.",
|
||||
},
|
||||
id: "f1", title: "Oversized Fit", content: "Engineered for a modern, boxy silhouette."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Premium Fabrics",
|
||||
content: "Heavyweight cotton with silk-like finish.",
|
||||
},
|
||||
id: "f2", title: "Premium Fabrics", content: "Heavyweight cotton with silk-like finish."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Gothic Details",
|
||||
content: "Unique hardware and artisan embroidery.",
|
||||
},
|
||||
id: "f3", title: "Gothic Details", content: "Unique hardware and artisan embroidery."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-bearded-male-wearing-face-mask-walking-park-while-holding-his-skateboard_181624-24281.jpg"
|
||||
imageAlt="gothic tshirt design"
|
||||
@@ -136,50 +98,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Void Oversized Tee",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",
|
||||
imageAlt: "gothic tshirt design",
|
||||
},
|
||||
id: "p1", name: "Void Oversized Tee", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", imageAlt: "gothic tshirt design"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Shadow Hoodie",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-black-hoodie_23-2149359800.jpg",
|
||||
imageAlt: "gothic oversized hoodie",
|
||||
},
|
||||
id: "p2", name: "Shadow Hoodie", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-black-hoodie_23-2149359800.jpg", imageAlt: "gothic oversized hoodie"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Obsidian Accessory",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-belt-with-gold-buckle_23-2152020354.jpg",
|
||||
imageAlt: "gothic metal accessory",
|
||||
},
|
||||
id: "p3", name: "Obsidian Accessory", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/leather-belt-with-gold-buckle_23-2152020354.jpg", imageAlt: "gothic metal accessory"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aether Tee",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day_627829-14052.jpg",
|
||||
imageAlt: "gothic shirt luxury",
|
||||
},
|
||||
id: "p4", name: "Aether Tee", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day_627829-14052.jpg", imageAlt: "gothic shirt luxury"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Elysium Oversized",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-red-cap_114579-17703.jpg",
|
||||
imageAlt: "oversized gothic tshirt",
|
||||
},
|
||||
id: "p5", name: "Elysium Oversized", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-red-cap_114579-17703.jpg", imageAlt: "oversized gothic tshirt"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Nightfall Detail",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
||||
imageAlt: "gothic fabric detail",
|
||||
},
|
||||
id: "p6", name: "Nightfall Detail", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg", imageAlt: "gothic fabric detail"},
|
||||
]}
|
||||
title="Latest Collection"
|
||||
description="Discover the new oversized drops."
|
||||
buttons={[
|
||||
{ text: "Add to Cart" },
|
||||
{ text: "View Details" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,45 +127,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Luna V.",
|
||||
role: "Collector",
|
||||
company: "AERYX Fam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-posing_23-2149267439.jpg",
|
||||
},
|
||||
id: "t1", name: "Luna V.", role: "Collector", company: "AERYX Fam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-posing_23-2149267439.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kaelen X.",
|
||||
role: "Creative",
|
||||
company: "AERYX Fam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563261.jpg",
|
||||
},
|
||||
id: "t2", name: "Kaelen X.", role: "Creative", company: "AERYX Fam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563261.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Dante R.",
|
||||
role: "Stylist",
|
||||
company: "AERYX Fam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-image-with-woman-long-white-dress_613910-10985.jpg",
|
||||
},
|
||||
id: "t3", name: "Dante R.", role: "Stylist", company: "AERYX Fam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-image-with-woman-long-white-dress_613910-10985.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Seraphina M.",
|
||||
role: "Artist",
|
||||
company: "AERYX Fam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-love-beautiful-girl-handsome-man-standing-night-street-illuminated-signboards-neon-lights_613910-20582.jpg",
|
||||
},
|
||||
id: "t4", name: "Seraphina M.", role: "Artist", company: "AERYX Fam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-love-beautiful-girl-handsome-man-standing-night-street-illuminated-signboards-neon-lights_613910-20582.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Orion S.",
|
||||
role: "Fan",
|
||||
company: "AERYX Fam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937849.jpg",
|
||||
},
|
||||
id: "t5", name: "Orion S.", role: "Fan", company: "AERYX Fam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-skateboard_23-2148937849.jpg"},
|
||||
]}
|
||||
title="AERYX Community"
|
||||
description="Voices from the abyss."
|
||||
@@ -241,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Shipping Info",
|
||||
content: "Global shipping available on all orders.",
|
||||
},
|
||||
id: "q1", title: "Shipping Info", content: "Global shipping available on all orders."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Returns",
|
||||
content: "14-day hassle-free returns on unworn items.",
|
||||
},
|
||||
id: "q2", title: "Returns", content: "14-day hassle-free returns on unworn items."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Supabase Backend",
|
||||
content: "Powered by secure Supabase architecture.",
|
||||
},
|
||||
id: "q3", title: "Supabase Backend", content: "Powered by secure Supabase architecture."},
|
||||
]}
|
||||
sideTitle="Answers"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -269,17 +171,11 @@ export default function LandingPage() {
|
||||
description="Born from the desire to create premium gothic streetwear that doesn't sacrifice comfort for style."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Craftsmanship",
|
||||
description: "Artisan quality in every seam.",
|
||||
},
|
||||
title: "Craftsmanship", description: "Artisan quality in every seam."},
|
||||
{
|
||||
title: "Modern Gothic",
|
||||
description: "Redefining the dark aesthetic.",
|
||||
},
|
||||
title: "Modern Gothic", description: "Redefining the dark aesthetic."},
|
||||
{
|
||||
title: "Premium Feel",
|
||||
description: "Luxury materials, everyday comfort.",
|
||||
},
|
||||
title: "Premium Feel", description: "Luxury materials, everyday comfort."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-old-house-with-vintage-furniture-captured-belgium_181624-26750.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -295,35 +191,11 @@ export default function LandingPage() {
|
||||
description="Behind the creative process."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Craft",
|
||||
title: "The Art of Gothic",
|
||||
excerpt: "Deep dive into our design process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alternative-tattooed-man-black-tee-studio-shot_53876-105704.jpg",
|
||||
authorName: "Team AERYX",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-with-black-jersey_23-2147724848.jpg",
|
||||
date: "Oct 12, 2025",
|
||||
},
|
||||
id: "b1", category: "Craft", title: "The Art of Gothic", excerpt: "Deep dive into our design process.", imageSrc: "http://img.b2bpic.net/free-photo/alternative-tattooed-man-black-tee-studio-shot_53876-105704.jpg", authorName: "Team AERYX", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-with-black-jersey_23-2147724848.jpg", date: "Oct 12, 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Fabric",
|
||||
title: "Why Heavyweight?",
|
||||
excerpt: "The science behind our signature feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-black-hoodie_23-2149359863.jpg",
|
||||
authorName: "Team AERYX",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
|
||||
date: "Sep 20, 2025",
|
||||
},
|
||||
id: "b2", category: "Fabric", title: "Why Heavyweight?", excerpt: "The science behind our signature feel.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-black-hoodie_23-2149359863.jpg", authorName: "Team AERYX", authorAvatar: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg", date: "Sep 20, 2025"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "News",
|
||||
title: "Drop 002 Is Coming",
|
||||
excerpt: "Sneak peek of our new oversized styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371473.jpg",
|
||||
authorName: "Team AERYX",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5452.jpg",
|
||||
date: "Aug 30, 2025",
|
||||
},
|
||||
id: "b3", category: "News", title: "Drop 002 Is Coming", excerpt: "Sneak peek of our new oversized styles.", imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371473.jpg", authorName: "Team AERYX", authorAvatar: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5452.jpg", date: "Aug 30, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -335,22 +207,14 @@ export default function LandingPage() {
|
||||
description="Questions about drops or wholesale?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Message",
|
||||
required: true,
|
||||
name: "message", placeholder: "Message", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306790.jpg"
|
||||
/>
|
||||
@@ -362,42 +226,27 @@ export default function LandingPage() {
|
||||
logoText="AERYX"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "All", href: "#shop"},
|
||||
{
|
||||
label: "Premium",
|
||||
href: "#",
|
||||
},
|
||||
label: "Premium", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -406,4 +255,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user