Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Collection", id: "/#products" },
+                { name: "About", id: "/about" },
+                { name: "FAQ", id: "/#faq" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="EbookVerse"
+        />
+        <div id="contact-main" className="pt-32 pb-20">
+            <ContactCTA 
+                tag="Contact Us"
+                title="Get in touch"
+                description="We're here to help. Send us a message and we'll get back to you as soon as possible."
+                buttons={[{ text: "Submit" }]}
+            />
+        </div>
+        <FooterCard logoText="EbookVerse" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}