Add src/app/contact/page.tsx

2026-05-26 15:58:36 +00:00
parent 1de006a1cb
commit 75f7a8ea3b
1 changed files with 113 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { Facebook, Linkedin, Twitter } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="mediumSizeLargeTitles"
+      background="noise"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About Us", id: "/about-us" },
+              { name: "Services", id: "/services" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "FAQ", id: "/contact#faq" },
+              { name: "Free Quote", id: "/contact" }
+            ]}
+            brandName="TBE Electrical LTD"
+            button={{
+              text: "Request a Free Quote",              href: "/contact"
+            }}
+          />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              {
+                id: "faq1",                title: "What areas do TBE Electrical LTD cover?",                content: "We proudly serve all areas across Essex, including Chelmsford, Basildon, Colchester, Southend-on-Sea, and surrounding towns. Contact us to confirm service availability in your specific location."
+              },
+              {
+                id: "faq2",                title: "Are your electricians licensed and insured?",                content: "Yes, all our electricians are fully qualified, licensed, and highly experienced. TBE Electrical LTD is also comprehensively insured, providing you with complete peace of mind for all our services."
+              },
+              {
+                id: "faq3",                title: "How quickly can you respond to an emergency?",                content: "We offer 24/7 emergency electrical services and aim to respond as quickly as possible, typically within a few hours, depending on your location and the nature of the emergency. Call our emergency line for immediate assistance."
+              },
+              {
+                id: "faq4",                title: "Do you provide free quotes?",                content: "Absolutely! We offer no-obligation, free quotes for all our electrical services. Contact us today to discuss your requirements, and we'll arrange a convenient time for an assessment."
+              },
+            ]}
+            imageSrc="https://img.b2bpic.net/free-photo/two-electrician-engineers-examine-project_169016-12126.jpg"
+            imageAlt="Electrician explaining electrical diagram to a homeowner"
+            mediaAnimation="opacity"
+            mediaPosition="right"
+            title="Your Questions, Answered"
+            description="Find quick answers to the most common questions about our services, pricing, and scheduling for your peace of mind."
+            faqsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{
+              variant: "plain"
+            }}
+            tag="Get in Touch"
+            title="Request a Free Quote Today"
+            description="Ready for reliable electrical service? Fill out the form below or call us directly for a no-obligation quote and expert advice."
+            imageSrc="https://img.b2bpic.net/free-photo/electrician-with-helmet-tools-working_169016-12022.jpg"
+            imageAlt="Electrician taking notes on a tablet during a client consultation"
+            mediaAnimation="opacity"
+            mediaPosition="left"
+            inputPlaceholder="Enter your email"
+            buttonText="Send Request"
+            termsText="By clicking Send Request you're confirming that you agree with our Terms and Conditions."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="TBE Electrical LTD"
+            copyrightText="© 2024 TBE Electrical LTD. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"
+              },
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"
+              },
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"
+              },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}