Merge version_2 into main

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Calendar, Facebook, Instagram, Phone, Star, Twitter, Users, Zap } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "home"
+              },
+              {
+                name: "Services",                id: "services"
+              },
+              {
+                name: "About Us",                id: "about"
+              },
+              {
+                name: "Reviews",                id: "reviews"
+              },
+              {
+                name: "Contact",                id: "contact"
+              }
+            ]}
+            button={{
+              text: "Call Now",              href: "tel:+16151234567"
+            }}
+            brandName="Nashville Plumbing Pro"
+          />
+        </div>
+
+        <div id="about-page-details" data-section="about-page-details">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              {
+                type: "text",                content: "Local Plumbing Experts You Can Trust"
+              }
+            ]}
+            buttons={[
+              {
+                text: "Learn More About Us",                href: "/about"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="about-page-metrics" data-section="about-page-metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              {
+                id: "1",                value: "15+",                title: "Years of Experience",                description: "Serving the Nashville community with expertise and dedication.",                icon: Calendar
+              },
+              {
+                id: "2",                value: "98%",                title: "Customer Satisfaction",                description: "Our clients consistently rate us highly for quality and service.",                icon: Users
+              },
+              {
+                id: "3",                value: "60 Min",                title: "Average Response Time",                description: "Fast and efficient service when you need it most, minimizing inconvenience.",                icon: Zap
+              }
+            ]}
+            title="Why Choose Nashville Plumbing Pro"
+            description="Experience the difference of a local, reliable, and customer-focused plumbing service. We're committed to excellence."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Nashville Plumbing Pro"
+            copyrightText="© 2024 Nashville Plumbing Pro. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "https://facebook.com",                ariaLabel: "Facebook"
+              },
+              {
+                icon: Twitter,
+                href: "https://twitter.com",                ariaLabel: "Twitter"
+              },
+              {
+                icon: Instagram,
+                href: "https://instagram.com",                ariaLabel: "Instagram"
+              }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,80 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import { Facebook, Instagram, Phone, Twitter } from 'lucide-react';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home",                id: "home"},
+              {
+                name: "Contact",                id: "contact"},
+            ]}
+            button={{
+              text: "Call Now",              href: "tel:+16151234567"}}
+            brandName="Nashville Plumbing Pro"
+          />
+        </div>
+
+        <div id="contact-page-full" data-section="contact-page-full">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "1",                title: "What areas do you serve in Nashville?",                content: "We proudly serve all neighborhoods within the greater Nashville area, including surrounding communities."},
+              {
+                id: "2",                title: "Do you offer free estimates?",                content: "Yes, we provide free, no-obligation quotes for all our plumbing services. Contact us today to schedule yours!"},
+              {
+                id: "3",                title: "What are your business hours?",                content: "Our regular business hours are Monday-Friday, 8 AM - 5 PM. Emergency services are available 24/7."},
+            ]}
+            ctaTitle="Reach Out to Us Today!"
+            ctaDescription="Have questions or need to schedule a service? Fill out the contact form below or call us directly. We're here to provide reliable plumbing solutions!"
+            ctaButton={{
+              text: "Call Us Now",              href: "tel:+16151234567"}}
+            ctaIcon={Phone}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Nashville Plumbing Pro"
+            copyrightText="© 2024 Nashville Plumbing Pro. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "https://facebook.com",                ariaLabel: "Facebook"},
+              {
+                icon: Twitter,
+                href: "https://twitter.com",                ariaLabel: "Twitter"},
+              {
+                icon: Instagram,
+                href: "https://instagram.com",                ariaLabel: "Instagram"
+              }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,35 +31,12 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "home"},
-          id: "home",
-          href: "/",
-        },
         {
-          name: "Services",
+          name: "Contact",          id: "contact"},
-          id: "services",
-          href: "/services",
-        },
-        {
-          name: "About Us",
-          id: "about",
-          href: "/about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-          href: "/reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-          href: "/contact",
-        },
       ]}
       button={{
-        text: "Call Now",
+        text: "Call Now",        href: "tel:+16151234567"}}
-        href: "tel:+16151234567",
-      }}
       brandName="Nashville Plumbing Pro"
     />
   </div>
@@ -73,13 +50,9 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+16151234567"},
-          href: "tel:+16151234567",
-        },
         {
-          text: "Get Free Quote",
+          text: "Get Free Quote",          href: "/contact"},
-          href: "/contact",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg"
@@ -95,15 +68,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Local Plumbing Experts You Can Trust"},
-          content: "Local Plumbing Experts You Can Trust",
-        },
       ]}
       buttons={[
         {
-          text: "Learn More About Us",
+          text: "Learn More About Us",          href: "/about"},
-          href: "/about",
-        },
       ]}
     />
   </div>
