Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #4.
This commit is contained in:
249
src/app/page.tsx
249
src/app/page.tsx
@@ -28,138 +28,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mona Makeover"
|
||||
button={{ text: "Book", href: "https://wa.me/918307004361" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mona Makeover"
|
||||
button={{ text: "Book", href: "https://wa.me/918307004361" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Mona Makeover"
|
||||
description="Experience premium beauty services in Ballabhgarh. Expert bridal, party makeup, and styling to make your moments truly special."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "https://wa.me/918307004361?text=Hello%20Mona%20Makeover%2C%20I%20want%20to%20book%20an%20appointment." },
|
||||
{ text: "Instagram", href: "https://instagram.com/mona_makeover_0021" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Mona Makeover"
|
||||
description="Experience premium beauty services in Ballabhgarh. Expert bridal, party makeup, and styling to make your moments truly special."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "https://wa.me/918307004361?text=Hello%20Mona%20Makeover%2C%20I%20want%20to%20book%20an%20appointment." },
|
||||
{ text: "Instagram", href: "https://instagram.com/mona_makeover_0021" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="Welcome to Mona Makeover"
|
||||
description="Located in Ballabhgarh, Mona Makeover is dedicated to providing high-end beauty solutions. From intricate bridal makeup to contemporary skin care, we bring the art of beauty to you."
|
||||
subdescription="Our passion is ensuring every client leaves feeling beautiful, confident, and celebrated."
|
||||
videoSrc="https://www.youtube.com/embed/dQw4w9WgXcQ"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="Welcome to Mona Makeover"
|
||||
description="Located in Ballabhgarh, Mona Makeover is dedicated to providing high-end beauty solutions. From intricate bridal makeup to contemporary skin care, we bring the art of beauty to you."
|
||||
subdescription="Our passion is ensuring every client leaves feeling beautiful, confident, and celebrated."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Sparkles}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Bridal Makeup", description: "Expert bridal artistry for your big day.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Party Makeup", description: "Stunning looks for every special event.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Hair Styling", description: "Professional styles to suit your personality.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Skin Care", description: "Rejuvenating facials and skin treatments.", bentoComponent: "reveal-icon", icon: Sun }
|
||||
]}
|
||||
title="Our Beauty Services"
|
||||
description="Explore our curated range of professional beauty and wellness services."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Bridal Makeup", description: "Expert bridal artistry for your big day.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Party Makeup", description: "Stunning looks for every special event.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Hair Styling", description: "Professional styles to suit your personality.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Skin Care", description: "Rejuvenating facials and skin treatments.", bentoComponent: "reveal-icon", icon: Sun }
|
||||
]}
|
||||
title="Our Beauty Services"
|
||||
description="Explore our curated range of professional beauty and wellness services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "₹1,500", subtitle: "Basic Beauty Care", features: ["Threading", "Basic Facial", "Manicure"],
|
||||
buttons: [{ text: "Book Now", href: "https://wa.me/918307004361" }]
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Party Glow", price: "₹3,500", subtitle: "Event Ready Look", features: ["Party Makeup", "Hair Style", "Eyelashes"],
|
||||
buttons: [{ text: "Book Now", href: "https://wa.me/918307004361" }]
|
||||
},
|
||||
{
|
||||
id: "gold", badge: "Bridal", price: "Custom", subtitle: "Bridal Transformation", features: ["Full Bridal Makeup", "Saree Draping", "Trial"],
|
||||
buttons: [{ text: "Inquire", href: "https://wa.me/918307004361" }]
|
||||
}
|
||||
]}
|
||||
title="Our Packages"
|
||||
description="Premium services at competitive rates."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "₹1,500", subtitle: "Basic Beauty Care", features: ["Threading", "Basic Facial", "Manicure"],
|
||||
buttons: [{ text: "Book Now", href: "https://wa.me/918307004361" }]
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Party Glow", price: "₹3,500", subtitle: "Event Ready Look", features: ["Party Makeup", "Hair Style", "Eyelashes"],
|
||||
buttons: [{ text: "Book Now", href: "https://wa.me/918307004361" }]
|
||||
},
|
||||
{
|
||||
id: "gold", badge: "Bridal", price: "Custom", subtitle: "Bridal Transformation", features: ["Full Bridal Makeup", "Saree Draping", "Trial"],
|
||||
buttons: [{ text: "Inquire", href: "https://wa.me/918307004361" }]
|
||||
}
|
||||
]}
|
||||
title="Our Packages"
|
||||
description="Premium services at competitive rates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Priya", handle: "@priya_v", testimonial: "Best makeup artist in Ballabhgarh! Loved my bridal look.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-applying-face-powder_329181-1933.jpg" },
|
||||
{ id: "2", name: "Anita", handle: "@anita12", testimonial: "Excellent service and very hygienic salon.", imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-with-blue-eyes-red-lips-pink-outfit-posing-isolated-space_197531-15295.jpg" },
|
||||
{ id: "3", name: "Sonia", handle: "@sonia_glow", testimonial: "I always get my facials done here. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-massaging-face-client_23-2148398565.jpg" },
|
||||
{ id: "4", name: "Ritu", handle: "@ritu_styles", testimonial: "Perfect party makeup every single time.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-lady-crossed-her-hands-looked-camera-purple-background-high-quality-photo_114579-92059.jpg" },
|
||||
{ id: "5", name: "Neha", handle: "@neha_beauty", testimonial: "Stunning work! Highly recommended for all events.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride-happy-getting-ready-wedding_8353-5783.jpg" }
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Loved by the community in Ballabhgarh."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Priya", handle: "@priya_v", testimonial: "Best makeup artist in Ballabhgarh! Loved my bridal look.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-applying-face-powder_329181-1933.jpg" },
|
||||
{ id: "2", name: "Anita", handle: "@anita12", testimonial: "Excellent service and very hygienic salon.", imageSrc: "http://img.b2bpic.net/free-photo/charming-curly-brunette-woman-with-blue-eyes-red-lips-pink-outfit-posing-isolated-space_197531-15295.jpg" },
|
||||
{ id: "3", name: "Sonia", handle: "@sonia_glow", testimonial: "I always get my facials done here. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-massaging-face-client_23-2148398565.jpg" },
|
||||
{ id: "4", name: "Ritu", handle: "@ritu_styles", testimonial: "Perfect party makeup every single time.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-lady-crossed-her-hands-looked-camera-purple-background-high-quality-photo_114579-92059.jpg" },
|
||||
{ id: "5", name: "Neha", handle: "@neha_beauty", testimonial: "Stunning work! Highly recommended for all events.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride-happy-getting-ready-wedding_8353-5783.jpg" }
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Loved by the community in Ballabhgarh."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you provide bridal home services?", content: "Yes, we provide home service for bridal bookings within Ballabhgarh." },
|
||||
{ id: "f2", title: "What products do you use?", content: "We only use premium, high-quality professional products for all makeup and skin services." },
|
||||
{ id: "f3", title: "How can I book an appointment?", content: "Simply click the WhatsApp button to message us directly." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you provide bridal home services?", content: "Yes, we provide home service for bridal bookings within Ballabhgarh." },
|
||||
{ id: "f2", title: "What products do you use?", content: "We only use premium, high-quality professional products for all makeup and skin services." },
|
||||
{ id: "f3", title: "How can I book an appointment?", content: "Simply click the WhatsApp button to message us directly." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Call us at +91 83070 04361 or reach us on WhatsApp to book your next makeover."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+918307004361" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/918307004361?text=Hello%20Mona%20Makeover%2C%20I%20want%20to%20book%20an%20appointment." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Call us at +91 83070 04361 or reach us on WhatsApp to book your next makeover."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+918307004361" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/918307004361?text=Hello%20Mona%20Makeover%2C%20I%20want%20to%20book%20an%20appointment." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com/mona_makeover_0021" }, { label: "WhatsApp", href: "https://wa.me/918307004361" }] }
|
||||
]}
|
||||
logoText="Mona Makeover"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com/mona_makeover_0021" }, { label: "WhatsApp", href: "https://wa.me/918307004361" }] }
|
||||
]}
|
||||
logoText="Mona Makeover"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user