Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Men",
|
||||
id: "#men",
|
||||
},
|
||||
{
|
||||
name: "Women",
|
||||
id: "#women",
|
||||
},
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "#new-arrivals",
|
||||
},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "#trending",
|
||||
},
|
||||
{ name: "Men", id: "#men" },
|
||||
{ name: "Women", id: "#women" },
|
||||
{ name: "New Arrivals", id: "#new-arrivals" },
|
||||
{ name: "Trending", id: "#trending" },
|
||||
]}
|
||||
brandName="VOXE"
|
||||
/>
|
||||
@@ -52,118 +40,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Wear your story"
|
||||
description="A gender-inclusive fashion movement redefined for the modern age. Crafted for everyone, styled for you."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=1",
|
||||
imageAlt: "Model in inclusive fashion 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=2",
|
||||
imageAlt: "Model in inclusive fashion 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=3",
|
||||
imageAlt: "Model in inclusive fashion 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=4",
|
||||
imageAlt: "Model in inclusive fashion 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=5",
|
||||
imageAlt: "Model in inclusive fashion 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=6",
|
||||
imageAlt: "Model in inclusive fashion 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=7",
|
||||
imageAlt: "Model in inclusive fashion 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=8",
|
||||
imageAlt: "Model in inclusive fashion 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=9",
|
||||
imageAlt: "Model in inclusive fashion 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=10",
|
||||
imageAlt: "Model in inclusive fashion 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=11",
|
||||
imageAlt: "Model in inclusive fashion 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=12",
|
||||
imageAlt: "Model in inclusive fashion 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Men",
|
||||
href: "#men",
|
||||
},
|
||||
{
|
||||
text: "Shop Women",
|
||||
href: "#women",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg", imageAlt: "Model in inclusive fashion 6" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Men", href: "#men" }, { text: "Shop Women", href: "#women" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 50k+ fashion enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inclusive Fashion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Textiles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Silhouettes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Roots",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gender Fluid",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Inclusive Fashion" }, { type: "text", text: "Luxury Textiles" }, { type: "text", text: "Modern Silhouettes" }, { type: "text", text: "Sustainable Roots" }, { type: "text", text: "Gender Fluid" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,42 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Linen Blazer",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Loafers",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Oversized Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Urban Trainers",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tailored Trouser",
|
||||
price: "$130",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Suede Boot",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg?_wi=1",
|
||||
},
|
||||
{ id: "1", name: "Linen Blazer", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg" },
|
||||
{ id: "2", name: "Classic Loafers", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg" },
|
||||
{ id: "3", name: "Oversized Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg" },
|
||||
{ id: "4", name: "Urban Trainers", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg" },
|
||||
{ id: "5", name: "Tailored Trouser", price: "$130", imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg" },
|
||||
{ id: "6", name: "Suede Boot", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg" },
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our latest silhouettes and premium footwear collections."
|
||||
@@ -218,53 +93,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="trending" data-section="trending">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Minimalist Streetwear",
|
||||
description: "Clean lines and bold forms for a timeless aesthetic.",
|
||||
icon: Sparkles,
|
||||
title: "Minimalist Streetwear", description: "Clean lines and bold forms for a timeless aesthetic.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg?_wi=13",
|
||||
imageAlt: "editorial fashion dark mode",
|
||||
},
|
||||
{
|
||||
title: "Gender Fluid Design",
|
||||
description: "Unconstrained by traditional archetypes.",
|
||||
icon: Shield,
|
||||
title: "Gender Fluid Design", description: "Unconstrained by traditional archetypes.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg?_wi=3",
|
||||
imageAlt: "modern fashion apparel studio",
|
||||
},
|
||||
{
|
||||
title: "Premium Footwear",
|
||||
description: "Craftsmanship meets contemporary comfort.",
|
||||
icon: Zap,
|
||||
title: "Premium Footwear", description: "Craftsmanship meets contemporary comfort.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg?_wi=3",
|
||||
imageAlt: "modern fashion apparel studio",
|
||||
},
|
||||
]}
|
||||
title="Trending Now"
|
||||
@@ -281,42 +133,10 @@ export default function LandingPage() {
|
||||
description="Hear what our community says about VOXE style."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexstyle",
|
||||
testimonial: "The most comfortable and versatile pieces I own.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg?_wi=3",
|
||||
imageAlt: "modern fashion apparel studio",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanmode",
|
||||
testimonial: "Finally, a brand that understands gender-inclusive fashion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg?_wi=3",
|
||||
imageAlt: "modern fashion apparel studio",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor K.",
|
||||
handle: "@taylork",
|
||||
testimonial: "Incredible quality and timeless designs.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg?_wi=3",
|
||||
imageAlt: "modern fashion apparel studio",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Casey M.",
|
||||
handle: "@caseym",
|
||||
testimonial: "Elevated my entire wardrobe. Truly worth it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg?_wi=3",
|
||||
imageAlt: "modern fashion apparel studio",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", handle: "@alexstyle", testimonial: "The most comfortable and versatile pieces I own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2718.jpg", imageAlt: "modern fashion apparel studio" },
|
||||
{ id: "2", name: "Jordan P.", handle: "@jordanmode", testimonial: "Finally, a brand that understands gender-inclusive fashion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-linens_23-2148817547.jpg", imageAlt: "modern fashion apparel studio" },
|
||||
{ id: "3", name: "Taylor K.", handle: "@taylork", testimonial: "Incredible quality and timeless designs.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg", imageAlt: "modern fashion apparel studio" },
|
||||
{ id: "4", name: "Casey M.", handle: "@caseym", testimonial: "Elevated my entire wardrobe. Truly worth it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-jacket-with-accesories_122409-41.jpg", imageAlt: "modern fashion apparel studio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -327,18 +147,8 @@ export default function LandingPage() {
|
||||
title="Stay Connected"
|
||||
description="Join the VOXE inner circle and get 10% off your first order."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
},
|
||||
{ name: "email", type: "email", placeholder: "Enter your email", required: true },
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-asian-woman-posing-autumn-clothes_23-2149071347.jpg"
|
||||
@@ -348,42 +158,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Men",
|
||||
href: "#men",
|
||||
},
|
||||
{
|
||||
label: "Women",
|
||||
href: "#women",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Men", href: "#men" }, { label: "Women", href: "#women" }] },
|
||||
{ items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
logoText="VOXE"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user