Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,6 +6,9 @@ import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwe
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TextAbout from '@/components/sections/about/TextAbout';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function LandingPage() {
   return (
@@ -29,6 +32,8 @@ export default function LandingPage() {
           name: "Services",          id: "services"},
         {
           name: "Signature",          id: "signature"},
+        {
+          name: "Gallery",          id: "gallery"},
         {
           name: "Testimonials",          id: "testimonials"},
         {
@@ -94,6 +99,88 @@ export default function LandingPage() {
       tag="Our Expertise"
     />
   </div>
+
+  <div id="gallery" data-section="gallery">
+    <FeatureCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      gridVariant="three-columns-all-equal-width"
+      features={[
+        {
+          id: "gallery-1",          title: "Luxurious Interiors",          description: "Step into a world of comfort and style.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-189hphh0.jpg?_wi=1",          imageAlt: "Luxurious salon interior"
+        },
+        {
+          id: "gallery-2",          title: "Expert Hair Styling",          description: "Our stylists craft your perfect look.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-v7emc88j.jpg",          imageAlt: "Client receiving hair styling"
+        },
+        {
+          id: "gallery-3",          title: "Beauty Transformations",          description: "Experience a complete beauty makeover.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-tl5udt7g.jpg",          imageAlt: "Client with completed beauty service"
+        },
+        {
+          id: "gallery-4",          title: "Precision Cuts",          description: "Sharp, modern cuts tailored for you.",          imageSrc: "http://img.b2bpic.net/free-photo/barber-using-trimmer-cutting-man-s-beard_23-2148353434.jpg",          imageAlt: "Hair stylist giving a precision haircut"
+        },
+        {
+          id: "gallery-5",          title: "Vibrant Color",          description: "Custom color to enhance your unique style.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148833987.jpg",          imageAlt: "Hair coloring process"
+        },
+        {
+          id: "gallery-6",          title: "Relaxing Ambiance",          description: "Unwind in our serene and welcoming space.",          imageSrc: "http://img.b2bpic.net/free-photo/young-hairdresser-cutting-hair-attractive-woman-salon_23-2148301729.jpg",          imageAlt: "Relaxing salon ambiance"
+        }
+      ]}
+      title="Our Salon & Creations"
+      description="Step into our world of beauty. A glimpse of our luxurious salon and exquisite work."
+      tag="Visual Journey"
+      ariaLabel="Gallery section showcasing salon images and service examples"
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+    <TestimonialCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      gridVariant="three-columns-all-equal-width"
+      testimonials={[
+        {
+          id: "testimonial-1",          name: "Priya Sharma",          role: "Satisfied Client",          company: "Local Business Owner",          rating: 5,
+          imageSrc: "https://randomuser.me/api/portraits/women/1.jpg",          imageAlt: "Priya Sharma"
+        },
+        {
+          id: "testimonial-2",          name: "Rahul Singh",          role: "Regular Customer",          company: "IT Professional",          rating: 5,
+          imageSrc: "https://randomuser.me/api/portraits/men/2.jpg",          imageAlt: "Rahul Singh"
+        },
+        {
+          id: "testimonial-3",          name: "Anjali Mehta",          role: "Bridal Client",          company: "Happy Bride",          rating: 5,
+          imageSrc: "https://randomuser.me/api/portraits/women/3.jpg",          imageAlt: "Anjali Mehta"
+        },
+        {
+          id: "testimonial-4",          name: "Vikram Kumar",          role: "New Client",          company: "Entrepreneur",          rating: 4,
+          imageSrc: "https://randomuser.me/api/portraits/men/4.jpg",          imageAlt: "Vikram Kumar"
+        }
+      ]}
+      title="What Our Clients Say"
+      description="Hear from our happy customers who experienced the SUBHASH & MANGESH EXCLUSIVE difference."
+      tag="Client Love"
+      ariaLabel="Testimonials section featuring customer reviews"
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+    <ContactSplit
+      tag="Book Your Transformation"
+      title="Ready for Your Exclusive Experience?"
+      description="Schedule your appointment today and let our expert stylists bring your vision to life. Effortless booking, exceptional service."
+      buttonText="Book Now"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BTFqU676lyfVINSaN7Y2fFrPSV/uploaded-1774505647319-189hphh0.jpg?_wi=2"
+      imageAlt="Hair stylist working on client's hair"
+      mediaAnimation="slide-up"
+      background={{ variant: "animated-grid" }}
+      useInvertedBackground={true}
+      mediaPosition="left"
+      inputPlaceholder="Enter your email (optional)" 
+      termsText="By clicking Book Now you acknowledge our privacy policy."
+      ariaLabel="Online hair salon booking section"
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #F8F8F8;
+  --foreground: #f5f5f5;
-  --primary-cta: #D4AF37;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #000000;
-  --secondary-cta: #333333;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #F8F8F8;
-  --accent: #DAA520;
+  --accent: #b8860b;
-  --background-accent: #0a0a0a;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);