Switch to version 3: modified src/app/page.tsx

Merge version_4 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,22 +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"
     />
@@ -55,22 +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"
+      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}
@@ -91,23 +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: "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"
+      imageSrc="http://img.b2bpic.net/free-photo/wedding-bride_23-2148105917.jpg?_wi=2"
       mediaAnimation="slide-up"
       imageAlt="bridal makeup artist brushes"
     />
@@ -120,48 +108,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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: "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: "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: "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: "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: "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: "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" },
       ]}
       title="Beauty Packages"
       description="Tailored packages to ensure you look your absolute best."
@@ -174,54 +123,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",
-          name: "Silver Package",
-          price: "$150",
-          features: [
-            "Basic Makeup",
-            "Hair Styling",
-            "Consultation",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          name: "Gold Package",
-          price: "$300",
-          features: [
-            "Bridal Makeup",
-            "Advanced Styling",
-            "Mini Facial",
-          ],
-          buttons: [
-            {
-              text: "Select",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "premium",
-          name: "Royal Package",
-          price: "$500",
-          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."
@@ -234,60 +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."
@@ -302,66 +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>
@@ -369,70 +165,24 @@ 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>
     </ThemeProvider>
   );
-}
+}