Add src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <NavbarStyleCentered
+        navItems={[{ name: "Home", id: "/" }, { name: "Commitments", id: "/commitments" }, { name: "Blog", id: "/blog" }, { name: "Contact", id: "/contact" }]}
+        brandName="Prestige Packaging"
+      />
+      <div className="pt-32 pb-20">
+        <ContactCenter
+          title="Let's Connect"
+          description="Have questions about our packaging solutions? Our team is here to help."
+          tag="Support"
+          background={{ variant: "sparkles-gradient" }}
+        />
+      </div>
+      <FooterBaseReveal
+        logoText="Prestige Packaging"
+        columns={[]}
+      />
+    </ThemeProvider>
+  );
+}