From ecbdad1b4cfb3822b60c0eacb4550e7c99cb0298 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 16 Mar 2026 21:35:10 +0000
Subject: [PATCH 1/5] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 117 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 117 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..3ae3775
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import TextAbout from "@/components/sections/about/TextAbout";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Phone, Mail, MapPin, Clock } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="ProService Maple Heights"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Why Us", id: "why-us" },
+            { name: "Reviews", id: "reviews" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" },
+            { name: "Contact Page", id: "/contact" },
+            { name: "Reviews Page", id: "/reviews" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Contact Us"
+          description="Get in touch with ProService Maple Heights. We're ready to help with your service needs. Fast response, professional service, affordable pricing."
+          buttons={[
+            { text: "📞 Call Now: (216) 269-6406", href: "tel:(216) 269-6406" },
+            { text: "Get a Free Quote", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg"
+          imageAlt="Professional service technician"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="why-us" data-section="why-us">
+        <TextAbout
+          tag="Contact Information"
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          title="Multiple Ways to Reach Us - We're Here to Help"
+          buttons={[
+            { text: "Call (216) 269-6406", href: "tel:(216) 269-6406" },
+            { text: "Send Email", href: "mailto:info@proservicemh.com" }
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Send us a Message"
+          title="Request a Free Quote"
+          description="Fill out the form below and we'll get back to you within 24 hours. Or call us directly at (216) 269-6406 for immediate assistance."
+          tagIcon={Mail}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Quote"
+          termsText="By submitting this form, you're confirming that you agree to be contacted by ProService Maple Heights."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="ProService Maple Heights"
+          columns={[
+            {
+              items: [
+                { label: "Services", href: "#services" },
+                { label: "Why Us", href: "#why-us" },
+                { label: "Reviews", href: "#reviews" },
+                { label: "FAQ", href: "#faq" }
+              ]
+            },
+            {
+              items: [
+                { label: "Get a Quote", href: "#contact" },
+                { label: "Contact Us", href: "tel:(216) 269-6406" },
+                { label: "Service Area", href: "#" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "📞 (216) 269-6406", href: "tel:(216) 269-6406" },
+                { label: "📍 5510 Dunham Rd Unit 5, Maple Heights, OH 44137", href: "#" },
+                { label: "⭐ 5.0 Rating - 55+ Reviews", href: "#reviews" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From bca564b53cee993c81cbf97539e3d74317489c72 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 16 Mar 2026 21:35:10 +0000
Subject: [PATCH 2/5] Add src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 229 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 229 insertions(+)
 create mode 100644 src/app/gallery/page.tsx

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
new file mode 100644
index 0000000..e18202e
--- /dev/null
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,229 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import TextAbout from "@/components/sections/about/TextAbout";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { AlertCircle, CheckCircle, Hammer, HelpCircle, Phone, Star, TrendingUp, Wrench, Zap, Image as ImageIcon } from "lucide-react";
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="ProService Maple Heights"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Our Work Gallery"
+          description="See the quality and professionalism we bring to every project. Browse our portfolio of completed service work."
+          buttons={[
+            { text: "Get a Free Quote", href: "#contact" },
+            { text: "📞 Call Now: (216) 269-6406", href: "tel:(216) 269-6406" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg"
+          imageAlt="Professional service work"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="gallery" data-section="gallery">
+        <FeatureCardTwentySix
+          title="Project Showcase"
+          description="Browse through our recent completed projects showcasing the quality and attention to detail we bring to every job."
+          features={[
+            {
+              title: "Maintenance Project",              description: "Routine maintenance completed on schedule with thorough inspection and detailed report provided to customer.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg",              imageAlt: "Maintenance project",              buttonIcon: CheckCircle,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Emergency Repair",              description: "Quick response to emergency issue. Problem identified and resolved same day with professional workmanship.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg",              imageAlt: "Emergency repair",              buttonIcon: AlertCircle,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Equipment Installation",              description: "New equipment professionally installed with proper testing and customer training on operation and maintenance.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg",              imageAlt: "Equipment installation",              buttonIcon: Hammer,
+              buttonHref: "#contact"
+            },
+            {
+              title: "System Upgrade",              description: "Complete system upgrade improving efficiency and performance. Modern technology integrated with minimal downtime.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg",              imageAlt: "System upgrade",              buttonIcon: Zap,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Preventative Maintenance",              description: "Comprehensive preventative maintenance performed. All components inspected, cleaned, and serviced for optimal performance.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg",              imageAlt: "Preventative maintenance",              buttonIcon: Wrench,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Custom Solution",              description: "Unique challenge solved with custom solution. Problem-solving expertise applied to deliver perfect results.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg",              imageAlt: "Custom solution",              buttonIcon: Star,
+              buttonHref: "#contact"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          tag="Project Gallery"
+          tagIcon={ImageIcon}
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="why-us" data-section="why-us">
+        <TextAbout
+          tag="Our Quality"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          title="Professional Results Every Time"
+          buttons={[
+            { text: "Schedule Your Project", href: "#contact" },
+            { text: "Call (216) 269-6406", href: "tel:(216) 269-6406" }
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="reviews" data-section="reviews">
+        <TestimonialCardFifteen
+          testimonial="Customers love sharing their results! Our portfolio represents the quality, professionalism, and attention to detail you can expect from ProService."
+          rating={5}
+          author="55+ Satisfied Customers"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", alt: "Marcel Hampton - satisfied customer" },
+            { src: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-smiling-pink-background_179666-30965.jpg", alt: "Tyler Juriga - happy client" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg", alt: "Chris Jones - verified customer" },
+            { src: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6353.jpg", alt: "Additional satisfied customer" }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardTwo
+          title="Gallery Stats"
+          description="Our portfolio reflects years of dedicated service and countless successful projects completed for satisfied customers."
+          metrics={[
+            { id: "projects", value: "100+", description: "Completed Projects" },
+            { id: "rating", value: "5.0", description: "Star Rating" },
+            { id: "customers", value: "55+", description: "Happy Customers" },
+            { id: "years", value: "10+", description: "Years Experience" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          tag="Our Achievements"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          useInvertedBackground={false}
+          textboxLayout="default"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          title="Gallery FAQs"
+          description="Learn more about our work and how you can benefit from our experience."
+          tag="Questions"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          faqs={[
+            {
+              id: "q1",              title: "Can I see more project examples?",              content: "Absolutely! Contact us directly at (216) 269-6406 and we can share additional project details and photos specific to your needs."
+            },
+            {
+              id: "q2",              title: "Are before and after photos available?",              content: "Yes, we have comprehensive before/after documentation for most projects. Ask us about specific examples related to your project type."
+            },
+            {
+              id: "q3",              title: "How long does a typical project take?",              content: "Project timelines vary based on scope and complexity. We provide detailed estimates including timeline during our free quote consultation."
+            },
+            {
+              id: "q4",              title: "Do you use quality materials?",              content: "Yes, we use only professional-grade materials and equipment. Quality materials ensure long-lasting results that stand the test of time."
+            },
+            {
+              id: "q5",              title: "Is there a warranty on completed work?",              content: "All our work comes with warranty coverage. Details are provided in your project agreement and documentation."
+            },
+            {
+              id: "q6",              title: "Can I request a consultation to discuss my project?",              content: "Of course! Call us at (216) 269-6406 or fill out our quote form. We're happy to discuss your specific needs and show how we can help."
+            }
+          ]}
+          faqsAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="smooth"
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCenter
+          tag="Ready to Start?"
+          title="Let Us Help With Your Project"
+          description="Contact us to discuss your needs and see how we can deliver professional results for your project."
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Quote"
+          termsText="By requesting a quote, you're confirming that you agree to be contacted by ProService Maple Heights."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="ProService Maple Heights"
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Gallery", href: "/gallery" },
+                { label: "FAQ", href: "#faq" }
+              ]
+            },
+            {
+              items: [
+                { label: "Get a Quote", href: "#cta" },
+                { label: "Contact Us", href: "tel:(216) 269-6406" },
+                { label: "Service Area", href: "#" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "📞 (216) 269-6406", href: "tel:(216) 269-6406" },
+                { label: "📍 5510 Dunham Rd Unit 5, Maple Heights, OH 44137", href: "#" },
+                { label: "⭐ 5.0 Rating - 55+ Reviews", href: "#reviews" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 3da228aae1e084c874a7ca0848bfede25a08ca4e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 16 Mar 2026 21:35:11 +0000
Subject: [PATCH 3/5] Update src/app/page.tsx

---
 src/app/page.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d62f699..a14bb70 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,9 @@ export default function LandingPage() {
             { name: "Why Us", id: "why-us" },
             { name: "Reviews", id: "reviews" },
             { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "Contact Page", id: "/contact" },
+            { name: "Reviews Page", id: "/reviews" }
           ]}
         />
       </div>
@@ -218,4 +220,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 3e57ff9811c19670a45ada975ccf18f7d74fc4f1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 16 Mar 2026 21:35:11 +0000
Subject: [PATCH 4/5] Add src/app/reviews/page.tsx

---
 src/app/reviews/page.tsx | 119 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 119 insertions(+)
 create mode 100644 src/app/reviews/page.tsx

diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
new file mode 100644
index 0000000..01ead24
--- /dev/null
+++ b/src/app/reviews/page.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { Phone, Star } from "lucide-react";
+
+export default function ReviewsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="ProService Maple Heights"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Why Us", id: "why-us" },
+            { name: "Reviews", id: "reviews" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" },
+            { name: "Contact Page", id: "/contact" },
+            { name: "Reviews Page", id: "/reviews" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Customer Reviews"
+          description="See what our satisfied customers have to say about ProService Maple Heights. We're proud of our 5.0-star rating and 55+ happy customers."
+          buttons={[
+            { text: "📞 Call Now: (216) 269-6406", href: "tel:(216) 269-6406" },
+            { text: "Get a Free Quote", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg"
+          imageAlt="Professional service technician"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="reviews" data-section="reviews">
+        <TestimonialCardFifteen
+          testimonial="Our customers consistently rate us 5.0 stars for quality work, affordable pricing, and professional service. From general maintenance to emergency repairs, we deliver exceptional results every time."
+          rating={5}
+          author="55+ Satisfied Customers"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", alt: "Marcel Hampton - satisfied customer" },
+            { src: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-smiling-pink-background_179666-30965.jpg", alt: "Tyler Juriga - happy client" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg", alt: "Chris Jones - verified customer" },
+            { src: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6353.jpg", alt: "Additional satisfied customer" }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCenter
+          tag="Ready to Experience Our Service?"
+          title="Join Our Happy Customers"
+          description="Contact us now for a free quote or to schedule service. See why we're the trusted choice in Maple Heights!"
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Quote"
+          termsText="By requesting a quote, you're confirming that you agree to be contacted by ProService Maple Heights."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="ProService Maple Heights"
+          columns={[
+            {
+              items: [
+                { label: "Services", href: "#services" },
+                { label: "Why Us", href: "#why-us" },
+                { label: "Reviews", href: "#reviews" },
+                { label: "FAQ", href: "#faq" }
+              ]
+            },
+            {
+              items: [
+                { label: "Get a Quote", href: "#cta" },
+                { label: "Contact Us", href: "tel:(216) 269-6406" },
+                { label: "Service Area", href: "#" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "📞 (216) 269-6406", href: "tel:(216) 269-6406" },
+                { label: "📍 5510 Dunham Rd Unit 5, Maple Heights, OH 44137", href: "#" },
+                { label: "⭐ 5.0 Rating - 55+ Reviews", href: "#reviews" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 2dc2e999b179efe93dd0325b4877a7cbd0a3d20c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 16 Mar 2026 21:35:12 +0000
Subject: [PATCH 5/5] Add src/app/services/page.tsx

---
 src/app/services/page.tsx | 229 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 229 insertions(+)
 create mode 100644 src/app/services/page.tsx

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..3c973c5
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,229 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogo from "@/components/sections/hero/HeroLogo";
+import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import TextAbout from "@/components/sections/about/TextAbout";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { AlertCircle, CheckCircle, Hammer, HelpCircle, Phone, Star, TrendingUp, Wrench, Zap } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSmall"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="ProService Maple Heights"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="Our Services"
+          description="Complete service solutions tailored to your needs. Professional, affordable, and reliable."
+          buttons={[
+            { text: "Get a Free Quote", href: "#contact" },
+            { text: "📞 Call Now: (216) 269-6406", href: "tel:(216) 269-6406" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-men-working-together-with-drill_23-2148751982.jpg"
+          imageAlt="Professional service technician"
+          showDimOverlay={false}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentySix
+          title="Comprehensive Service Solutions"
+          description="We offer a full range of professional services designed to meet all your needs. Each service is delivered with quality workmanship and attention to detail."
+          features={[
+            {
+              title: "General Maintenance",              description: "Routine maintenance and inspections to keep everything running smoothly. Preventative care saves time and money.",              buttonIcon: Wrench,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Emergency Repairs",              description: "Fast response for urgent issues. Same-day service available for emergency situations. We're here when you need us most.",              buttonIcon: AlertCircle,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Equipment Installation",              description: "Professional installation services with warranty and follow-up support. New or replacement installations handled with expertise.",              buttonIcon: Hammer,
+              buttonHref: "#contact"
+            },
+            {
+              title: "System Upgrades",              description: "Modern solutions to improve efficiency and save on costs long-term. We recommend upgrades that add real value.",              buttonIcon: Zap,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Preventative Care Plans",              description: "Customized maintenance plans to extend equipment life and prevent costly breakdowns. Peace of mind included.",              buttonIcon: CheckCircle,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Custom Solutions",              description: "Unique challenges require unique solutions. We work with you to develop service plans that fit your specific situation.",              buttonIcon: Star,
+              buttonHref: "#contact"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          tag="Service Options"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="why-us" data-section="why-us">
+        <TextAbout
+          tag="Why Our Services"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          title="Expert Service You Can Trust"
+          buttons={[
+            { text: "Schedule Service Today", href: "#contact" },
+            { text: "Call (216) 269-6406", href: "tel:(216) 269-6406" }
+          ]}
+          buttonAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="reviews" data-section="reviews">
+        <TestimonialCardFifteen
+          testimonial="Our customers consistently rate us 5.0 stars for quality work, affordable pricing, and professional service across all our offerings."
+          rating={5}
+          author="55+ Satisfied Customers"
+          avatars={[
+            { src: "http://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", alt: "Marcel Hampton - satisfied customer" },
+            { src: "http://img.b2bpic.net/free-photo/front-close-view-young-female-dark-jacket-smiling-pink-background_179666-30965.jpg", alt: "Tyler Juriga - happy client" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg", alt: "Chris Jones - verified customer" },
+            { src: "http://img.b2bpic.net/free-photo/man-with-thumb-up_1368-6353.jpg", alt: "Additional satisfied customer" }
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardTwo
+          title="Service Excellence Metrics"
+          description="Proven results and consistent quality that Maple Heights residents trust for all their service needs."
+          metrics={[
+            { id: "customers", value: "55+", description: "Happy Customers" },
+            { id: "rating", value: "5.0", description: "Star Rating" },
+            { id: "response", value: "24hrs", description: "Average Response Time" },
+            { id: "area", value: "10+", description: "Years Local Experience" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          tag="Proven Results"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          useInvertedBackground={false}
+          textboxLayout="default"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          title="Service FAQs"
+          description="Common questions about our professional services and how we work."
+          tag="Questions"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          faqs={[
+            {
+              id: "q1",              title: "How quickly can you respond to service requests?",              content: "We typically respond within 24 hours. For emergency services, we offer same-day availability. Call (216) 269-6406 to discuss your urgency."
+            },
+            {
+              id: "q2",              title: "Do you provide free estimates?",              content: "Yes! We offer free quotes for all services. Contact us via phone or our quote form, and we'll provide a detailed estimate with no obligation."
+            },
+            {
+              id: "q3",              title: "What areas do you serve?",              content: "We proudly serve Maple Heights, Cleveland, and surrounding Ohio areas. Contact us to confirm service availability for your location."
+            },
+            {
+              id: "q4",              title: "What payment methods do you accept?",              content: "We accept cash, check, credit cards, and digital payments. Flexible payment options available upon request."
+            },
+            {
+              id: "q5",              title: "Are your technicians licensed and insured?",              content: "Yes, all our technicians are fully licensed, insured, and trained professionals. We stand behind our work with warranty coverage."
+            },
+            {
+              id: "q6",              title: "Can I get service on weekends?",              content: "Emergency services available 7 days a week. Contact us directly at (216) 269-6406 to schedule weekend service."
+            }
+          ]}
+          faqsAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="smooth"
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCenter
+          tag="Ready to Get Started?"
+          title="Need Our Services?"
+          description="Contact us now for a free quote or to schedule service. We're here to help!"
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Request Quote"
+          termsText="By requesting a quote, you're confirming that you agree to be contacted by ProService Maple Heights."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="ProService Maple Heights"
+          columns={[
+            {
+              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Gallery", href: "/gallery" },
+                { label: "FAQ", href: "#faq" }
+              ]
+            },
+            {
+              items: [
+                { label: "Get a Quote", href: "#cta" },
+                { label: "Contact Us", href: "tel:(216) 269-6406" },
+                { label: "Service Area", href: "#" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "📞 (216) 269-6406", href: "tel:(216) 269-6406" },
+                { label: "📍 5510 Dunham Rd Unit 5, Maple Heights, OH 44137", href: "#" },
+                { label: "⭐ 5.0 Rating - 55+ Reviews", href: "#reviews" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1