Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -28,79 +28,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Maison MH"
|
||||
button={{
|
||||
text: "Visit Boutique",
|
||||
href: "/contact",
|
||||
}}
|
||||
button={{ text: "Visit Boutique", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Timeless Elegance. Designed to Be Seen."
|
||||
description="Discover exclusive pieces crafted with refined taste, available only at Maison MH."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "Visit Boutique",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Shop Collection", href: "/shop" },
|
||||
{ text: "Visit Boutique", href: "/contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-showroom_482257-79289.jpg",
|
||||
imageAlt: "luxury fashion store window mannequin",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-submerged-underwater-flowy-dress_23-2149002618.jpg",
|
||||
imageAlt: "model wearing elegant kaftan gold",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg",
|
||||
imageAlt: "fashion model portrait soft light",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halloween-decor-white-table-black-surface_176420-9110.jpg",
|
||||
imageAlt: "luxury clothing rack fashion boutique",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212680.jpg",
|
||||
imageAlt: "fashion design details close up",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg",
|
||||
imageAlt: "elegant dress display in boutique",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-showroom_482257-79289.jpg", imageAlt: "luxury fashion store window mannequin" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-submerged-underwater-flowy-dress_23-2149002618.jpg", imageAlt: "model wearing elegant kaftan gold" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg", imageAlt: "fashion model portrait soft light" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/halloween-decor-white-table-black-surface_176420-9110.jpg", imageAlt: "luxury clothing rack fashion boutique" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212680.jpg", imageAlt: "fashion design details close up" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/rack-with-overclothes-shop_23-2147784096.jpg", imageAlt: "elegant dress display in boutique" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,26 +65,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Client Satisfaction"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg",
|
||||
alt: "happy fashion customer profile picture",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
alt: "client portrait natural light",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "woman in elegant attire smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup_158538-22772.jpg",
|
||||
alt: "fashion enthusiast portrait elegant look",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
|
||||
alt: "Selfie of cheerful Caucasian fair haired woman standing near rack",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg", alt: "happy fashion customer profile picture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg", alt: "client portrait natural light" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "woman in elegant attire smiling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup_158538-22772.jpg", alt: "fashion enthusiast portrait elegant look" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg", alt: "Selfie of cheerful Caucasian fair haired woman standing near rack" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -145,42 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Marrakech Kaftan",
|
||||
price: "1,200 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149160824.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silk Scarf",
|
||||
price: "450 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-woven-textured-scarf-background_53876-88535.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Handbag",
|
||||
price: "2,800 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-workshop-arrangement-table_23-2148970731.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gold Jewelry Set",
|
||||
price: "1,500 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Designer Heels",
|
||||
price: "2,200 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-boot_23-2148069342.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Evening Dress",
|
||||
price: "3,500 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-suit-exuding-confidence-outdoors-generated-by-ai_188544-17636.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Marrakech Kaftan", price: "1,200 MAD", imageSrc: "http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149160824.jpg" },
|
||||
{ id: "p2", name: "Silk Scarf", price: "450 MAD", imageSrc: "http://img.b2bpic.net/free-photo/green-woven-textured-scarf-background_53876-88535.jpg" },
|
||||
{ id: "p3", name: "Leather Handbag", price: "2,800 MAD", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-workshop-arrangement-table_23-2148970731.jpg" },
|
||||
{ id: "p4", name: "Gold Jewelry Set", price: "1,500 MAD", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282413.jpg" },
|
||||
{ id: "p5", name: "Designer Heels", price: "2,200 MAD", imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-boot_23-2148069342.jpg" },
|
||||
{ id: "p6", name: "Evening Dress", price: "3,500 MAD", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-suit-exuding-confidence-outdoors-generated-by-ai_188544-17636.jpg" },
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Exquisite, exclusive, and timeless pieces curated just for you."
|
||||
@@ -192,20 +100,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No generic inventory",
|
||||
"No compromise on quality",
|
||||
"No cold automated service",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Exclusive Designs - Not mass-produced",
|
||||
"Premium Materials - Carefully selected",
|
||||
"Personalized Service - Treat you with care",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["No generic inventory", "No compromise on quality", "No cold automated service"] }}
|
||||
positiveCard={{ items: ["Exclusive Designs - Not mass-produced", "Premium Materials - Carefully selected", "Personalized Service - Treat you with care"] }}
|
||||
title="What Makes Maison MH Different"
|
||||
description="Luxury redefined through personalized service and exclusive pieces."
|
||||
/>
|
||||
@@ -216,13 +112,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Hajar",
|
||||
role: "Founder & Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929569.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Hajar", role: "Founder & Stylist", imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929569.jpg" },
|
||||
]}
|
||||
title="A Personal Touch"
|
||||
description="We welcome every client with love and attention. Maison MH is not just a boutique, it’s a feeling."
|
||||
@@ -233,37 +125,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Shop", href: "/shop" },
|
||||
{ label: "About", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/message",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/message" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -274,4 +146,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user