@@ -116,24 +85,16 @@ export default function LandingPage() {
       features={[
         {
           icon: Droplet,
-          title: "Leak Detection & Repair",
+          title: "Leak Detection & Repair",          description: "Advanced techniques to quickly find and fix leaks, preventing costly damage to your home."},
-          description: "Advanced techniques to quickly find and fix leaks, preventing costly damage to your home.",
-        },
         {
           icon: Flame,
-          title: "Water Heater Services",
+          title: "Water Heater Services",          description: "Installation, repair, and maintenance for all types of water heaters, ensuring hot water when you need it."},
-          description: "Installation, repair, and maintenance for all types of water heaters, ensuring hot water when you need it.",
-        },
         {
           icon: Wrench,
-          title: "Drain Cleaning",
+          title: "Drain Cleaning",          description: "Thorough cleaning services to clear blockages and restore optimal flow in your pipes."},
-          description: "Thorough cleaning services to clear blockages and restore optimal flow in your pipes.",
-        },
         {
           icon: Wrench,
-          title: "Fixture Installation",
+          title: "Fixture Installation",          description: "Professional installation of new sinks, toilets, showers, and other plumbing fixtures."},
-          description: "Professional installation of new sinks, toilets, showers, and other plumbing fixtures.",
-        },
       ]}
       title="Our Top-Rated Plumbing Services"
       description="From leaky faucets to full installations, we handle all your plumbing needs with expertise and efficiency."
@@ -149,37 +110,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Homeowner",          company: "Nashville",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"},
-          role: "Homeowner",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael D.",          role: "Small Business Owner",          company: "Nashville",          rating: 5,
-          name: "Michael D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1"},
-          role: "Small Business Owner",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily R.",          role: "Resident",          company: "Nashville",          rating: 5,
-          name: "Emily R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg?_wi=1"},
-          role: "Resident",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg?_wi=1",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          role: "Property Manager",          company: "Nashville",          rating: 5,
-          name: "David K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-peace-signs-isolated-white-background_141793-84094.jpg?_wi=1"},
-          role: "Property Manager",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-peace-signs-isolated-white-background_141793-84094.jpg?_wi=1",
-        },
       ]}
       title="What Our Nashville Customers Say"
       description="Read reviews from satisfied homeowners and businesses in your area who trust us with their plumbing needs."
@@ -192,22 +133,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "How quickly can you respond to an emergency?",          content: "We offer rapid response for plumbing emergencies throughout Nashville. Call us for immediate assistance."},
-          title: "How quickly can you respond to an emergency?",
-          content: "We offer rapid response for plumbing emergencies throughout Nashville. Call us for immediate assistance.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Are your plumbers licensed and insured?",          content: "Yes, all our plumbers are fully licensed, insured, and highly trained to ensure quality service and peace of mind."},
-          title: "Are your plumbers licensed and insured?",
-          content: "Yes, all our plumbers are fully licensed, insured, and highly trained to ensure quality service and peace of mind.",
-        },
       ]}
       ctaTitle="Ready for Reliable Plumbing Service?"
       ctaDescription="Contact us today for fast, affordable service or a free, no-obligation quote. Our team is ready to help!"
       ctaButton={{
-        text: "Get Your Free Quote",
+        text: "Get Your Free Quote",        href: "/contact"}}
-        href: "/contact",
-      }}
       ctaIcon={Phone}
     />
   </div>
@@ -219,19 +152,13 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com",
+          href: "https://facebook.com",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Twitter,
-          href: "https://twitter.com",
+          href: "https://twitter.com",          ariaLabel: "Twitter"},
-          ariaLabel: "Twitter",
-        },
         {
           icon: Instagram,
-          href: "https://instagram.com",
+          href: "https://instagram.com",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>
@@ -244,24 +171,16 @@ export default function LandingPage() {
       features={[
         {
           icon: Droplet,
-          title: "Leak Detection & Repair",
+          title: "Leak Detection & Repair",          description: "Advanced techniques to quickly find and fix leaks, preventing costly damage to your home."},
-          description: "Advanced techniques to quickly find and fix leaks, preventing costly damage to your home.",
-        },
         {
           icon: Flame,
-          title: "Water Heater Services",
+          title: "Water Heater Services",          description: "Installation, repair, and maintenance for all types of water heaters, ensuring hot water when you need it."},
-          description: "Installation, repair, and maintenance for all types of water heaters, ensuring hot water when you need it.",
-        },
         {
           icon: Wrench,
-          title: "Drain Cleaning",
+          title: "Drain Cleaning",          description: "Thorough cleaning services to clear blockages and restore optimal flow in your pipes."},
-          description: "Thorough cleaning services to clear blockages and restore optimal flow in your pipes.",
-        },
         {
           icon: Wrench,
-          title: "Fixture Installation",
+          title: "Fixture Installation",          description: "Professional installation of new sinks, toilets, showers, and other plumbing fixtures."},
-          description: "Professional installation of new sinks, toilets, showers, and other plumbing fixtures.",
-        },
       ]}
       title="Our Top-Rated Plumbing Services"
       description="From leaky faucets to full installations, we handle all your plumbing needs with expertise and efficiency."
