Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -31,94 +31,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LuxeModa"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance Redefined"
|
||||
description="Discover our latest seasonal collection, blending sophistication with modern luxury for the discerning fashion enthusiast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Explore Story", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"
|
||||
imageAlt="Fashion model in elegant collection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3429.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/muslim-fashion-model-blue-outfits_114579-8825.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-studio-stylish-woman-black-dress_1157-47389.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3429.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/muslim-fashion-model-blue-outfits_114579-8825.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-studio-stylish-woman-black-dress_1157-47389.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg", alt: "Client" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-blond-female-sits-round-chair-big-empty-room_613910-8167.jpg",
|
||||
alt: "Featured brand 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg",
|
||||
alt: "Featured brand 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg",
|
||||
alt: "Featured brand 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8182.jpg",
|
||||
alt: "Featured brand 4",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Defined",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/fashionable-blond-female-sits-round-chair-big-empty-room_613910-8167.jpg", alt: "Featured brand 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17722.jpg", alt: "Featured brand 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg", alt: "Featured brand 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8182.jpg", alt: "Featured brand 4" },
|
||||
{ type: "text", text: "Luxury Defined" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,12 +71,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Art Through Fashion"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Mission", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -143,42 +82,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Gown",
|
||||
price: "$890",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Brooch",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409246.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Evening Blazer",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-outdoors_23-2148803580.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Heels",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-bouquet-stands-near-shoes_8353-1746.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cashmere Scarf",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/textured-fabric-close-up-grey-shades-linen-texture-background_84443-55389.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gold Clutch",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhaired-young-caucasian-woman-silver-dress-smiles-camera-holds-bucket-champagne-pink-background_197531-32069.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Silk Gown", price: "$890", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7088.jpg" },
|
||||
{ id: "p2", name: "Gold Brooch", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409246.jpg" },
|
||||
{ id: "p3", name: "Evening Blazer", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-outdoors_23-2148803580.jpg" },
|
||||
{ id: "p4", name: "Velvet Heels", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/wedding-bouquet-stands-near-shoes_8353-1746.jpg" },
|
||||
{ id: "p5", name: "Cashmere Scarf", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/textured-fabric-close-up-grey-shades-linen-texture-background_84443-55389.jpg" },
|
||||
{ id: "p6", name: "Gold Clutch", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/redhaired-young-caucasian-woman-silver-dress-smiles-camera-holds-bucket-champagne-pink-background_197531-32069.jpg" },
|
||||
]}
|
||||
title="The Golden Collection"
|
||||
description="Exclusive pieces crafted with precision and premium materials."
|
||||
@@ -191,24 +100,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Globe,
|
||||
title: "Countries",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Awards",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
{ id: "m1", icon: Globe, title: "Countries", value: "25+" },
|
||||
{ id: "m2", icon: Award, title: "Awards", value: "12" },
|
||||
{ id: "m3", icon: Users, title: "Happy Clients", value: "5k+" },
|
||||
]}
|
||||
title="Global Presence"
|
||||
description="Excellence defined by our reach."
|
||||
@@ -222,26 +116,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Elena Rossi, Fashion Critic"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-dressed-plaid-blaizer-turtleneck-sweater-looking-thoughtful-outdoor_574295-2015.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10412.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020141.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-dressed-plaid-blaizer-turtleneck-sweater-looking-thoughtful-outdoor_574295-2015.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10412.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shirt-shop_1303-19863.jpg", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -252,21 +131,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping times?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Returns policy?",
|
||||
content: "Within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sustainable materials?",
|
||||
content: "Yes, always.",
|
||||
},
|
||||
{ id: "f1", title: "Shipping times?", content: "3-5 business days." },
|
||||
{ id: "f2", title: "Returns policy?", content: "Within 30 days." },
|
||||
{ id: "f3", title: "Sustainable materials?", content: "Yes, always." },
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -276,18 +143,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Inquiry"
|
||||
title="Get in touch"
|
||||
description="Have questions about our collection? We are here to assist you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@luxemoda.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Us", href: "mailto:hello@luxemoda.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -295,43 +155,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [{ label: "New Arrivals", href: "#" }, { label: "Collections", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 LuxeModa"
|
||||
|
||||
Reference in New Issue
Block a user