Update src/app/page.tsx

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -33,115 +33,36 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Services", id: "features" },
-          name: "Features",
+        { name: "Products", id: "products" },
-          id: "#features",
+        { name: "Pricing", id: "pricing" },
-        },
+        { name: "Team", id: "team" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
-      brandName="Allotech"
+      brandName="PipePros"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
+      title="Expert Plumbing Solutions for Your Home & Business"
-      }}
+      description="From emergency repairs to full-scale installations, our certified plumbers deliver reliable service you can count on."
-      title="Innovating the Future with Allotech"
+      tag="Professional Plumbing Services"
-      description="We build scalable, robust software solutions that empower businesses to reach their full potential in the digital era."
+      buttons={[{ text: "Get a Quote", href: "#contact" }]}
-      tag="Next-Gen Software Solutions"
+      imageSrc="http://img.b2bpic.net/free-photo/plumber-fixing-sink-with-wrench_23-2148784196.jpg"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg",
-          alt: "Innovative tech user 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-couch-innovative-technology_53876-97924.jpg",
-          alt: "Innovative tech user 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908071.jpg",
-          alt: "Innovative tech user 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg",
-          alt: "Innovative tech user 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/network-server-infographic-template_98292-6782.jpg",
-          alt: "Innovative tech user 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ global enterprises"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Cloud Infrastructure",
-        },
-        {
-          type: "text",
-          text: "AI Automation",
-        },
-        {
-          type: "text",
-          text: "Data Analytics",
-        },
-        {
-          type: "text",
-          text: "Cybersecurity",
-        },
-        {
-          type: "text",
-          text: "Custom CRM",
-        },
-      ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <AboutMetric
       useInvertedBackground={false}
-      title="Impact at Scale"
+      title="Why Choose PipePros"
       metrics={[
-        {
+        { icon: Zap, label: "Emergency Response", value: "24/7" },
-          icon: Zap,
+        { icon: Shield, label: "Licensed & Insured", value: "100%" },
-          label: "Projects Completed",
+        { icon: Award, label: "Satisfied Customers", value: "10k+" },
-          value: "500+",
-        },
-        {
-          icon: Shield,
-          label: "Security Uptime",
-          value: "99.99%",
-        },
-        {
-          icon: Award,
-          label: "Industry Awards",
-          value: "25",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -154,29 +75,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1", title: "Leak Detection", description: "Pinpoint and repair hidden leaks before they cause major damage.", tag: "Fixes", imageSrc: "http://img.b2bpic.net/free-photo/close-up-of-pipes-under-sink_23-2148784186.jpg"
-          title: "Cloud Architecture",
-          description: "Resilient infrastructure built for speed and security.",
-          tag: "Cloud",
-          imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45209.jpg",
         },
         {
-          id: "f2",
+          id: "f2", title: "Drain Cleaning", description: "Advanced hydro-jetting to keep your pipes flowing freely.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/plumber-cleaning-drain-with-machine_23-2148784204.jpg"
-          title: "Artificial Intelligence",
-          description: "Smart automation that drives predictive insights.",
-          tag: "AI",
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-robot-with-artificial-intelligence-interface_23-2151977477.jpg",
         },
         {
-          id: "f3",
+          id: "f3", title: "Water Heater Service", description: "Installation and maintenance for endless hot water.", tag: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/water-heater-in-basement_23-2148784190.jpg"
-          title: "Data Analytics",
-          description: "Transforming complex raw data into actionable knowledge.",
-          tag: "Data",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
         },
       ]}
-      title="Advanced Technology Stack"
+      title="Our Services"
-      description="Powerful capabilities to solve complex problems."
+      description="Comprehensive plumbing solutions tailored to your needs."
     />
   </div>
 
@@ -187,63 +96,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", brand: "ProGrade", name: "Smart Leak Sensor", price: "$89", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-sensor_23-2148784210.jpg" },
-          id: "p1",
+        { id: "p2", brand: "PipePros", name: "Premium Faucet Set", price: "$199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-faucet_23-2148784195.jpg" },
-          brand: "Allotech",
-          name: "CloudSuite Pro",
-          price: "$499/mo",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074298.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Allotech",
-          name: "SecurGuard AI",
-          price: "$799/mo",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Allotech",
-          name: "CRM Flow Pro",
-          price: "$299/mo",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Allotech",
-          name: "AutoMate Enterprise",
-          price: "$999/mo",
-          rating: 5,
-          reviewCount: "65",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-organized-school-supplies-with-copy-space-education-day_23-2149241005.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Allotech",
-          name: "CloudStore HD",
-          price: "$199/mo",
-          rating: 4,
-          reviewCount: "430",
-          imageSrc: "http://img.b2bpic.net/free-photo/external-hard-drive-laptop-arrangement_23-2149417034.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Allotech",
-          name: "DevEnv Elite",
-          price: "$399/mo",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51691.jpg",
-        },
       ]}
