Switch to version 3: added src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="none"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "Services", id: "/#services" },
+                  { name: "Experience", id: "/#experience" },
+                  { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Jeff & Company"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+              tag="Contact Us"
+              title="Book Your Appointment"
+              description="Ready to treat your pet? Reach out to us today and schedule a grooming session in our calm, professional salon."
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+              imageSrc="http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-smiling-man-sitting-pet-friendly-cafe-with-his-beautiful-dog-petting-golden-retriever-waiting-order_1258-314442.jpg"
+              onSubmit={(email) => console.log("New Lead:", email)}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-washing-dog_23-2149872954.jpg?_wi=2"
+            logoText="Jeff & Company Grooming"
+            columns={[
+              {
+                title: "Contact",          items: [
+                  { label: "Greystoke Dr, Ruislip", href: "#" },
+                  { label: "07598 206450", href: "tel:07598206450" },
+                ],
+              },
+              {
+                title: "Opening Hours",          items: [
+                  { label: "Mon-Fri: 9am-5pm", href: "#" },
+                  { label: "Sat: 9am-5pm", href: "#" },
+                ],
+              },
+              {
+                title: "Follow",          items: [
+                  { label: "Instagram", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}