Update src/app/page.tsx

Merge version_2 into main

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: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "Reels", id: "reels" },
-          name: "Services",          id: "services"},
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          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={{
+      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"
+      imageSrc="http://img.b2bpic.net/free-photo/confident-hairdresser-working-with-woman_23-2147769875.jpg?_wi=1"
       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?_wi=1" },
+        { id: "r2", name: "Hair Transformation", price: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/confident-hairdresser-working-with-woman_23-2147769875.jpg?_wi=2" },
+        { 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?_wi=1" }
+      ]}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <TestimonialAboutCard
       useInvertedBackground={false}
@@ -80,14 +91,11 @@ 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: "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: "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"
+      imageSrc="http://img.b2bpic.net/free-photo/wedding-bride_23-2148105917.jpg?_wi=2"
       mediaAnimation="slide-up"
       imageAlt="bridal makeup artist brushes"
     />
@@ -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: "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?_wi=2", 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: "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"},
       ]}
       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: "basic",          name: "Silver Package",          price: "₹12,000",          features: [
+        { id: "pro", name: "Gold Package", price: "₹25,000", features: ["Bridal Makeup", "Advanced Styling", "Mini Facial"], buttons: [{ text: "Select", href: "#contact" }] },
-            "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"},
-          ],
-        },
       ]}
       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: "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"},
       ]}
       kpiItems={[
-        {
+        { value: "500+", label: "Satisfied Brides" },
-          value: "500+",          label: "Satisfied Brides"},
+        { value: "15", label: "Years Experience" },
-        {
+        { value: "100%", label: "Commitment to Glow" },
-          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: "", 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: "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"},
       ]}
     />
   </div>
@@ -216,47 +165,21 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      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>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterLogoEmphasis
-      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: "#"},
-          ],
-        },
-      ]}
       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>