Merge version_3 into main #2
167
src/app/page.tsx
167
src/app/page.tsx
@@ -5,14 +5,14 @@ import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, Instagram, Facebook, Twitter } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reels", id: "reels" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Royal Glow"
|
||||
/>
|
||||
@@ -47,19 +44,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reels" data-section="reels">
|
||||
<ProductCardOne
|
||||
title="Top Reels"
|
||||
description="Watch our latest beauty transformations and styling highlights."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "r1", name: "Bridal Glam Look", price: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/wedding-bride_23-2148105917.jpg" },
|
||||
{ id: "r2", name: "Hair Transformation", price: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/confident-hairdresser-working-with-woman_23-2147769875.jpg" },
|
||||
{ id: "r3", name: "Spa Facial Glow", price: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-doing-face-treatment-applying-face-mask_1303-28044.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
@@ -80,12 +91,9 @@ export default function LandingPage() {
|
||||
title="Our Signature Services"
|
||||
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: "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: "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: "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"
|
||||
@@ -100,18 +108,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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: "₹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: "₹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: "₹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: "₹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: "₹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"},
|
||||
{ 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: "₹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: "₹9,000", imageSrc: "http://img.b2bpic.net/free-photo/zero-waste-beauty-products_23-2149304154.jpg", imageAlt: "beauty salon interior design" },
|
||||
]}
|
||||
title="Beauty Packages"
|
||||
description="Tailored packages to ensure you look your absolute best."
|
||||
@@ -124,30 +123,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", name: "Silver Package", price: "₹12,000", features: [
|
||||
"Basic Makeup", "Hair Styling", "Consultation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro", name: "Gold Package", price: "₹25,000", features: [
|
||||
"Bridal Makeup", "Advanced Styling", "Mini Facial"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium", name: "Royal Package", price: "₹40,000", features: [
|
||||
"Full Bridal Prep", "Full Day Styling", "Full Spa Facial"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ id: "basic", name: "Silver Package", price: "₹12,000", features: ["Basic Makeup", "Hair Styling", "Consultation"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "pro", name: "Gold Package", price: "₹25,000", features: ["Bridal Makeup", "Advanced Styling", "Mini Facial"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
]}
|
||||
title="Investment in Elegance"
|
||||
description="Transparent pricing for all our beauty services."
|
||||
@@ -160,29 +137,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+", label: "Satisfied Brides"},
|
||||
{
|
||||
value: "15", label: "Years Experience"},
|
||||
{
|
||||
value: "100%", label: "Commitment to Glow"},
|
||||
{ value: "500+", label: "Satisfied Brides" },
|
||||
{ value: "15", label: "Years Experience" },
|
||||
{ value: "100%", label: "Commitment to Glow" },
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Hear from our happy brides and regular beauty clients."
|
||||
@@ -197,18 +157,7 @@ export default function LandingPage() {
|
||||
title="Gallery"
|
||||
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: "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: "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: "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: "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: "", date: "2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -216,47 +165,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "WhatsApp Booking", href: "https://wa.me/yournumber"},
|
||||
{
|
||||
label: "Location", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoEmphasis
|
||||
logoText="Royal Glow Beauty Salon"
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user