@@ -273,15 +192,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Local Plumbing Experts You Can Trust"},
-          content: "Local Plumbing Experts You Can Trust",
-        },
       ]}
       buttons={[
         {
-          text: "Learn More About Us",
+          text: "Learn More About Us",          href: "/about"},
-          href: "/about",
-        },
       ]}
     />
   </div>
@@ -294,25 +209,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "15+",          title: "Years of Experience",          description: "Serving the Nashville community with expertise and dedication.",          icon: Calendar,
-          value: "15+",
-          title: "Years of Experience",
-          description: "Serving the Nashville community with expertise and dedication.",
-          icon: Calendar,
         },
         {
-          id: "2",
+          id: "2",          value: "98%",          title: "Customer Satisfaction",          description: "Our clients consistently rate us highly for quality and service.",          icon: Users,
-          value: "98%",
-          title: "Customer Satisfaction",
-          description: "Our clients consistently rate us highly for quality and service.",
-          icon: Users,
         },
         {
-          id: "3",
+          id: "3",          value: "60 Min",          title: "Average Response Time",          description: "Fast and efficient service when you need it most, minimizing inconvenience.",          icon: Zap,
-          value: "60 Min",
-          title: "Average Response Time",
-          description: "Fast and efficient service when you need it most, minimizing inconvenience.",
-          icon: Zap,
         },
       ]}
       title="Why Choose Nashville Plumbing Pro"
@@ -329,37 +232,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Homeowner",          company: "Nashville",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2"},
-          role: "Homeowner",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael D.",          role: "Small Business Owner",          company: "Nashville",          rating: 5,
-          name: "Michael D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=2"},
-          role: "Small Business Owner",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily R.",          role: "Resident",          company: "Nashville",          rating: 5,
-          name: "Emily R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg?_wi=2"},
-          role: "Resident",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "David K.",          role: "Property Manager",          company: "Nashville",          rating: 5,
-          name: "David K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-peace-signs-isolated-white-background_141793-84094.jpg?_wi=2"},
-          role: "Property Manager",
-          company: "Nashville",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-peace-signs-isolated-white-background_141793-84094.jpg?_wi=2",
-        },
       ]}
       title="What Our Nashville Customers Say"
       description="Read reviews from satisfied homeowners and businesses in your area who trust us with their plumbing needs."
@@ -372,22 +255,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "How quickly can you respond to an emergency?",          content: "We offer rapid response for plumbing emergencies throughout Nashville. Call us for immediate assistance."},
-          title: "How quickly can you respond to an emergency?",
-          content: "We offer rapid response for plumbing emergencies throughout Nashville. Call us for immediate assistance.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Are your plumbers licensed and insured?",          content: "Yes, all our plumbers are fully licensed, insured, and highly trained to ensure quality service and peace of mind."},
-          title: "Are your plumbers licensed and insured?",
-          content: "Yes, all our plumbers are fully licensed, insured, and highly trained to ensure quality service and peace of mind.",
-        },
       ]}
       ctaTitle="Ready for Reliable Plumbing Service?"
       ctaDescription="Contact us today for fast, affordable service or a free, no-obligation quote. Our team is ready to help!"
       ctaButton={{
-        text: "Get Your Free Quote",
+        text: "Get Your Free Quote",        href: "/contact"}}
-        href: "/contact",
-      }}
       ctaIcon={Phone}
     />
   </div>

src/app/reviews/page.tsx

