Update src/app/page.tsx

Merge version_9 into main

src/app/apply/page.tsx

@@ -22,8 +22,9 @@ export default function ApplyPage() {
       headingFontWeight="normal"
     >
       <NavbarLayoutFloatingInline 
-        navItems={[{ name: "Home", id: "/" }, { name: "Apply", id: "/apply" }]} 
-        brandName="Artemis"
+        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" }}
       />
       
@@ -44,10 +45,10 @@ export default function ApplyPage() {
         </div>
 
         <form className="space-y-6">
-          <div><label className="block mb-2">Full Name</label><input type="text" className="w-full p-3 bg-card border rounded" placeholder="Your full name" /></div>
-          <div><label className="block mb-2">Age</label><input type="number" className="w-full p-3 bg-card border rounded" placeholder="Your age" /></div>
-          <div><label className="block mb-2">Email</label><input type="email" className="w-full p-3 bg-card border rounded" placeholder="email@example.com" /></div>
-          <div><label className="block mb-2">Phone</label><input type="tel" className="w-full p-3 bg-card border rounded" placeholder="+49..." /></div>
+          <div><label className="block mb-2">Full Name</label><input required type="text" className="w-full p-3 bg-card border rounded" placeholder="Your full name" /></div>
+          <div><label className="block mb-2">Age</label><input required type="number" className="w-full p-3 bg-card border rounded" placeholder="Your age" /></div>
+          <div><label className="block mb-2">Email</label><input required type="email" className="w-full p-3 bg-card border rounded" placeholder="email@example.com" /></div>
+          <div><label className="block mb-2">Phone</label><input required type="tel" className="w-full p-3 bg-card border rounded" placeholder="+49..." /></div>
           <div><label className="block mb-2">Country</label><select className="w-full p-3 bg-card border rounded"><option>Germany</option><option>Austria</option><option>Switzerland</option></select></div>
           
           {mode === 'model' && (

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,9 +33,12 @@ 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"
+      brandName="Artemis Agency"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzkD2uz35Ou1bcDokeeXdpdXCv/uploaded-1779296716411-d4fpppan.jpg"
+      logoClassName="w-12 h-12"
       button={{ text: "Apply Now", href: "/apply" }}
     />
   </div>
@@ -43,8 +46,9 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroOverlay
       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}
@@ -69,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"
@@ -133,6 +137,7 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="ARTEMIS"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DzkD2uz35Ou1bcDokeeXdpdXCv/uploaded-1779296716411-d4fpppan.jpg"
       columns={[
         { title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
         { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },