Update src/app/page.tsx

Merge version_8 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" }]} 
+        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/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}
@@ -73,8 +73,8 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       features={[
-        { title: "Strategic Scaling", description: "Methodical growth strategies.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-matches-representing-graph_23-2148749506.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-concept-logotype-collection_52683-13459.jpg", buttonText: "Learn More" },
-        { title: "Revenue Optimization", description: "Maximized efficiency per channel.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/gradient-social-media-logo-collection_23-2148306808.jpg", buttonText: "Learn More" },
+        { title: "Strategic Scaling", description: "Methodical growth strategies.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-matches-representing-graph_23-2148749506.jpg", titleImageSrc: "http://img.b2bvec.net/free-vector/gradient-technology-concept-logotype-collection_52683-13459.jpg", buttonText: "Learn More" },
+        { title: "Revenue Optimization", description: "Maximized efficiency per channel.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg", titleImageSrc: "http://img.b2bvec.net/free-vector/gradient-social-media-logo-collection_23-2148306808.jpg", buttonText: "Learn More" },
         { title: "Discreet Management", description: "High-level professional privacy.", imageSrc: "http://img.b2bpic.net/free-vector/vintage-golden-art-nouveau-badge-vector_53876-57477.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/minus-icon-left-side_187299-44679.jpg", buttonText: "Learn More" },
       ]}
       title="Premium Operational Systems"
@@ -147,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}