Add src/app/contact/page.tsx

2026-03-10 22:28:47 +00:00
parent 52a4c36763
commit b6cd2da13d
1 changed files with 119 additions and 0 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="SANBO Sports"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "About", id: "/about" },
+            { name: "FAQ", id: "/faq" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Neem Contact Met Ons Op"
+          description="Heb je vragen of opmerkingen? Ons team staat klaar om je te helpen."
+          tag="Contact"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Terug naar Home", href: "/" },
+            { text: "Bekijk FAQ", href: "/faq" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/young-colleagues-office_23-2147808095.jpg"
+          imageAlt="SANBO Sports customer support team"
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Word vandaag nog een tevreden SANBO klant"
+          description="Heb je vragen of wil je meer informatie over onze producten en services? Vul het formulier in en ons team neemt snel contact met je op."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Je naam", required: true },
+            { name: "email", type: "email", placeholder: "Je e-mailadres", required: true },
+            { name: "phone", type: "tel", placeholder: "Je telefoonnummer", required: false },
+            { name: "company", type: "text", placeholder: "Bedrijfsnaam (optioneel)", required: false }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Vertel ons waar je mee kan helpen...",            rows: 5,
+            required: true
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/young-colleagues-office_23-2147808095.jpg"
+          imageAlt="Professional customer support team ready to help"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          buttonText="Stuur bericht"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigatie",              items: [
+                { label: "Home", href: "/" },
+                { label: "Producten", href: "/products" },
+                { label: "About", href: "/about" },
+                { label: "FAQ", href: "/faq" }
+              ]
+            },
+            {
+              title: "Klantenservice",              items: [
+                { label: "Veelgestelde Vragen", href: "/faq" },
+                { label: "Contacteer ons", href: "/contact" },
+                { label: "Retourbeleid", href: "#" },
+                { label: "Verzendbeleid", href: "#" }
+              ]
+            },
+            {
+              title: "Bedrijf",              items: [
+                { label: "Over SANBO", href: "/about" },
+                { label: "Ons Verhaal", href: "/about" },
+                { label: "Carrières", href: "#" },
+                { label: "Blog & Insights", href: "#" }
+              ]
+            },
+            {
+              title: "Juridisch",              items: [
+                { label: "Privacybeleid", href: "#" },
+                { label: "Gebruiksvoorwaarden", href: "#" },
+                { label: "Cookiebeleid", href: "#" },
+                { label: "Garantie", href: "#" }
+              ]
+            }
+          ]}
+          bottomLeftText="© 2025 SANBO Sports. Alle rechten voorbehouden."
+          bottomRightText="Gemaakt met zorg voor kwaliteit en klantervaring."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}