Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award, Smile, Users } from "lucide-react";
+import { Award, Smile, Users, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Jawed Habib"
     />
@@ -53,47 +45,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-static",
-      }}
+        variant: "rotated-rays-static"}}
       title="Elegance in Every Cut"
       description="Experience professional hair care and styling at The Jawed Habib Salon. Where your vision meets our artistry."
       buttons={[
         {
-          text: "Book Appointment",
-          href: "#contact",
-        },
+          text: "Book Appointment",          href: "#contact"},
       ]}
       carouselItems={[
-        {
-          id: "c1",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg",
-          imageAlt: "Salon Interior",
-        },
-        {
-          id: "c2",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-customer-hair_23-2148257012.jpg",
-          imageAlt: "Styling Process",
-        },
-        {
-          id: "c3",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-client-hairdresser-salon_23-2147769866.jpg",
-          imageAlt: "Elegant Salon",
-        },
-        {
-          id: "c4",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-client-with-hair-dye_23-2147769778.jpg",
-          imageAlt: "Salon Chair",
-        },
-        {
-          id: "c5",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319806.jpg",
-          imageAlt: "Styling Station",
-        },
-        {
-          id: "c6",
-          imageSrc: "http://img.b2bpic.net/free-photo/flowers-skincare-supplies_23-2147710685.jpg",
-          imageAlt: "Hair Care",
-        },
+        { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/girl-chair-professional-hairdresser_23-2147769753.jpg", imageAlt: "Salon Interior" },
+        { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-customer-hair_23-2148257012.jpg", imageAlt: "Styling Process" },
+        { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/content-client-hairdresser-salon_23-2147769866.jpg", imageAlt: "Elegant Salon" },
+        { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/content-client-with-hair-dye_23-2147769778.jpg", imageAlt: "Salon Chair" },
+        { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-shop-instruments_23-2149319806.jpg", imageAlt: "Styling Station" },
+        { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/flowers-skincare-supplies_23-2147710685.jpg", imageAlt: "Hair Care" },
       ]}
     />
   </div>
@@ -103,21 +68,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The Jawed Habib Legacy"
       metrics={[
-        {
-          label: "Years of Excellence",
-          value: "20+",
-          icon: Award,
-        },
-        {
-          label: "Satisfied Clients",
-          value: "1M+",
-          icon: Smile,
-        },
-        {
-          label: "Certified Stylists",
-          value: "500+",
-          icon: Users,
-        },
+        { label: "Years of Excellence", value: "20+", icon: Award },
+        { label: "Satisfied Clients", value: "1M+", icon: Smile },
+        { label: "Certified Stylists", value: "500+", icon: Users },
       ]}
       metricsAnimation="slide-up"
     />
@@ -129,39 +82,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Precision Haircut",
-          author: "Expert Styling",
-          description: "Classic and contemporary haircuts tailored to your face shape and personality.",
-          tags: [
-            "Hair",
-            "Style",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg",
-        },
-        {
-          id: "f2",
-          title: "Professional Coloring",
-          author: "Color Studio",
-          description: "Expert hair coloring and highlighting using high-quality products for stunning results.",
-          tags: [
-            "Color",
-            "Trend",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585938.jpg",
-        },
-        {
-          id: "f3",
-          title: "Hair Spa & Treatment",
-          author: "Rejuvenate",
-          description: "Deep conditioning and nourishing hair spa treatments for healthy, lustrous hair.",
-          tags: [
-            "Spa",
-            "Care",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
-        },
+        { id: "f1", title: "Precision Haircut", author: "Expert Styling", description: "Classic and contemporary haircuts tailored to your face shape and personality.", tags: ["Hair", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg" },
+        { id: "f2", title: "Professional Coloring", author: "Color Studio", description: "Expert hair coloring and highlighting using high-quality products for stunning results.", tags: ["Color", "Trend"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585938.jpg" },
+        { id: "f3", title: "Hair Spa & Treatment", author: "Rejuvenate", description: "Deep conditioning and nourishing hair spa treatments for healthy, lustrous hair.", tags: ["Spa", "Care"], imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg" },
       ]}
       title="Our Signature Services"
       description="Premium hair care solutions tailored for your unique style and needs."
@@ -174,60 +97,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Client",
-          company: "Local Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Client",
-          company: "Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg",
-        },
-        {
-          id: "3",
-          name: "Priya R.",
-          role: "Client",
-          company: "New Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
-        },
-        {
-          id: "4",
-          name: "Amit K.",
-          role: "Client",
-          company: "VIP",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena V.",
-          role: "Client",
-          company: "Guest",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg" },
+        { id: "2", name: "Mark D.", role: "Client", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-pampering-face-client-salon_23-2147736961.jpg" },
+        { id: "3", name: "Priya R.", role: "Client", company: "New Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg" },
+        { id: "4", name: "Amit K.", role: "Client", company: "VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg" },
+        { id: "5", name: "Elena V.", role: "Client", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Client Rating",
-        },
-        {
-          value: "100%",
-          label: "Hygiene Standards",
-        },
-        {
-          value: "98%",
-          label: "Retention Rate",
-        },
+        { value: "4.9/5", label: "Client Rating" },
+        { value: "100%", label: "Hygiene Standards" },
+        { value: "98%", label: "Retention Rate" },
       ]}
       title="What Our Clients Say"
       description="Trusted by thousands for quality hair care and exceptional service."
@@ -235,67 +114,39 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
+      tag="Contact Us"
+      title="Visit Us in Jamshedpur"
+      description="Unit 1/1 1st floor, H S tower, K Road, Bistupur, Jamshedpur, Jharkhand 831001"
+      tagIcon={MapPin}
+      imageSrc="http://img.b2bpic.net/free-photo/woman-wiping-face-client-barbershop_23-2147736959.jpg?_wi=1"
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Book Now"
-      title="Ready for a Refresh?"
-      description="Schedule your appointment today and walk out with style. Enter your email to receive booking updates."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/woman-wiping-face-client-barbershop_23-2147736959.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/woman-wiping-face-client-barbershop_23-2147736959.jpg?_wi=2"
       logoText="Jawed Habib"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Haircuts",
-              href: "#features",
-            },
-            {
-              label: "Coloring",
-              href: "#features",
-            },
-            {
-              label: "Hair Spa",
-              href: "#features",
-            },
+          title: "Services",          items: [
+            { label: "Haircuts", href: "#features" },
+            { label: "Coloring", href: "#features" },
+            { label: "Hair Spa", href: "#features" },
           ],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Book Now",
-              href: "#contact",
-            },
-            {
-              label: "Locations",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -304,4 +155,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}