Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import { Wrench, Droplet, Phone, Star, Mail } from "lucide-react";
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import CardStack from '@/components/cardStack/CardStack';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function LandingPage() {
   return (
@@ -16,238 +17,117 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
         sizing="medium"
         background="floatingGradient"
-        cardStyle="layered-gradient"
+        cardStyle="glass-elevated"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "hero" },
-          name: "Home",
+              { name: "Services", id: "services" },
-          id: "hero",
+              { name: "About", id: "about" },
-        },
+              { name: "Contact", id: "contact" },
-        {
+            ]}
-          name: "Services",
+            brandName="Blue Water Plumbing"
-          id: "services",
+          />
-        },
+        </div>
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Blue Water Plumbing"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+          <HeroCarouselLogo
-      logoText="Blue Water Plumbing"
+            logoText="Blue Water Plumbing"
-      description="Your trusted partner for professional plumbing, heating, and comprehensive water system solutions in Jammu & Kashmir."
+            description="Expert plumbing, heating, and water system solutions for residential and commercial spaces in Jammu & Kashmir."
-      buttons={[
+            buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Our Services", href: "#services" }]}
-        {
+            slides={[
-          text: "Get a Quote",
+              { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg?_wi=1", imageAlt: "Professional plumbing service" },
-          href: "#contact",
+              { imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=1", imageAlt: "Heating repair service" }
-        },
+            ]}
-        {
+          />
-          text: "View Services",
+        </div>
-          href: "#services",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg?_wi=1",
-          imageAlt: "Professional plumber at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=1",
-          imageAlt: "Plumbing repair services",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-using-tablet-computer-industrial-factory-building_342744-449.jpg?_wi=1",
-          imageAlt: "Heating system inspection",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=1",
-          imageAlt: "Bathroom fixtures",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg?_wi=1",
-          imageAlt: "Water tank cleaning",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg?_wi=1",
-          imageAlt: "Plumbing systems supply",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+          <InlineImageSplitTextAbout
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      heading={[
+            heading={[
-        {
+              { type: "text", content: "Setting the Standard for " },
-          type: "text",
+              { type: "image", src: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg?_wi=1", alt: "Plumbing" },
-          content: "Reliable Service,",
+              { type: "text", content: " Water Systems" }
-        },
+            ]}
-        {
+            buttons={[{ text: "Contact Our Team", href: "#contact" }]}
-          type: "image",
+          />
-          src: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367536.jpg",
+        </div>
-          alt: "Plumbing service",
-        },
-        {
-          type: "text",
-          content: "Professional Solutions",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="services" data-section="services">
+        <div id="services" data-section="services">
-      <FeatureCardOne
+          <CardStack
-      animationType="slide-up"
+            title="Our Plumbing Services"
-      textboxLayout="split"
+            description="Comprehensive water solutions delivered with expertise."
-      gridVariant="uniform-all-items-equal"
+            textboxLayout="split"
-      useInvertedBackground={false}
+            animationType="slide-up"
-      features={[
+            gridVariant="bento-grid"
-        {
+            tag="Expertise"
-          title: "Bathroom Installation",
+            tagIcon={Wrench}
-          description: "High-quality bathtub, shower, and fixture installations by experienced technicians.",
+          >
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721572.jpg?_wi=2",
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        },
+              {[ 
-        {
+                { title: "Bathroom Fitting", desc: "Installation and design." },
-          title: "Drain & Leak Repair",
+                { title: "Drain & Leak Repair", desc: "Fast diagnosis and fix." },
-          description: "Expert drain cleaning and water leak detection services to prevent damage.",
+                { title: "Tank Cleaning", desc: "Professional hygiene service." },
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg?_wi=2",
+                { title: "Heating Systems", desc: "Warmth for cold winters." },
-        },
+                { title: "Emergency Services", desc: "Available 24/7 support." },
-        {
+                { title: "Pool Maintenance", desc: "For your private oasis." }
-          title: "Water Tank Cleaning",
+              ].map((item, idx) => (
-          description: "Specialized underground and Sintex tank cleaning to ensure pure, clean water.",
+                <div key={idx} className="p-6 rounded-2xl bg-card border border-accent shadow-sm">
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-using-tablet-computer-industrial-factory-building_342744-449.jpg?_wi=2",
+                  <Droplet className="mb-4 text-primary" />
-        },
+                  <h3 className="text-xl font-bold mb-2">{item.title}</h3>
-        {
+                  <p className="text-sm opacity-80">{item.desc}</p>
-          title: "Swimming Pool Fitting",
+                </div>
-          description: "Complete swimming pool installation and fitting tailored to your needs.",
+              ))}
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334226.jpg?_wi=2",
+            </div>
-        },
+          </CardStack>
-        {
+        </div>
-          title: "Heating Solutions",
-          description: "Reliable heating installation and repair for comfort throughout the winter.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138614.jpg?_wi=2",
-        },
-        {
-          title: "Emergency Maintenance",
-          description: "Fast response for urgent plumbing issues, keeping your home functional and safe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg?_wi=2",
-        },
-      ]}
-      title="Our Plumbing Services"
-      description="Comprehensive solutions for all your residential and commercial needs."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
+          <TestimonialCardSixteen
-      animationType="slide-up"
+            title="Trusted by Local Clients"
-      textboxLayout="split"
+            description="Hear from the residents of Jammu & Kashmir who rely on our services."
-      useInvertedBackground={true}
+            animationType="slide-up"
-      testimonials={[
+            textboxLayout="split"
-        {
+            useInvertedBackground={true}
-          id: "1",
+            testimonials={[
-          name: "Rajesh Kumar",
+              { id: "1", name: "Rajesh Kumar", role: "Homeowner", company: "Jammu Resident", rating: 5 },
-          role: "Homeowner",
+              { id: "2", name: "Sunita Devi", role: "Retail Owner", company: "Business Leader", rating: 5 }
-          company: "Local Resident",
+            ]}
-          rating: 5,
+            kpiItems={[
-          imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg",
+              { value: "500+", label: "Happy Clients" },
-        },
+              { value: "10+", label: "Years Serving" },
-        {
+              { value: "4.9/5", label: "Satisfaction" }
-          id: "2",
+            ]}
-          name: "Sunita Devi",
+          />
-          role: "Business Owner",
+        </div>
-          company: "Jammu Retail",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15689.jpg",
-        },
-        {
-          id: "3",
-          name: "Amit Sharma",
-          role: "Homeowner",
-          company: "Paloura Top",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
-        },
-        {
-          id: "4",
-          name: "Priya Singh",
-          role: "Manager",
-          company: "Commercial Site",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
-        },
-        {
-          id: "5",
-          name: "Vikram Singh",
-          role: "Homeowner",
-          company: "Jammu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Customer Rating",
-        },
-        {
-          value: "19+",
-          label: "Google Reviews",
-        },
-        {
-          value: "10+ Years",
-          label: "Industry Experience",
-        },
-      ]}
-      title="Customer Reviews"
-      description="Don't take our word for it—hear what our satisfied clients have to say."
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact">
-      <ContactSplit
+          <ContactSplit
-      useInvertedBackground={false}
+            tag="Reach Out"
-      background={{
+            title="Professional Assessment"
-        variant: "gradient-bars",
+            description="Get in touch for professional plumbing assistance."
-      }}
+            background={{ variant: "gradient-bars" }}
-      tag="Contact Us"
+            useInvertedBackground={false}
-      title="Get a Professional Assessment"
+            imageSrc="http://img.b2bpic.net/free-photo/focused-woman-home-office-loft-talking-mobile-phone_482257-120232.jpg"
-      description="Have plumbing issues or a renovation project? Send us a message and we'll be in touch quickly."
+          />
-      imageSrc="http://img.b2bpic.net/free-photo/focused-woman-home-office-loft-talking-mobile-phone_482257-120232.jpg"
+        </div>
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterCard
+          <FooterCard
-      logoText="Blue Water Plumbing"
+            logoText="Blue Water Plumbing"
-      copyrightText="© 2025 Blue Water Plumbing & Heating. All rights reserved."
+            copyrightText="© 2025 Blue Water Plumbing & Heating. All rights reserved."
-    />
+            socialLinks={[{ icon: Mail, href: "#", ariaLabel: "Email" }, { icon: Phone, href: "#", ariaLabel: "Phone" }]}
-  </div>
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );