Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -31,49 +31,29 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Portfolio", id: "#portfolio" },
+        { name: "Work", id: "#portfolio" },
         { name: "Process", id: "#process" },
-        { name: "Pricing", id: "#pricing" },
-        { name: "Contact", id: "#contact" },
+        { name: "Packages", id: "#pricing" },
+        { name: "Audit", id: "#contact" },
       ]}
-      brandName="Studio Morocco"
+      brandName="Studio Noir"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlayTestimonial
-      title="Websites That Make Businesses Look Expensive — And Sell Better."
-      description="We design high-converting websites for restaurants, clinics, agencies, gyms and salons that want to look premium and turn visitors into customers."
+      title="Digital Authority for Local Leaders."
+      description="We help local business owners double their lead volume while maintaining a premium brand aesthetic, architecting high-performance digital ecosystems that demand attention."
       buttons={[
-        { text: "Get a Free Website Audit", href: "#contact" },
-        { text: "View Demo Projects", href: "#portfolio" },
+        { text: "Request Your Audit", href: "#contact" },
+        { text: "See Our Work", href: "#portfolio" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/row-identical-laptops-monochrome-light-corporate-teams-digital-device-fleet_169016-70819.jpg"
-      imageAlt="Professional website agency mockup"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/web-design-user-interface-concept_53876-120767.jpg", alt: "Client profile 1" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-it-remote-employee-writing-code-using-mockup-notebook_482257-116241.jpg", alt: "Client profile 2" },
-        { src: "http://img.b2bpic.net/free-photo/laptop-with-copy-space-display-empty-desk-performance-metrics_482257-126532.jpg", alt: "Client profile 3" },
-        { src: "http://img.b2bpic.net/free-photo/arabic-laptop-front-side_187299-38055.jpg", alt: "Client profile 4" },
-        { src: "http://img.b2bpic.net/free-photo/man-restaurant-concentrating-laptop_23-2147826852.jpg", alt: "Client profile 5" },
-      ]}
-      avatarText="Trusted by 50+ local businesses"
+      imageAlt="Professional premium design studio"
+      avatarText="Trusted by leading local enterprises"
       testimonials={[
-        {
-          name: "Sarah Miller",          handle: "@sarahsmiller",          testimonial: "The design quality is unmatched. My restaurant bookings doubled within the first month of the new site.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-restaurant-concentrating-laptop_23-2147826852.jpg"},
-        {
-          name: "Dr. James Aris",          handle: "@drjamesaris",          testimonial: "Finally, a website that looks professional and builds trust with my patients. Seamless experience.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/health-specialist-showing-horizontal-greenscreen-tablet-patient-looking-display-mockup-isolated-template-with-blank-copyspace-chroma-key-background-gadget-close-up_482257-45685.jpg"},
-        {
-          name: "Elena Rossi",          handle: "@elena_rossi",          testimonial: "Studio Morocco made my architecture portfolio look world-class. The attention to detail is superb.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg"},
-        {
-          name: "Mark Thornton",          handle: "@thorntonfitness",          testimonial: "High-converting, sleek, and fast. My gym sign-ups have increased significantly since launch.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/build-body-daily-workout-concept_53876-13877.jpg"},
-        {
-          name: "Linda Vance",          handle: "@lvancebeauty",          testimonial: "The booking system integrated perfectly. My clients love the elegant, feminine aesthetic.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-132577.jpg"},
+        { name: "Alex Rivera", handle: "@arivera", testimonial: "The site transformation increased our leads by 40% in just two months. Unmatched quality.", rating: 5 },
+        { name: "Sarah Chen", handle: "@schen", testimonial: "Finally, a team that understands how to position premium services. Exceptional execution.", rating: 5 }
       ]}
     />
   </div>
