Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,43 @@
+'use client';
+
+import { ThemeProvider } from '@/app/ThemeProvider';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <NavbarStyleCentered
+        navItems={[
+          { name: 'Home', id: '/' },
+          { name: 'Booking', id: '/booking' },
+          { name: 'Contact', id: '/contact' }
+        ]}
+        brandName="Webild"
+      />
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get in Touch"
+          title="Contact Us"
+          description="Have questions or need support? Reach out to us using the form below, or find our contact details.\n\nEmail: info@example.com\nPhone: +1 (123) 456-7890\nAddress: 123 Webild Street, Suite 400, City, State, 12345"
+          inputPlaceholder="Your email address"
+          buttonText="Send Message"
+          termsText="By clicking 'Send Message', you agree to our privacy policy."
+          background={{ variant: 'plain' }}
+          useInvertedBackground={false}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}