Update src/app/page.tsx
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -31,105 +31,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ZAYNA"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Where Modesty Meets Luxury"
|
||||
description="Luxury Resort Wear Designed For Elegant Escapes"
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Premium Quality",
|
||||
},
|
||||
{
|
||||
value: "Global",
|
||||
label: "Shipping",
|
||||
},
|
||||
{
|
||||
value: "Exclusive",
|
||||
label: "Designs",
|
||||
},
|
||||
{ value: "100%", label: "Premium Quality" },
|
||||
{ value: "Global", label: "Shipping" },
|
||||
{ value: "Exclusive", label: "Designs" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Resort Looks",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Shop Collection", href: "#products" },
|
||||
{ text: "Explore Resort Looks", href: "#products" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-portrait-rich-caucasian-woman-classic-jumpsuit-with-red-lipstick-by-hammock-vacation-outside-villa-hotel_343596-554.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-722.jpg",
|
||||
alt: "Customer testimonial 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-736.jpg",
|
||||
alt: "Customer testimonial 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1980.jpg",
|
||||
alt: "Customer testimonial 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21193.jpg",
|
||||
alt: "Customer testimonial 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdFae0dvHTUXdH1DuKZ0IA5H2Z/uploaded-1778604139198-eg884x4b.png",
|
||||
alt: "Customer testimonial 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-722.jpg", alt: "Customer testimonial 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-736.jpg", alt: "Customer testimonial 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-pretty-stylish-woman-white-light-summer-dress-big-black-massive-boots-luxury-rich-villa_343596-1980.jpg", alt: "Customer testimonial 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21193.jpg", alt: "Customer testimonial 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdFae0dvHTUXdH1DuKZ0IA5H2Z/uploaded-1778604139198-eg884x4b.png", alt: "Customer testimonial 5" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ luxury travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Textiles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Membership",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Elegance",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Textiles" },
|
||||
{ type: "text", text: "Ethically Crafted" },
|
||||
{ type: "text", text: "Worldwide Shipping" },
|
||||
{ type: "text", text: "Exclusive Membership" },
|
||||
{ type: "text", text: "Curated Elegance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,8 +82,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The ZAYNA Story"
|
||||
description={[
|
||||
"ZAYNA creates elegant resort wear for women who want to feel luxurious, confident, and stylish while maintaining modesty.",
|
||||
"Inspired by the serene elegance of luxury resorts worldwide, each piece is crafted for those who value sophistication and quiet luxury.",
|
||||
"ZAYNA creates elegant resort wear for women who want to feel luxurious, confident, and stylish while maintaining modesty.", "Inspired by the serene elegance of luxury resorts worldwide, each piece is crafted for those who value sophistication and quiet luxury."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,23 +91,18 @@ export default function LandingPage() {
|
||||
<FeatureCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Korean Matte",
|
||||
description: "Superior weight and drape for a sculpting fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-piles-colorful-cloth-fabrics-shop_181624-13009.jpg",
|
||||
title: "Premium Korean Matte", description: "Superior weight and drape for a sculpting fit.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-piles-colorful-cloth-fabrics-shop_181624-13009.jpg"
|
||||
},
|
||||
{
|
||||
title: "Resort Protection",
|
||||
description: "UV and chlorine resistant for life in luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-sofa-around-outdoor-swimming-pool-hotel-resort-holiday-vacation_74190-9248.jpg",
|
||||
title: "Resort Protection", description: "UV and chlorine resistant for life in luxury.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-sofa-around-outdoor-swimming-pool-hotel-resort-holiday-vacation_74190-9248.jpg"
|
||||
},
|
||||
{
|
||||
title: "Quiet Luxury Fit",
|
||||
description: "Designed for effortless elegance at beach clubs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-infinity-pool-overlooking-ocean-sunset_23-2151993703.jpg",
|
||||
},
|
||||
title: "Quiet Luxury Fit", description: "Designed for effortless elegance at beach clubs.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-infinity-pool-overlooking-ocean-sunset_23-2151993703.jpg"
|
||||
}
|
||||
]}
|
||||
title="The Art of Fabric"
|
||||
description="Engineered for luxury, performance, and grace in every climate."
|
||||
@@ -176,50 +113,15 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Oasis Kaftan",
|
||||
price: "$240",
|
||||
variant: "Desert Muse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-hat-pink-skirt_1385-298.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Coast Gown",
|
||||
price: "$380",
|
||||
variant: "Evening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-woman-posing-egyptian-desert-sand-dunes_273443-2996.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sahara Blue Set",
|
||||
price: "$210",
|
||||
variant: "Beach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-water-by-ocean_23-2148134675.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Linen Wrap Dress",
|
||||
price: "$190",
|
||||
variant: "Minimal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-brown-cushions_1203-620.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Infinity Swim Set",
|
||||
price: "$290",
|
||||
variant: "Swim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-738.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tropical Breeze Set",
|
||||
price: "$220",
|
||||
variant: "Resort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamours-woman-white-light-dress-summer-hot-brades-standing-near-palm-trees-sexy-lady-beach-sand-sea-pool-waving-dress_343629-249.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Oasis Kaftan", price: "$240", variant: "Desert Muse", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-hat-pink-skirt_1385-298.jpg" },
|
||||
{ id: "p2", name: "Midnight Coast Gown", price: "$380", variant: "Evening", imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-woman-posing-egyptian-desert-sand-dunes_273443-2996.jpg" },
|
||||
{ id: "p3", name: "Sahara Blue Set", price: "$210", variant: "Beach", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-water-by-ocean_23-2148134675.jpg" },
|
||||
{ id: "p4", name: "Linen Wrap Dress", price: "$190", variant: "Minimal", imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-brown-cushions_1203-620.jpg" },
|
||||
{ id: "p5", name: "Infinity Swim Set", price: "$290", variant: "Swim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-738.jpg" },
|
||||
{ id: "p6", name: "Tropical Breeze Set", price: "$220", variant: "Resort", imageSrc: "http://img.b2bpic.net/free-photo/glamours-woman-white-light-dress-summer-hot-brades-standing-near-palm-trees-sexy-lady-beach-sand-sea-pool-waving-dress_343629-249.jpg" }
|
||||
]}
|
||||
title="The Collections"
|
||||
description="Curated resort looks for your next luxury escape."
|
||||
@@ -229,40 +131,17 @@ export default function LandingPage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "tier1",
|
||||
badge: "Essentials",
|
||||
price: "Access",
|
||||
subtitle: "Curated drops",
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Early access",
|
||||
"Loyalty rewards",
|
||||
],
|
||||
id: "tier1", badge: "Essentials", price: "Access", subtitle: "Curated drops", buttons: [{ text: "Sign Up", href: "#contact" }],
|
||||
features: ["Early access", "Loyalty rewards"]
|
||||
},
|
||||
{
|
||||
id: "tier2",
|
||||
badge: "Premium",
|
||||
price: "Member",
|
||||
subtitle: "VIP travel benefits",
|
||||
buttons: [
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Private styling",
|
||||
"Resort perks",
|
||||
],
|
||||
},
|
||||
id: "tier2", badge: "Premium", price: "Member", subtitle: "VIP travel benefits", buttons: [{ text: "Sign Up", href: "#contact" }],
|
||||
features: ["Private styling", "Resort perks"]
|
||||
}
|
||||
]}
|
||||
title="Membership"
|
||||
description="Unlock exclusive access to ZAYNA drops."
|
||||
@@ -276,26 +155,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M., Dubai"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-relax-smile-around-sea-beach-ocean_74190-9739.jpg",
|
||||
alt: "Sarah M",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-around-outdoor-swimming-pool_74190-9722.jpg",
|
||||
alt: "Elena K",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8385.jpg",
|
||||
alt: "Fatima A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8869.jpg",
|
||||
alt: "Chloe W",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3612.jpg",
|
||||
alt: "Jasmine P",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-relax-smile-around-sea-beach-ocean_74190-9739.jpg", alt: "Sarah M" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-happy-smile-relax-around-outdoor-swimming-pool_74190-9722.jpg", alt: "Elena K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8385.jpg", alt: "Fatima A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8869.jpg", alt: "Chloe W" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3612.jpg", alt: "Jasmine P" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -308,21 +172,9 @@ export default function LandingPage() {
|
||||
title="Luxury Footprint"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
description: "Resort Locations",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
description: "Premium Fabric Shades",
|
||||
},
|
||||
{ id: "m1", value: "12+", description: "Resort Locations" },
|
||||
{ id: "m2", value: "98%", description: "Happy Clients" },
|
||||
{ id: "m3", value: "20+", description: "Premium Fabric Shades" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -332,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join The ZAYNA World"
|
||||
description="Receive news on our latest drops and resort styling tips."
|
||||
@@ -346,44 +197,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kaftans",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "#" },
|
||||
{ label: "Kaftans", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "About", items: [
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Sustainability", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Shipping", href: "#" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 ZAYNA Resort Wear"
|
||||
bottomRightText="Privacy Policy"
|
||||
|
||||
Reference in New Issue
Block a user