Add src/app/contact/page.tsx

2026-05-28 12:46:11 +00:00
parent 1a1f0bb417
commit ffa4ba9558
1 changed files with 90 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumSizeLargeTitles"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Contact", id: "/contact" },
+              { name: "About Us", id: "/about" },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zalug"
+            logoAlt="Vanderstraeten logo"
+            brandName="Vanderstraeten Sanitair-Verwarming"
+            button={{
+              text: "Contact",              href: "/contact"
+            }}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Neem Contact Op"
+            title="We Horen Graag Van U!"
+            description="Heeft u vragen, wilt u een offerte aanvragen of heeft u advies nodig voor uw sanitair, verwarming of airco project? Vul het formulier in of neem direct contact met ons op."
+            buttons={[
+              { text: "Bel Ons Nu", href: "tel:+3253215287" },
+              { text: "Stuur Een E-mail", href: "mailto:info@vanderstraeten-sanitair-verwarming.be" },
+            ]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+                imageSrc="http://img.b2bpic.net/free-photo/road-wind-turbines-sunset-motion-clean-nature-energy_169016-68737.jpg"
+                imageAlt="Abstracte achtergrond van buizen en water"
+                logoText="Vanderstraeten Sanitair-Verwarming"
+                columns={[
+                    {
+                        title: "Diensten",                        items: [
+                            { label: "Sanitair", href: "/#features" },
+                            { label: "Verwarming", href: "/#features" },
+                            { label: "Airco & Warmtepompen", href: "/#features" },
+                            { label: "Onderhoud", href: "/#products" },
+                        ]
+                    },
+                    {
+                        title: "Bedrijf",                        items: [
+                            { label: "Over Ons", href: "/about" },
+                            { label: "Projecten", href: "/#products" },
+                            { label: "Getuigenissen", href: "/#testimonials" },
+                            { label: "Contact", href: "/contact" }
+                        ]
+                    },
+                    {
+                        title: "Support",                        items: [
+                            { label: "FAQ", href: "/#faq" },
+                            { label: "Privacybeleid", href: "#" },
+                            { label: "Algemene Voorwaarden", href: "#" }
+                        ]
+                    }
+                ]}
+                copyrightText="© 2025 Vanderstraeten Sanitair-verwarming. Alle rechten voorbehouden."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}