Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "products",
|
||||
},
|
||||
name: "New Arrivals", id: "products"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "features",
|
||||
},
|
||||
name: "Collections", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ZUDIO"
|
||||
/>
|
||||
@@ -60,8 +50,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="ZUDIO: Liquid Luxury"
|
||||
description="Redefining the boundaries of high-fashion and digital immersion. Experience the future of style."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-iridescent-wavy-background-vibrant-liquid-reflection-surface-neon-holographic-fluid-distortion_1217-2496.jpg"
|
||||
@@ -69,48 +58,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-is-my-all-life_329181-14403.jpg",
|
||||
alt: "Fashion is my all life",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-is-my-all-life_329181-14403.jpg", alt: "Fashion is my all life"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-looks-her-clothing-samples_197531-24016.jpg",
|
||||
alt: "Cheerful woman looks at her clothing samples",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-looks-her-clothing-samples_197531-24016.jpg", alt: "Cheerful woman looks at her clothing samples"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-darkskinned-curly-woman-stylish-white-blouse-burgundy-trendy-pants-crosses-arms-poses-dressing-room_197531-29873.jpg",
|
||||
alt: "Serious darkskinned curly woman in stylish white blouse and burgundy trendy pants crosses arms and poses on dressing room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-darkskinned-curly-woman-stylish-white-blouse-burgundy-trendy-pants-crosses-arms-poses-dressing-room_197531-29873.jpg", alt: "Serious darkskinned curly woman in stylish white blouse and burgundy trendy pants crosses arms and poses on dressing room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-fashion-designer-her-workshop_329181-14390.jpg",
|
||||
alt: "Blonde fashion designer in her workshop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-fashion-designer-her-workshop_329181-14390.jpg", alt: "Blonde fashion designer in her workshop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg",
|
||||
alt: "Medium shot young man posing indoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg", alt: "Medium shot young man posing indoors"},
|
||||
]}
|
||||
avatarText="Trusted by 50k+ fashion pioneers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Liquid Fabric Tech",
|
||||
},
|
||||
type: "text", text: "Liquid Fabric Tech"},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D Sculpted Form",
|
||||
},
|
||||
type: "text", text: "3D Sculpted Form"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
type: "text", text: "Sustainable Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Adaptive Material",
|
||||
},
|
||||
type: "text", text: "Adaptive Material"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,41 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Liquid Hoodie",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-with-hoodie_23-2149359814.jpg",
|
||||
},
|
||||
id: "p1", name: "Liquid Hoodie", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-posing-with-hoodie_23-2149359814.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silk Runway Jacket",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhaired-woman-with-hat-white-glove_23-2149677011.jpg",
|
||||
},
|
||||
id: "p2", name: "Silk Runway Jacket", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhaired-woman-with-hat-white-glove_23-2149677011.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Metallic Denim",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33431.jpg",
|
||||
},
|
||||
id: "p3", name: "Metallic Denim", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33431.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cyber Boots",
|
||||
price: "$650",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-with-prosthesis_23-2150585978.jpg",
|
||||
},
|
||||
id: "p4", name: "Cyber Boots", price: "$650", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-with-prosthesis_23-2150585978.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Neon Silk Shirt",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10314.jpg",
|
||||
},
|
||||
id: "p5", name: "Neon Silk Shirt", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10314.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Futuristic Tote",
|
||||
price: "$520",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg",
|
||||
},
|
||||
id: "p6", name: "Futuristic Tote", price: "$520", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Exclusive pieces from our latest liquid-fabric collection."
|
||||
@@ -180,29 +125,15 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Liquid Fabric Tech",
|
||||
subtitle: "Adaptive material",
|
||||
category: "Tech",
|
||||
value: "100%",
|
||||
},
|
||||
id: "f1", title: "Liquid Fabric Tech", subtitle: "Adaptive material", category: "Tech", value: "100%"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "3D Sculpted Form",
|
||||
subtitle: "Anatomic precision",
|
||||
category: "Design",
|
||||
value: "0.1mm",
|
||||
},
|
||||
id: "f2", title: "3D Sculpted Form", subtitle: "Anatomic precision", category: "Design", value: "0.1mm"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sustainable Luxury",
|
||||
subtitle: "Recycled luxury",
|
||||
category: "Ethical",
|
||||
value: "Earth-first",
|
||||
},
|
||||
id: "f3", title: "Sustainable Luxury", subtitle: "Recycled luxury", category: "Ethical", value: "Earth-first"},
|
||||
]}
|
||||
title="Collection Highlights"
|
||||
description="Precision engineering meets avant-garde style."
|
||||
@@ -215,45 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Elegance",
|
||||
quote: "The liquid fabric technology feels like it's from another dimension.",
|
||||
name: "Elena R.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-tailor-blue-shirt-striped-t-shirt-dreamily-looking-camera-working-with-textile-sewing-workshop_574295-3688.jpg",
|
||||
},
|
||||
id: "t1", title: "Elegance", quote: "The liquid fabric technology feels like it's from another dimension.", name: "Elena R.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/pretty-tailor-blue-shirt-striped-t-shirt-dreamily-looking-camera-working-with-textile-sewing-workshop_574295-3688.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Premium",
|
||||
quote: "ZUDIO isn't clothing, it's digital art that I can wear.",
|
||||
name: "Marcus J.",
|
||||
role: "Fashion Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing-with-flower_23-2149486779.jpg",
|
||||
},
|
||||
id: "t2", title: "Premium", quote: "ZUDIO isn't clothing, it's digital art that I can wear.", name: "Marcus J.", role: "Fashion Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing-with-flower_23-2149486779.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Future",
|
||||
quote: "Finally, a brand that understands the future of fashion is interactive.",
|
||||
name: "Chloe S.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg",
|
||||
},
|
||||
id: "t3", title: "Future", quote: "Finally, a brand that understands the future of fashion is interactive.", name: "Chloe S.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2629.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Quality",
|
||||
quote: "The fabric detail is unmatched in the industry today.",
|
||||
name: "David L.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg",
|
||||
},
|
||||
id: "t4", title: "Quality", quote: "The fabric detail is unmatched in the industry today.", name: "David L.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-black-white_23-2149735214.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Vibe",
|
||||
quote: "Wearing ZUDIO makes me feel like I am in a high-end showroom.",
|
||||
name: "Sofia K.",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020151.jpg",
|
||||
},
|
||||
id: "t5", title: "Vibe", quote: "Wearing ZUDIO makes me feel like I am in a high-end showroom.", name: "Sofia K.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020151.jpg"},
|
||||
]}
|
||||
title="Visions of Style"
|
||||
description="What our global community says about the ZUDIO experience."
|
||||
@@ -265,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue Digital",
|
||||
"Hypebeast",
|
||||
"GQ Tech",
|
||||
"FashionWeek 3D",
|
||||
"Highsnobiety",
|
||||
"DigitalTrends",
|
||||
"Luxury Daily",
|
||||
]}
|
||||
"Vogue Digital", "Hypebeast", "GQ Tech", "FashionWeek 3D", "Highsnobiety", "DigitalTrends", "Luxury Daily"]}
|
||||
title="As Seen In"
|
||||
description="Leading the evolution of luxury digital fashion."
|
||||
/>
|
||||
@@ -284,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is Liquid Fabric?",
|
||||
content: "Our proprietary blend of synthetic polymers and silk, designed to shift color and shimmer based on lighting.",
|
||||
},
|
||||
id: "q1", title: "What is Liquid Fabric?", content: "Our proprietary blend of synthetic polymers and silk, designed to shift color and shimmer based on lighting."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship globally?",
|
||||
content: "Yes, ZUDIO ships to all major international cities using carbon-neutral logistics.",
|
||||
},
|
||||
id: "q2", title: "Do you ship globally?", content: "Yes, ZUDIO ships to all major international cities using carbon-neutral logistics."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return products?",
|
||||
content: "Our luxury pieces are custom-finished. We accept returns within 14 days of delivery.",
|
||||
},
|
||||
id: "q3", title: "Can I return products?", content: "Our luxury pieces are custom-finished. We accept returns within 14 days of delivery."},
|
||||
]}
|
||||
title="Fashion Queries"
|
||||
description="Everything you need to know about your ZUDIO experience."
|
||||
@@ -312,16 +197,10 @@ export default function LandingPage() {
|
||||
description="Contact our showroom team for exclusive access and private consultations."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-automation-concept_23-2148994148.jpg"
|
||||
@@ -333,29 +212,19 @@ export default function LandingPage() {
|
||||
logoText="ZUDIO"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user