-      title="Our Enterprise Solutions"
+      title="Quality Components"
-      description="Ready-to-deploy software tools for modern business challenges."
+      description="Professional-grade hardware for long-lasting installations."
     />
   </div>
 
@@ -254,87 +111,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
+          id: "basic", tag: "Essential", price: "$129", period: "/fix", description: "Standard repair visits.", button: { text: "Book Now" }, featuresTitle: "Includes:", features: ["Inspection", "Basic Repair", "Clean up"],
-          tag: "Starter",
-          price: "$99",
-          period: "/mo",
-          description: "Core tools for startups.",
-          button: {
-            text: "Start Now",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Cloud Hosting",
-            "Basic Analytics",
-            "1 User Seat",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Professional",
-          price: "$299",
-          period: "/mo",
-          description: "Advanced tools for scale.",
-          button: {
-            text: "Choose Pro",
-          },
-          featuresTitle: "Everything in Starter, plus:",
-          features: [
-            "Unlimited Cloud",
-            "Advanced AI",
-            "10 User Seats",
-          ],
-        },
-        {
-          id: "enterprise",
-          tag: "Enterprise",
-          price: "$899",
-          period: "/mo",
-          description: "Custom solution at scale.",
-          button: {
-            text: "Contact Sales",
-          },
-          featuresTitle: "Everything in Pro, plus:",
-          features: [
-            "Dedicated Server",
-            "24/7 Support",
-            "Unlimited Seats",
-          ],
         },
       ]}
-      title="Flexible Pricing Options"
+      title="Transparent Pricing"
-      description="Plans designed to grow with your business needs."
+      description="Fair, flat-rate pricing for all our plumbing services."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="Allotech transformed our entire digital infrastructure. Their dedication to excellence and innovative approach is truly unmatched in the industry."
+      testimonial="PipePros saved us from a basement flood on a Sunday night. Professional, prompt, and reasonably priced."
       rating={5}
-      author="Marcus Vane, Tech Innovator"
+      author="Sarah Jenkins, Homeowner"
-      avatars={[
+      avatars={[]}
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/grey-haired-businesswoman-looking-statistic-data-thinking-serious-experienced-thoughtful-female-manager-holding-marker-standing-office-room-strategy-business-management-concept_74855-7309.jpg",
-          alt: "Client 5",
-        },
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
@@ -347,92 +138,45 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        {
+        { id: "t1", name: "Mike Ross", role: "Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/happy-plumber-holding-wrench_23-2148784198.jpg" },
-          id: "t1",
-          name: "Alice Chen",
-          role: "Lead Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Miller",
-          role: "Project Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah Jones",
-          role: "Head Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena Rossi",
-          role: "UI Design Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
-        },
       ]}
-      title="Meet Our Visionaries"
+      title="Meet Our Experts"
-      description="Driven by excellence and innovation at every step."
+      description="Our team is certified, bonded, and ready to solve your plumbing challenges."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="split"
+        faqs={[
-      useInvertedBackground={false}
+          { id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for urgent plumbing issues." },
-      faqs={[
+          { id: "q2", title: "Are your plumbers licensed?", content: "All our staff are fully licensed, insured, and background checked." }
-        {
+        ]}
-          id: "q1",
+        sideTitle="Need Answers?"
-          title: "How quickly can we start?",
+        sideDescription="Check our frequently asked questions for immediate assistance."
-          content: "Our onboarding process is designed to have you ready within 48 hours.",
+        faqsAnimation="slide-up"
-        },
+        useInvertedBackground={false}
-        {
+      />
-          id: "q2",
-          title: "Is support provided 24/7?",
-          content: "Yes, our enterprise plans come with dedicated round-the-clock support.",
-        },
-        {
-          id: "q3",
-          title: "Can I customize the platform?",
-          content: "Our platform is fully modular and supports extensive custom integrations.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our services."
-      faqsAnimation="blur-reveal"
-    />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
-      useInvertedBackground={true}
+        tag="Let's Fix It"
-      background={{
+        title="Contact PipePros Today"
-        variant: "plain",
+        description="Don't let a small leak become a big problem. Reach out to our experts."
-      }}
+        background={{ variant: "plain" }}
-      tag="Let's Connect"
+        useInvertedBackground={true}
-      title="Ready to get started?"
+      />
-      description="Contact our team to discuss your project and learn how we can help you innovate."
-      buttons={[
-        {
-          text: "Contact Us",
-        },
-      ]}
-    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
-      logoText="Allotech"
+        logoText="PipePros"
-      leftLink={{
+        columns={[
-        text: "Privacy Policy",
+          { title: "Services", items: [{ label: "Emergency", href: "#" }, { label: "Repairs", href: "#" }] },
-        href: "#",
+          { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
-      }}
+        ]
-      rightLink={{
+        }
-        text: "Terms of Service",
+      />
-        href: "#",
-      }}
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>