Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Phone, CalendarDays, MapPin, Clock, Star, MessageCircle } from "lucide-react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
@@ -48,15 +49,19 @@ export default function LandingPage() {
       <HeroBillboardScroll
       background={{ variant: "plain" }}
       title="Unrivaled Elegance. Masterful Hair."
-      description="Experience the pinnacle of luxury at Indigo, where artistry meets beauty in our serene, designer salon."
+      description="Experience the pinnacle of luxury at Indigo. Your journey to perfect hair starts here."
       imageSrc="http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg"
       imageAlt="Luxurious Indigo Salon interior view"
-      buttons={[{ text: "Book Your Consultation", href: "#services" }]}
+      buttons={[
+        { text: "Book Now (WhatsApp)", href: "https://wa.me/" },
+        { text: "Call Now", href: "tel:+1234567890" }
+      ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardSixteen
+      tag="The Indigo Difference"
       animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={true}
@@ -80,23 +85,43 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",          price: "$150",          name: "Signature Cut & Finish",          buttons: [{ text: "Book Now" }],
+          id: "p1",          price: "$150",          name: "Signature Cut & Finish",          buttons: [{ text: "Book Appointment" }],
           features: ["Consultation", "Precision Cut", "Style"],
         },
         {
-          id: "p2",          price: "$250",          name: "Master Color & Gloss",          buttons: [{ text: "Book Now" }],
+          id: "p2",          price: "$250",          name: "Master Color & Gloss",          buttons: [{ text: "Book Appointment" }],
           features: ["Custom Color", "Deep Treatment", "Gloss"],
         },
         {
-          id: "p3",          price: "$400",          name: "Bridal/Event Transformation",          buttons: [{ text: "Book Now" }],
+          id: "p3",          price: "$400",          name: "Bridal/Event Transformation",          buttons: [{ text: "Book Appointment" }],
           features: ["Trial Session", "Event Styling", "Finishing"],
         },
       ]}
       title="Bespoke Services"
-      description="Indulge in our curated menu of treatments, meticulously crafted for sophistication."
+      description="Explore our curated menu of treatments."
     />
   </div>
 
+  <div id="hours-location" data-section="hours-location" className="py-12 bg-card text-center">
+      <div className="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
+        <div className="flex flex-col items-center gap-2">
+          <Clock className="w-8 h-8 text-primary-cta" />
+          <h3 className="font-bold">Opening Hours</h3>
+          <p className="text-sm">Mon–Sat: 9:00 AM–7:00 PM<br/>Sun: Closed</p>
+        </div>
+        <div className="flex flex-col items-center gap-2">
+          <Star className="w-8 h-8 text-primary-cta" />
+          <h3 className="font-bold">Customer Rating</h3>
+          <p className="text-sm">4.9/5 stars from 500+ happy clients</p>
+        </div>
+        <div className="flex flex-col items-center gap-2">
+          <MapPin className="w-8 h-8 text-primary-cta" />
+          <h3 className="font-bold">Location</h3>
+          <p className="text-sm">123 Elegance Lane<br/>Beverly Hills, CA</p>
+        </div>
+      </div>
+  </div>
+
   <div id="team" data-section="team">
       <TeamCardFive
       animationType="scale-rotate"