Update src/app/page.tsx

Merge version_9 into main

src/app/apply/page.tsx

@@ -22,7 +22,7 @@ export default function ApplyPage() {
       headingFontWeight="normal"
     >
       <NavbarLayoutFloatingInline 
-        navItems={[{ name: "Home", id: "/" }, { name: "Apply", id: "/apply" }, { name: "Language", id: "#lang" }]} 
+        navItems={[{ name: "Home", id: "/" }, { name: "Apply", id: "/apply" }, { name: "Contact", id: "/contact" }]} 
         brandName="Artemis Agency"
         logoClassName="w-12 h-12"
         button={{ text: "Apply Now", href: "/apply" }}
@@ -75,4 +75,4 @@ export default function ApplyPage() {
       <FooterBaseReveal logoText="ARTEMIS" columns={[]} />
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import Textarea from '@/components/form/Textarea';
+
+export default function ContactPage() {
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+  const [message, setMessage] = useState('');
+
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <NavbarLayoutFloatingInline 
+        navItems={[{ name: "Home", id: "/" }, { name: "Apply", id: "/apply" }, { name: "Contact", id: "/contact" }]} 
+        brandName="Artemis Agency"
+        logoClassName="w-12 h-12"
+        button={{ text: "Apply Now", href: "/apply" }}
+      />
+      
+      <main className="pt-32 pb-20 px-6 max-w-xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8 text-center">Contact Us</h1>
+        <form className="space-y-6">
+          <div><label className="block mb-2">Name</label><input required type="text" value={name} onChange={(e) => setName(e.target.value)} className="w-full p-3 bg-card border rounded" placeholder="Your name" /></div>
+          <div><label className="block mb-2">Email</label><input required type="email" value={email} onChange={(e) => setEmail(e.target.value)} className="w-full p-3 bg-card border rounded" placeholder="email@example.com" /></div>
+          <div><label className="block mb-2">Message</label><Textarea value={message} onChange={setMessage} placeholder="How can we help?" /></div>
+          <button type="submit" className="w-full bg-primary-cta text-white py-3 rounded">Send Message</button>
+        </form>
+      </main>
+
+      <FooterBaseReveal logoText="ARTEMIS" columns={[]} />
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -10,8 +10,8 @@ import { Mulish } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Artemis | Elite Creator Management',
-  description: 'Artemis is a premier management agency for selected creators, providing world-class strategic growth, professional operations, and absolute discretion.',
+  title: "Artemis | OnlyFans Management",
+  description: "Artemis is a professional OnlyFans and social media agency specializing in Instagram growth, content strategy, branding, and the scaling of personal brands. We provide premium management for creators, with a focus on reach, revenue, and long-term brand building.",
 };
 
 const mulish = Mulish({

src/app/page.tsx

@@ -33,7 +33,7 @@ export default function LandingPage() {
         { name: "Process", id: "#process" },
         { name: "Values", id: "#values" },
         { name: "Apply", id: "/apply" },
-        { name: "Contact", id: "#contact" },
+        { name: "Contact", id: "/contact" },
         { name: "Language", id: "#lang" }
       ]}
       brandName="Artemis Agency"
@@ -48,7 +48,7 @@ export default function LandingPage() {
       title="Professional support for your OnlyFans business."
       titleClassName="text-white drop-shadow-[0_2px_4px_rgba(0,0,0,0.8)] font-extrabold"
       description="Artemis supports selected creators with strategic growth, optimization and management — discreet, structured and professional."
-      buttons={[{ text: "Book a Free Consultation", href: "#contact" }]}
+      buttons={[{ text: "Book a Free Consultation", href: "/contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/elegant-geometric-background-business_24972-1791.jpg"
       showDimOverlay={true}
       showBlur={true}
@@ -147,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}