src/app/contact/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Mail, Phone, MapPin } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Features", id: "features-bento" },
+            { name: "Pricing", id: "pricing" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="Mindflow AI"
+          bottomLeftText="Global AI Innovation"
+          bottomRightText="hello@mindflowai.com"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get in Touch"
+          title="We'd Love to Hear From You"
+          description="Have questions about Mindflow AI? Our team is ready to help you get started with our advanced AI platform. Reach out to us today."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          onSubmit={(email) => console.log("Contact form submitted:", email)}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Mindflow AI"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "#features-bento" },
+                { label: "Pricing", href: "#pricing" },
+                { label: "Security", href: "#" },
+                { label: "API Docs", href: "#" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" },
+                { label: "Contact", href: "/contact" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "Community", href: "#" },
+                { label: "Support", href: "#" },
+                { label: "Status", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookie Policy", href: "#" },
+                { label: "GDPR", href: "#" },
+              ],
+            },
+          ]}
+          copyrightText="© 2025 Mindflow AI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -33,8 +33,7 @@ export default function LandingPage() {
             { name: "Features", id: "features-bento" },
             { name: "Pricing", id: "pricing" },
             { name: "About", id: "about" },
-            { name: "Blog", id: "blog" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "/contact" },
           ]}
           brandName="Mindflow AI"
           bottomLeftText="Global AI Innovation"
@@ -309,7 +308,7 @@ export default function LandingPage() {
                 { label: "About Us", href: "#about" },
                 { label: "Blog", href: "#" },
                 { label: "Careers", href: "#" },
-                { label: "Contact", href: "#contact" },
+                { label: "Contact", href: "/contact" },
               ],
             },
             {