Merge version_1 into main #1
279
src/app/page.tsx
279
src/app/page.tsx
@@ -31,22 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact Us", id: "contact" },
|
||||
]}
|
||||
brandName="Mona Makeover"
|
||||
/>
|
||||
@@ -54,60 +45,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Transform Your Look with Mona Makeover"
|
||||
description="Step into a world of elegance and professional artistry. We specialize in enhancing your natural beauty for every occasion."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-posing-with-plant-medium-shot_23-2149411344.jpg",
|
||||
alt: "woman face minimal portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021786.jpg",
|
||||
alt: "woman face minimal portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6361.jpg",
|
||||
alt: "woman face minimal portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ethnic-woman-with-bouquet-blue-flowers_23-2148105398.jpg",
|
||||
alt: "Ethnic woman with bouquet of blue flowers",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-black-white-portrait-model-with-perfect-skin_7502-4289.jpg",
|
||||
alt: "Close up black and white portrait of model with perfect skin",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "https://wa.me/918307004361",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-posing-with-plant-medium-shot_23-2149411344.jpg", alt: "woman face minimal portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021786.jpg", alt: "woman face minimal portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-girl-dressed-white-shirt-posing-studio-isolated-dark-background_613910-6361.jpg", alt: "woman face minimal portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ethnic-woman-with-bouquet-blue-flowers_23-2148105398.jpg", alt: "Ethnic woman with bouquet of blue flowers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-black-white-portrait-model-with-perfect-skin_7502-4289.jpg", alt: "Close up black and white portrait of model with perfect skin" }
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "https://wa.me/918307004361" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bridal Artistry",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Skincare",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fashion Makeup",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Consultations",
|
||||
},
|
||||
{ type: "text", text: "Bridal Artistry" },
|
||||
{ type: "text", text: "Luxury Styling" },
|
||||
{ type: "text", text: "Premium Skincare" },
|
||||
{ type: "text", text: "Fashion Makeup" },
|
||||
{ type: "text", text: "Expert Consultations" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,27 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Bridal Makeup",
|
||||
description: "Exquisite bridal looks for your most special day.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-notebook-near-cosmetics-flowers_23-2147778992.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hair Styling",
|
||||
description: "Professional hair treatments and styling for all lengths.",
|
||||
tag: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771236.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Skin Care",
|
||||
description: "Rejuvenating facials and skin treatments by experts.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80409.jpg",
|
||||
},
|
||||
{ id: "1", title: "Bridal Makeup", description: "Exquisite bridal looks for your most special day.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/from-notebook-near-cosmetics-flowers_23-2147778992.jpg" },
|
||||
{ id: "2", title: "Hair Styling", description: "Professional hair treatments and styling for all lengths.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-done-hairdresser_23-2150771236.jpg" },
|
||||
{ id: "3", title: "Skin Care", description: "Rejuvenating facials and skin treatments by experts.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80409.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Tailored beauty experiences crafted for your unique style."
|
||||
@@ -147,52 +83,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Look 1",
|
||||
price: "View",
|
||||
variant: "Bridal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-girls-posing-together-studio_23-2149451775.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Look 2",
|
||||
price: "View",
|
||||
variant: "Party",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-dark-red-lips-with-perfect-clean-skin_158538-9633.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Look 3",
|
||||
price: "View",
|
||||
variant: "Glam",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-woman-wooden-door_197531-7851.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Look 4",
|
||||
price: "View",
|
||||
variant: "Editorial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-gloves-posing_23-2148916452.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Look 5",
|
||||
price: "View",
|
||||
variant: "Natural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-black-white-nude_23-2149428739.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Look 6",
|
||||
price: "View",
|
||||
variant: "Bridal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-touching-her-nose-with-brush_114579-26895.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Look 1", price: "View", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girls-posing-together-studio_23-2149451775.jpg" },
|
||||
{ id: "g2", name: "Look 2", price: "View", variant: "Party", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-dark-red-lips-with-perfect-clean-skin_158538-9633.jpg" },
|
||||
{ id: "g3", name: "Look 3", price: "View", variant: "Glam", imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-woman-wooden-door_197531-7851.jpg" },
|
||||
{ id: "g4", name: "Look 4", price: "View", variant: "Editorial", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-gloves-posing_23-2148916452.jpg" },
|
||||
{ id: "g5", name: "Look 5", price: "View", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-black-white-nude_23-2149428739.jpg" },
|
||||
{ id: "g6", name: "Look 6", price: "View", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-touching-her-nose-with-brush_114579-26895.jpg" }
|
||||
]}
|
||||
title="Our Artistry Gallery"
|
||||
description="See the transformations of our beautiful clients."
|
||||
@@ -203,15 +104,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Mona Makeover",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166703.jpg",
|
||||
alt: "beauty parlor studio luxury interior",
|
||||
},
|
||||
{ type: "text", content: "About Mona Makeover" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166703.jpg", alt: "beauty parlor studio luxury interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -222,56 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Basic",
|
||||
price: "$99",
|
||||
subtitle: "Perfect for small events",
|
||||
features: [
|
||||
"Full Face",
|
||||
"Simple Hair",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "https://wa.me/918307004361",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$199",
|
||||
subtitle: "The complete makeover",
|
||||
features: [
|
||||
"Full Face",
|
||||
"Advanced Hair",
|
||||
"Contouring",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "https://wa.me/918307004361",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Bridal",
|
||||
price: "$499",
|
||||
subtitle: "Your dream bridal look",
|
||||
features: [
|
||||
"Trial Session",
|
||||
"Bridal Makeup",
|
||||
"Full Hair Style",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "https://wa.me/918307004361",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Basic", price: "$99", subtitle: "Perfect for small events", features: ["Full Face", "Simple Hair"], buttons: [{ text: "Book", href: "https://wa.me/918307004361" }] },
|
||||
{ id: "p2", badge: "Pro", price: "$199", subtitle: "The complete makeover", features: ["Full Face", "Advanced Hair", "Contouring"], buttons: [{ text: "Book", href: "https://wa.me/918307004361" }] },
|
||||
{ id: "p3", badge: "Bridal", price: "$499", subtitle: "Your dream bridal look", features: ["Trial Session", "Bridal Makeup", "Full Hair Style"], buttons: [{ text: "Book", href: "https://wa.me/918307004361" }] }
|
||||
]}
|
||||
title="Beauty Packages"
|
||||
description="Curated experiences to help you shine."
|
||||
@@ -284,41 +131,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha",
|
||||
role: "Bride",
|
||||
testimonial: "The best makeup artist I've ever booked! So professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-gorgeous-blonde-woman-pink-sweater-with-wavy-volumed-hair-sensuality-smiling-camera-girl-with-perfect-make-up-after-beauty-salon-gray-studio-background_132075-11557.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sneha",
|
||||
role: "Model",
|
||||
testimonial: "Amazing skills, really enhanced my natural features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Riya",
|
||||
role: "Party Guest",
|
||||
testimonial: "Loved my look, got so many compliments!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-preparing-her-wedding_1303-11606.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pooja",
|
||||
role: "Bride",
|
||||
testimonial: "Mona made my wedding day perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-smiling-girl-with-patch-shoulder-after-vaccination-covid-vaccinating-campaign-s_1258-118900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Neha",
|
||||
role: "Client",
|
||||
testimonial: "Super professional and kind service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ayesha", role: "Bride", testimonial: "The best makeup artist I've ever booked! So professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-gorgeous-blonde-woman-pink-sweater-with-wavy-volumed-hair-sensuality-smiling-camera-girl-with-perfect-make-up-after-beauty-salon-gray-studio-background_132075-11557.jpg" },
|
||||
{ id: "t2", name: "Sneha", role: "Model", testimonial: "Amazing skills, really enhanced my natural features.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
|
||||
{ id: "t3", name: "Riya", role: "Party Guest", testimonial: "Loved my look, got so many compliments!", imageSrc: "http://img.b2bpic.net/free-photo/bride-preparing-her-wedding_1303-11606.jpg" },
|
||||
{ id: "t4", name: "Pooja", role: "Bride", testimonial: "Mona made my wedding day perfect.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-smiling-girl-with-patch-shoulder-after-vaccination-covid-vaccinating-campaign-s_1258-118900.jpg" },
|
||||
{ id: "t5", name: "Neha", role: "Client", testimonial: "Super professional and kind service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" }
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Hear from our happy clients about their experiences."
|
||||
@@ -328,9 +145,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready for a Makeover?"
|
||||
description="Reach out to discuss your requirements or book a slot."
|
||||
tag="Contact"
|
||||
@@ -342,20 +157,12 @@ export default function LandingPage() {
|
||||
logoText="Mona Makeover"
|
||||
copyrightText="© 2026 Mona Makeover"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://www.instagram.com/mona_makeover_0021/",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/918307004361",
|
||||
ariaLabel: "WhatsApp",
|
||||
},
|
||||
{ icon: Instagram, href: "https://www.instagram.com/mona_makeover_0021/", ariaLabel: "Instagram" },
|
||||
{ icon: MessageCircle, href: "https://wa.me/918307004361", ariaLabel: "WhatsApp" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user