@@ -81,10 +61,10 @@ export default function LandingPage() {
   <div id="problem" data-section="problem">
       <MediaAbout
       useInvertedBackground={false}
-      title="Most businesses lose customers before they even get a message."
-      description="Is your current website costing you potential clients? We fix outdated layouts, mobile-unfriendly experiences, and unclear calls to action that drive visitors away. We build digital assets that work 24/7."
+      title="Your website should be your best salesperson."
+      description="If your digital presence isn't driving consistent lead flow, you're leaving revenue on the table. We replace friction-filled, outdated designs with streamlined, high-trust digital experiences tailored for your specific market."
       imageSrc="http://img.b2bpic.net/free-photo/side-view-man-using-laptop-outdoors_23-2150747668.jpg"
-      imageAlt="Outdated website frustration"
+      imageAlt="Modern professional design"
     />
   </div>
 
@@ -95,36 +75,36 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Business Website",          description: "Professional hub for your brand.",          icon: Globe,
+          title: "Authority Platforms",          description: "Full-scale digital hubs engineered for trust.",          icon: Globe,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg" },
             { imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-replaceable-screen-hospital-cabinet-doctor-wearing-coat-arriving-health-clinic-nurse-writing-prescription-notebook-with-green-screen-medic-clinic_482257-3034.jpg" }
           ]
         },
         {
-          title: "Landing Page",          description: "High-conversion single page focus.",          icon: Zap,
+          title: "Conversion Funnels",          description: "Strategic landing pages that focus on one goal: leads.",          icon: Zap,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-124687.jpg" },
             { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-laptop-seaside_23-2148968962.jpg" }
           ]
         },
         {
-          title: "Booking Website",          description: "Seamless scheduling for your services.",          icon: Calendar,
+          title: "Integrated Systems",          description: "Automated booking and scheduling workflows.",          icon: Calendar,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500977.jpg" },
             { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-korean-woman-making-toast-watching-video-digital-tablet-looking-screen_1258-190989.jpg" }
           ]
         },
         {
-          title: "Website Redesign",          description: "Modernize your existing presence.",          icon: RefreshCw,
+          title: "Brand Refinement",          description: "Modernizing your existing digital assets.",          icon: RefreshCw,
           mediaItems: [
             { imageSrc: "http://img.b2bpic.net/free-photo/coffee-relaxation-beverage-planning-data-digital-concept_53876-63189.jpg?_wi=1" },
             { imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-laptop-screen_23-2149416731.jpg?_wi=1" }
           ]
         }
       ]}
-      title="We turn your online presence into a sales asset."
-      description="Our solutions are tailored to local business needs, focusing on trust and conversion."
+      title="Engineering conversion, not just code."
+      description="Every element is crafted to position your brand as the premium choice in your local market."
     />
   </div>
 
