Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { ThemeProvider } from '@/components/ui/ThemeProvider';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 
 export default function ContactPage() {
   return (
@@ -12,22 +12,27 @@ export default function ContactPage() {
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="pill"
-      contentWidth="compact"
-      sizing="largeSizeMediumTitles"
+      contentWidth="medium"
+      sizing="medium"
       background="aurora"
-      cardStyle="gradient-mesh"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="layered"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       showBlurBottom={false}
     >
       <div id="nav" data-section="nav">
         <NavbarStyleMinimal
           brandName="Bloom & Petals"
           button={{
-            text: "Shop Now",
-            href: "/products"
+            text: "Shop Now",            href: "/products"
           }}
         />
+        <div style={{ position: 'absolute', top: '20px', right: '200px', zIndex: 1000 }}>
+          <Link href="/" style={{ marginRight: '15px', color: 'var(--foreground)' }}>Home</Link>
+          <Link href="/about" style={{ marginRight: '15px', color: 'var(--foreground)' }}>About</Link>
+          <Link href="/products" style={{ marginRight: '15px', color: 'var(--foreground)' }}>Products</Link>
+          <Link href="/contact" style={{ color: 'var(--foreground)' }}>Contact</Link>
+        </div>
       </div>
 
       <div id="contact" data-section="contact">