Add src/app/contact/page.tsx

2026-03-16 21:35:10 +00:00
parent d03a051b27
commit ecbdad1b4c
1 changed files with 117 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ 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>
+  );
+}