@@ -135,15 +115,13 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Premium Café Redesign", price: "Concept Project", variant: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/coffee-relaxation-beverage-planning-data-digital-concept_53876-63189.jpg?_wi=2" },
-        { id: "p2", name: "Dental Clinic Landing", price: "Demo Redesign", variant: "Medical", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-laptop-screen_23-2149416731.jpg?_wi=2" },
-        { id: "p3", name: "Real Estate Agency", price: "Concept Project", variant: "Real Estate", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-127370.jpg" },
-        { id: "p4", name: "Fitness Coach Booking", price: "Sample Case Study", variant: "Wellness", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-training-with-laptop_23-2150384088.jpg" },
-        { id: "p5", name: "Architecture Portfolio", price: "Concept Project", variant: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/architects-working-project_53876-46878.jpg" },
-        { id: "p6", name: "Beauty Salon Booking", price: "Demo Redesign", variant: "Beauty", imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148552092.jpg" },
+        { id: "p1", name: "Hospitality Ecosystem", price: "Custom Strategy", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/coffee-relaxation-beverage-planning-data-digital-concept_53876-63189.jpg?_wi=2" },
+        { id: "p2", name: "Clinic Performance Site", price: "Conversion Asset", variant: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-laptop-screen_23-2149416731.jpg?_wi=2" },
+        { id: "p3", name: "Elite Real Estate Portfolio", price: "Premium Branding", variant: "Authority", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-127370.jpg" },
+        { id: "p4", name: "Wellness Booking System", price: "Operational Asset", variant: "System", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-training-with-laptop_23-2150384088.jpg" },
       ]}
-      title="Concept Demo Projects"
-      description="Built to demonstrate our process and capabilities."
+      title="Curated Work"
+      description="Examples of how we position brands to command authority."
     />
   </div>
 
@@ -153,14 +131,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        { id: "m1", value: "01", title: "Audit", items: ["Deep dive into current site", "Competitor research", "Identify growth opportunities"] },
-        { id: "m2", value: "02", title: "Strategy", items: ["Define business goals", "Target audience analysis", "Conversion path design"] },
-        { id: "m3", value: "03", title: "Design", items: ["Premium interface mockups", "Modern brand alignment", "User experience focus"] },
-        { id: "m4", value: "04", title: "Build", items: ["Responsive web development", "Performance optimization", "SEO foundations"] },
-        { id: "m5", value: "05", title: "Launch", items: ["Deployment & testing", "Quality assurance", "Final handover & support"] },
+        { id: "m1", value: "01", title: "Discovery", items: ["Market landscape audit", "Audience mapping", "Revenue goal alignment"] },
+        { id: "m2", value: "02", title: "Architecture", items: ["Strategic wireframing", "Conversion journey design", "Tech stack selection"] },
+        { id: "m3", value: "03", title: "Execution", items: ["Premium interface design", "Sophisticated animation", "Brand voice implementation"] },
+        { id: "m4", value: "04", title: "Engineering", items: ["Performance optimization", "Responsive fluidity", "SEO infrastructure"] },
+        { id: "m5", value: "05", title: "Launch", items: ["Deployment protocol", "Final quality assurance", "Support transition"] },
       ]}
-      title="Simple process. Fast delivery."
-      description="Our five-step framework ensures quality, clarity, and speed."
+      title="A rigorous path to authority."
+      description="Our framework is designed for speed, precision, and measurable outcomes."
     />
   </div>
 
@@ -170,22 +148,22 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "starter", tag: "Starter", period: "once", price: "Starting from $999", description: "Professional entry-level presence.", button: { text: "Get Quote", href: "#contact" }, featuresTitle: "Includes:", features: ["1-3 pages", "Responsive design", "Contact form", "WhatsApp button"] },
-        { id: "growth", tag: "Growth", period: "once", price: "Starting from $1,999", description: "Lead-focused digital growth.", button: { text: "Get Quote", href: "#contact" }, featuresTitle: "Everything in Starter, plus:", features: ["4-6 pages", "SEO Basics", "Booking/contact flow", "Analytics setup"] },
-        { id: "premium", tag: "Premium", period: "once", price: "Starting from $3,499", description: "Full-service digital system.", button: { text: "Get Quote", href: "#contact" }, featuresTitle: "Everything in Growth, plus:", features: ["Landing page strategy", "Brand direction", "SEO structure", "Content guidance"] },
+        { id: "starter", tag: "Essential", period: "project", price: "From $1,500", description: "High-impact digital presence.", button: { text: "Request Quote", href: "#contact" }, featuresTitle: "Core Features:", features: ["Performance Design", "Responsive Architecture", "Lead Capture Flow", "SEO Foundation"] },
+        { id: "growth", tag: "Growth", period: "project", price: "From $2,800", description: "Scale your local reach.", button: { text: "Request Quote", href: "#contact" }, featuresTitle: "Everything in Essential, plus:", features: ["Booking Integration", "Advanced Analytics", "Content Strategy", "Enhanced Trust Modules"] },
+        { id: "premium", tag: "Authority", period: "project", price: "From $4,500", description: "Total digital dominance.", button: { text: "Request Quote", href: "#contact" }, featuresTitle: "Everything in Growth, plus:", features: ["Custom UI System", "Full Sales Funnel", "Performance Automations", "Priority Support"] },
       ]}
-      title="Flexible Service Packages"
-      description="Professional web systems tailored to your needs."
+      title="Investment Packages"
+      description="Tailored digital systems for premium outcomes."
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Built for ambitious businesses."
-      description="I started this studio to help local businesses stop looking average online. With a background in design and digital strategy, I build websites that are beautiful, functional, and built to sell."
+      title="Studio Noir: Design for Leaders."
+      description="We don't believe in 'template' business. We believe in crafting deliberate digital experiences that mirror the quality of the service you provide. When your brand looks expensive, your clients expect premium results."
       imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345417.jpg"
-      imageAlt="About the designer"
+      imageAlt="About Studio Noir"
     />
   </div>
 
@@ -193,36 +171,36 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{ variant: "radial-gradient" }}
-      tag="FREE AUDIT"
-      title="Want to know what your website is costing you?"
-      description="Get a custom audit to see how we can improve your conversion and customer trust."
-      buttons={[{ text: "Get Free Website Audit", href: "#" }]}
+      tag="GET STARTED"
+      title="Ready to raise your standards?"
+      description="Schedule your complimentary website strategy audit. Let's build something worth talking about."
+      buttons={[{ text: "Get My Strategy Audit", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="Studio Morocco"
+      logoText="Studio Noir"
       columns={[
         {
-          title: "Navigation",          items: [
-            { label: "Portfolio", href: "#portfolio" },
+          title: "Links",          items: [
+            { label: "Work", href: "#portfolio" },
             { label: "Process", href: "#process" },
-            { label: "Pricing", href: "#pricing" },
+            { label: "Packages", href: "#pricing" },
           ],
         },
         {
-          title: "Contact",          items: [
-            { label: "WhatsApp", href: "#" },
-            { label: "Email", href: "#" },
-            { label: "Instagram", href: "#" },
+          title: "Connect",          items: [
+            { label: "Strategy Audit", href: "#contact" },
+            { label: "Direct Inquiry", href: "#" },
+            { label: "Press", href: "#" },
           ],
         },
       ]}
-      copyrightText="© 2024 Studio Morocco. All rights reserved."
+      copyrightText="© 2024 Studio Noir. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}