@@ -0,0 +1,103 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { Facebook, Instagram, Star, Twitter } from "lucide-react";
+
+export default function ReviewsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        {
+          name: "Home",          id: "home"},
+        {
+          name: "Services",          id: "services"},
+        {
+          name: "About Us",          id: "about"},
+        {
+          name: "Reviews",          id: "reviews"},
+        {
+          name: "Contact",          id: "contact"},
+      ]}
+      button={{
+        text: "Call Now",        href: "tel:+16151234567"}}
+      brandName="Nashville Plumbing Pro"
+    />
+  </div>
+
+  <div id="reviews-page-testimonials" data-section="reviews-page-testimonials">
+      <TestimonialCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      carouselMode="buttons"
+      testimonials={[
+        {
+          id: "1",          name: "Sarah J.",          role: "Homeowner",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"},
+        {
+          id: "2",          name: "Michael D.",          role: "Small Business Owner",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1"},
+        {
+          id: "3",          name: "Emily R.",          role: "Resident",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-looking-camera-successful-mature-business-woman-happy-old-professor-standing-office-with-gray-hair_657921-1221.jpg?_wi=1"},
+        {
+          id: "4",          name: "David K.",          role: "Property Manager",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-peace-signs-isolated-white-background_141793-84094.jpg?_wi=1"},
+        {
+          id: "5",          name: "Jessica L.",          role: "Homeowner",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-pointing-up_1303-34538.jpg?_wi=1"},
+        {
+          id: "6",          name: "Chris T.",          role: "Restaurant Owner",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-pointing-left_1368-2454.jpg?_wi=1"},
+        {
+          id: "7",          name: "Amanda W.",          role: "Student",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-student-glasses-holding-books-pointing-front_1303-22879.jpg?_wi=1"},
+        {
+          id: "8",          name: "Robert B.",          role: "Office Manager",          company: "Nashville",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-blank-sign_23-2147775583.jpg?_wi=1"}
+      ]}
+      title="Hear What Our Valued Customers Have to Say"
+      description="Discover why Nashville residents and businesses trust us for all their plumbing needs. Real stories from real people."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoText="Nashville Plumbing Pro"
+      copyrightText="© 2024 Nashville Plumbing Pro. All rights reserved."
+      socialLinks={[
+        {
+          icon: Facebook,
+          href: "https://facebook.com",          ariaLabel: "Facebook"},
+        {
+          icon: Twitter,
+          href: "https://twitter.com",          ariaLabel: "Twitter"},
+        {
+          icon: Instagram,
+          href: "https://instagram.com",          ariaLabel: "Instagram"},
+      ]}
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,101 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { Building2, Calendar, Droplet, Facebook, Flame, Fuel, Instagram, Phone, Star, Twitter, Users, Wrench, Zap } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="fluid"
+        cardStyle="outline"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        {
+          name: "Home",          id: "home"},
+        {
+          name: "Services",          id: "services"},
+        {
+          name: "About Us",          id: "about"},
+        {
+          name: "Reviews",          id: "reviews"},
+        {
+          name: "Contact",          id: "contact"},
+      ]}
+      button={{
+        text: "Call Now",        href: "tel:+16151234567"}}
+      brandName="Nashville Plumbing Pro"
+    />
+  </div>
+
+  <div id="services-page-features" data-section="services-page-features">
+      <FeatureBorderGlow
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
+        {
+          icon: Droplet,
+          title: "Leak Detection & Repair",          description: "Utilizing advanced technology to accurately locate and fix hidden leaks, preventing extensive water damage and high utility bills."},
+        {
+          icon: Flame,
+          title: "Water Heater Services",          description: "Expert installation, repair, and maintenance for tankless, traditional, and heat pump water heaters, ensuring a consistent supply of hot water."},
+        {
+          icon: Wrench,
+          title: "Drain Cleaning & Unclogging",          description: "Comprehensive drain cleaning to remove stubborn blockages, grease buildup, and foreign objects, restoring optimal drainage in kitchens, bathrooms, and main lines."},
+        {
+          icon: Wrench,
+          title: "Sewer Line Repair & Replacement",          description: "From minor repairs to full sewer line replacements, we diagnose and resolve issues with minimal disruption to your property."},
+        {
+          icon: Zap,
+          title: "Emergency Plumbing Services",          description: "24/7 rapid response for urgent plumbing issues like burst pipes, severe leaks, and major clogs, minimizing damage and restoring peace of mind."},
+        {
+          icon: Fuel,
+          title: "Gas Line Installation & Repair",          description: "Safe and reliable installation, inspection, and repair of gas lines for appliances, fireplaces, and outdoor living spaces."},
+        {
+          icon: Building2,
+          title: "Commercial Plumbing Solutions",          description: "Specialized plumbing services for businesses, including maintenance, repairs, and installations tailored to commercial property needs."},
+        {
+          icon: Wrench,
+          title: "Fixture Installation & Repair",          description: "Professional installation and repair of all plumbing fixtures, including sinks, faucets, toilets, showers, and garbage disposals."},
+      ]}
+      title="Our Comprehensive Plumbing Services"
+      description="From emergency repairs to routine maintenance, Nashville Plumbing Pro covers all your residential and commercial plumbing needs with expertise and reliability."
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoText="Nashville Plumbing Pro"
+      copyrightText="© 2024 Nashville Plumbing Pro. All rights reserved."
+      socialLinks={[
+        {
+          icon: Facebook,
+          href: "https://facebook.com",          ariaLabel: "Facebook"},
+        {
+          icon: Twitter,
+          href: "https://twitter.com",          ariaLabel: "Twitter"},
+        {
+          icon: Instagram,
+          href: "https://instagram.com",          ariaLabel: "Instagram"},
+      ]}
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}