Merge version_2 into main #1
285
src/app/page.tsx
285
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Royal Glow"
|
||||
/>
|
||||
@@ -56,15 +48,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unveil Your Royal Glow"
|
||||
description="Experience premium bridal makeup, bespoke hair styling, and rejuvenating beauty treatments in an environment designed for pure relaxation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book via WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "Book via WhatsApp", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-hairdresser-working-with-woman_23-2147769875.jpg"
|
||||
imageAlt="luxury bridal makeup studio"
|
||||
@@ -92,20 +81,11 @@ export default function LandingPage() {
|
||||
description="Discover excellence across all our specialized beauty categories."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Bridal Makeup",
|
||||
content: "Customised bridal packages including consultation, trial, and full day-of styling.",
|
||||
},
|
||||
id: "s1", title: "Bridal Makeup", content: "Customised bridal packages including consultation, trial, and full day-of styling."},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Professional Hair",
|
||||
content: "Modern haircuts, styling, extensions, and professional coloring services.",
|
||||
},
|
||||
id: "s2", title: "Professional Hair", content: "Modern haircuts, styling, extensions, and professional coloring services."},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Skin Treatments",
|
||||
content: "Rejuvenating facials, skin brightening, and therapeutic masks for a healthy glow.",
|
||||
},
|
||||
id: "s3", title: "Skin Treatments", content: "Rejuvenating facials, skin brightening, and therapeutic masks for a healthy glow."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wedding-bride_23-2148105917.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -121,47 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Royal Bridal Package",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg",
|
||||
imageAlt: "professional hair styling salon",
|
||||
},
|
||||
id: "p1", name: "The Royal Bridal Package", price: "₹35,000", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-protective-face-mask-enjoying-hairdresser-s-coronavirus-epidemic_637285-9010.jpg", imageAlt: "professional hair styling salon"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Express Glow Facial",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-doing-face-treatment-applying-face-mask_1303-28044.jpg",
|
||||
imageAlt: "facial skin treatment spa",
|
||||
},
|
||||
id: "p2", name: "Express Glow Facial", price: "₹6,000", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-doing-face-treatment-applying-face-mask_1303-28044.jpg", imageAlt: "facial skin treatment spa"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Elite Hair Transformation",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-beauty-products_23-2149304154.jpg",
|
||||
imageAlt: "beauty salon interior design",
|
||||
},
|
||||
id: "p3", name: "Elite Hair Transformation", price: "₹9,000", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-beauty-products_23-2149304154.jpg", imageAlt: "beauty salon interior design"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Bridal Hair Styling",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-palettes-table_23-2147783933.jpg",
|
||||
imageAlt: "bridal makeup kit professional",
|
||||
},
|
||||
id: "p4", name: "Bridal Hair Styling", price: "₹12,000", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-palettes-table_23-2147783933.jpg", imageAlt: "bridal makeup kit professional"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Deep Conditioning Treatment",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg",
|
||||
imageAlt: "hair styling tools salon",
|
||||
},
|
||||
id: "p5", name: "Deep Conditioning Treatment", price: "₹4,500", imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg", imageAlt: "hair styling tools salon"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bridal Trial Makeup",
|
||||
price: "$100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382836.jpg",
|
||||
imageAlt: "skincare products display spa",
|
||||
},
|
||||
id: "p6", name: "Bridal Trial Makeup", price: "₹8,000", imageSrc: "http://img.b2bpic.net/free-photo/organic-cosmetic-product-with-dreamy-aesthetic-fresh-background_23-2151382836.jpg", imageAlt: "skincare products display spa"},
|
||||
]}
|
||||
title="Beauty Packages"
|
||||
description="Tailored packages to ensure you look your absolute best."
|
||||
@@ -175,51 +125,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Silver Package",
|
||||
price: "$150",
|
||||
features: [
|
||||
"Basic Makeup",
|
||||
"Hair Styling",
|
||||
"Consultation",
|
||||
],
|
||||
id: "basic", name: "Silver Package", price: "₹12,000", features: [
|
||||
"Basic Makeup", "Hair Styling", "Consultation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Gold Package",
|
||||
price: "$300",
|
||||
features: [
|
||||
"Bridal Makeup",
|
||||
"Advanced Styling",
|
||||
"Mini Facial",
|
||||
],
|
||||
id: "pro", name: "Gold Package", price: "₹25,000", features: [
|
||||
"Bridal Makeup", "Advanced Styling", "Mini Facial"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Royal Package",
|
||||
price: "$500",
|
||||
features: [
|
||||
"Full Bridal Prep",
|
||||
"Full Day Styling",
|
||||
"Full Spa Facial",
|
||||
],
|
||||
id: "premium", name: "Royal Package", price: "₹40,000", features: [
|
||||
"Full Bridal Prep", "Full Day Styling", "Full Spa Facial"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -235,59 +161,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina Khan",
|
||||
role: "Bride",
|
||||
company: "Royal Glow Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-outdoor_624325-1445.jpg",
|
||||
},
|
||||
id: "t1", name: "Amina Khan", role: "Bride", company: "Royal Glow Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-outdoor_624325-1445.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Bride",
|
||||
company: "Royal Glow Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicure-beauty-salon_23-2152021581.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Ahmed", role: "Bride", company: "Royal Glow Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicure-beauty-salon_23-2152021581.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria Garcia",
|
||||
role: "Client",
|
||||
company: "Royal Glow Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-black-woman-with-mysterious-shadows_23-2149095699.jpg",
|
||||
},
|
||||
id: "t3", name: "Maria Garcia", role: "Client", company: "Royal Glow Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-black-woman-with-mysterious-shadows_23-2149095699.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda Wu",
|
||||
role: "Bride",
|
||||
company: "Royal Glow Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg",
|
||||
},
|
||||
id: "t4", name: "Linda Wu", role: "Bride", company: "Royal Glow Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-surrounded-by-veil_1328-3448.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rossi",
|
||||
role: "Client",
|
||||
company: "Royal Glow Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Rossi", role: "Client", company: "Royal Glow Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Satisfied Brides",
|
||||
},
|
||||
value: "500+", label: "Satisfied Brides"},
|
||||
{
|
||||
value: "15",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15", label: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Commitment to Glow",
|
||||
},
|
||||
value: "100%", label: "Commitment to Glow"},
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Hear from our happy brides and regular beauty clients."
|
||||
@@ -303,65 +198,17 @@ export default function LandingPage() {
|
||||
description="A glimpse into our studio's work."
|
||||
blogs={[
|
||||
{
|
||||
id: "g1",
|
||||
category: "Gallery",
|
||||
title: "Bridal Makeup",
|
||||
excerpt: "Elegant bridal styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501043.jpg",
|
||||
authorName: "Royal Glow",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
id: "g1", category: "Gallery", title: "Bridal Makeup", excerpt: "Elegant bridal styling.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501043.jpg", authorName: "Royal Glow", authorAvatar: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", date: "2024"},
|
||||
{
|
||||
id: "g2",
|
||||
category: "Gallery",
|
||||
title: "Evening Makeup",
|
||||
excerpt: "Professional look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-care-with-homemade-remedies-concept_23-2148660780.jpg",
|
||||
authorName: "Royal Glow",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34501.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
id: "g2", category: "Gallery", title: "Evening Makeup", excerpt: "Professional look.", imageSrc: "http://img.b2bpic.net/free-photo/self-care-with-homemade-remedies-concept_23-2148660780.jpg", authorName: "Royal Glow", authorAvatar: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34501.jpg", date: "2024"},
|
||||
{
|
||||
id: "g3",
|
||||
category: "Gallery",
|
||||
title: "Salon Interior",
|
||||
excerpt: "Our serene space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg",
|
||||
authorName: "Royal Glow",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
id: "g3", category: "Gallery", title: "Salon Interior", excerpt: "Our serene space.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg", authorName: "Royal Glow", authorAvatar: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg", date: "2024"},
|
||||
{
|
||||
id: "g4",
|
||||
category: "Gallery",
|
||||
title: "Hair Styling",
|
||||
excerpt: "Expert hair care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg",
|
||||
authorName: "Royal Glow",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/rorschach-inkblot-test-clipboard-front-depressed-young-female-patient-lying-couch_23-2148036544.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
id: "g4", category: "Gallery", title: "Hair Styling", excerpt: "Expert hair care.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407596.jpg", authorName: "Royal Glow", authorAvatar: "http://img.b2bpic.net/free-photo/rorschach-inkblot-test-clipboard-front-depressed-young-female-patient-lying-couch_23-2148036544.jpg", date: "2024"},
|
||||
{
|
||||
id: "g5",
|
||||
category: "Gallery",
|
||||
title: "Facial Spa",
|
||||
excerpt: "Luxury skincare.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-powder-brushes-bright-table_23-2148047030.jpg",
|
||||
authorName: "Royal Glow",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/row-makeup-brushes-white-surface_23-2147899522.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
id: "g5", category: "Gallery", title: "Facial Spa", excerpt: "Luxury skincare.", imageSrc: "http://img.b2bpic.net/free-photo/different-powder-brushes-bright-table_23-2148047030.jpg", authorName: "Royal Glow", authorAvatar: "http://img.b2bpic.net/free-photo/row-makeup-brushes-white-surface_23-2147899522.jpg", date: "2024"},
|
||||
{
|
||||
id: "g6",
|
||||
category: "Gallery",
|
||||
title: "Product Setup",
|
||||
excerpt: "Professional range.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg",
|
||||
authorName: "Royal Glow",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg",
|
||||
date: "2024",
|
||||
},
|
||||
id: "g6", category: "Gallery", title: "Product Setup", excerpt: "Professional range.", imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg", authorName: "Royal Glow", authorAvatar: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", date: "2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -370,14 +217,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to book your transformation? Send us a message on WhatsApp and let us help you achieve your Royal Glow."
|
||||
buttons={[
|
||||
{
|
||||
text: "Message Us on WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "Message Us on WhatsApp", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -386,46 +230,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "WhatsApp Booking",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
label: "WhatsApp Booking", href: "https://wa.me/yournumber"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
label: "Location", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies",
|
||||
items: [
|
||||
title: "Policies", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -435,4 +262,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user