Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -12,7 +12,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Heart, CheckCircle, Sparkles, Shield, Palette, Wind, Lightbulb, Sprout, Award, Star, HelpCircle } from 'lucide-react';
+import { Heart, CheckCircle, Sparkles, Shield, Palette, Wind, Lightbulb, Sprout, Award, Star, HelpCircle, Rocket, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -23,101 +23,118 @@ export default function LandingPage() {
       contentWidth="small"
       sizing="largeSmallSizeMediumTitles"
       background="none"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="solid"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Serenity Healing"
+          brandName="Stellar Ventures"
           navItems={[
             { name: "Home", id: "home" },
-            { name: "About", id: "about" },
-            { name: "Services", id: "services" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "Explore", id: "explore" },
+            { name: "Technology", id: "technology" },
+            { name: "Partners", id: "partners" },
             { name: "FAQ", id: "faq" }
           ]}
-          button={{ text: "Book a Session", href: "#contact" }}
-          className="bg-transparent backdrop-blur-sm border-b border-accent/20"
-          buttonClassName="rounded-full px-6 py-2.5 bg-primary-cta text-primary-cta-text hover:shadow-lg transition-all duration-300"
+          button={{ text: "Launch Portal", href: "#contact" }}
+          className="bg-transparent backdrop-blur-md border-b border-accent/10 fixed top-0 left-0 right-0 z-50"
+          buttonClassName="rounded-full px-6 py-2.5 bg-primary-cta text-primary-cta-text hover:shadow-lg transition-all duration-300 hover:scale-105"
           buttonTextClassName="font-medium text-sm"
         />
       </div>
 
-      <div id="hero" data-section="hero" className="relative min-h-screen overflow-hidden bg-background">
+      <div id="hero" data-section="hero" className="relative min-h-screen overflow-hidden bg-background pt-20">
+        {/* Full-screen looping video background */}
         <div className="absolute inset-0 overflow-hidden">
-          <img 
-            src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvWirEunVL3HZniBzcTNtjvLbP/uploaded-1773593678704-g2xmidr5.png"
-            alt="Calming nature background"
+          <video
+            autoPlay
+            muted
+            loop
+            playsInline
             className="w-full h-full object-cover"
-            style={{
-              animation: 'slowParallax 20s ease-in-out infinite',
-            }}
-          />
-          <div className="absolute inset-0 bg-gradient-to-b from-background/30 via-background/50 to-background" />
+          >
+            <source src="https://cdn.pixabay.com/download/video/2021/04/13/67377-540639640_large.mp4" type="video/mp4" />
+          </video>
+          <div className="absolute inset-0 bg-gradient-to-b from-background/40 via-background/50 to-background/80" />
         </div>
 
-        <div className="relative z-10 flex items-center justify-center min-h-screen px-4">
-          <div className="max-w-2xl w-full">
-            <div className="rounded-3xl bg-card/40 backdrop-blur-md border border-accent/20 p-8 lg:p-12 shadow-2xl hover:shadow-3xl transition-shadow duration-500">
-              <div className="space-y-6 text-center">
-                <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-accent/10 text-foreground/70 text-sm">
-                  <Sparkles className="w-4 h-4" />
-                  <span>Therapeutic Art Practice</span>
+        <div className="relative z-10 flex flex-col items-center justify-center min-h-screen px-4 pt-12">
+          {/* Glassmorphic announcement badge */}
+          <div className="mb-6 inline-flex items-center gap-2 px-4 py-2.5 rounded-full bg-card/30 backdrop-blur-xl border border-accent/30 shadow-lg hover:shadow-xl transition-all duration-300">
+            <Sparkles className="w-4 h-4 text-accent" />
+            <span className="text-sm font-medium text-foreground/90">Next-Generation Space Exploration</span>
+          </div>
+
+          {/* Large serif headline */}
+          <h1 className="text-5xl md:text-6xl lg:text-7xl font-serif font-light tracking-tight text-foreground text-center mb-6 max-w-4xl leading-tight">
+            Venture Past Our Sky Across the Universe
+          </h1>
+
+          {/* Subtext about discovering the universe */}
+          <p className="text-lg md:text-xl text-foreground/80 text-center mb-10 max-w-2xl leading-relaxed">
+            Embark on humanity's greatest adventure. Discover new worlds, unlock cosmic mysteries, and pioneer the future of space exploration with cutting-edge technology and visionary leadership.
+          </p>
+
+          {/* Two hero CTAs */}
+          <div className="flex gap-4 justify-center flex-wrap">
+            <button className="px-8 py-4 rounded-full font-semibold bg-primary-cta text-primary-cta-text hover:shadow-2xl transition-all duration-300 hover:scale-105 text-lg">
+              Start Your Voyage
+            </button>
+            <button className="px-8 py-4 rounded-full font-semibold bg-card/40 backdrop-blur-md text-foreground border border-accent/30 hover:shadow-xl transition-all duration-300 hover:bg-card/60 text-lg">
+              View Liftoff
+            </button>
+          </div>
+        </div>
+
+        {/* Bottom partner section with collaborating text and logos */}
+        <div className="absolute bottom-0 left-0 right-0 z-20 bg-gradient-to-t from-background/90 to-transparent pt-12 pb-8">
+          <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div className="flex flex-col items-center gap-6">
+              <p className="text-center text-foreground/70 text-sm uppercase tracking-wider font-medium">
+                Collaborating with Leading Organizations
+              </p>
+              <div className="flex flex-wrap justify-center items-center gap-6 md:gap-8">
+                <div className="flex items-center justify-center h-12 px-4 bg-card/20 backdrop-blur-sm border border-accent/20 rounded-lg hover:bg-card/30 transition-all">
+                  <span className="text-foreground/60 font-semibold text-sm">Aeon</span>
                 </div>
-
-                <h1 className="text-4xl lg:text-5xl font-light tracking-tight text-foreground leading-relaxed">
-                  Healing Through Art & Self Expression
-                </h1>
-
-                <p className="text-lg text-foreground/80 leading-relaxed">
-                  Reconnect with yourself through art therapy, journaling, and somatic healing. A safe, creative space to process emotions and rediscover inner peace.
-                </p>
-
-                <div className="flex gap-4 justify-center flex-wrap pt-4">
-                  <button className="px-8 py-3 rounded-full font-medium bg-primary-cta text-primary-cta-text hover:shadow-lg transition-all duration-300">
-                    Book Your Session
-                  </button>
-                  <button className="px-8 py-3 rounded-full font-medium bg-secondary-cta text-secondary-cta-text border border-accent/20 hover:shadow-lg transition-all duration-300">
-                    Learn More
-                  </button>
+                <div className="flex items-center justify-center h-12 px-4 bg-card/20 backdrop-blur-sm border border-accent/20 rounded-lg hover:bg-card/30 transition-all">
+                  <span className="text-foreground/60 font-semibold text-sm">Vela</span>
+                </div>
+                <div className="flex items-center justify-center h-12 px-4 bg-card/20 backdrop-blur-sm border border-accent/20 rounded-lg hover:bg-card/30 transition-all">
+                  <span className="text-foreground/60 font-semibold text-sm">Apex</span>
+                </div>
+                <div className="flex items-center justify-center h-12 px-4 bg-card/20 backdrop-blur-sm border border-accent/20 rounded-lg hover:bg-card/30 transition-all">
+                  <span className="text-foreground/60 font-semibold text-sm">Orbit</span>
+                </div>
+                <div className="flex items-center justify-center h-12 px-4 bg-card/20 backdrop-blur-sm border border-accent/20 rounded-lg hover:bg-card/30 transition-all">
+                  <span className="text-foreground/60 font-semibold text-sm">Zeno</span>
                 </div>
               </div>
             </div>
           </div>
         </div>
-
-        <style jsx>{`
-          @keyframes slowParallax {
-            0%, 100% {
-              transform: translateY(0px) scale(1.05);
-            }
-            50% {
-              transform: translateY(-20px) scale(1.08);
-            }
-          }
-        `}</style>
       </div>
 
       <div id="about" data-section="about" className="bg-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <SplitAbout
-            title="About Your Healing Guide"
-            description="With over 15 years of experience in art therapy, somatic healing, and therapeutic coaching, I create safe, judgment-free spaces where creative expression becomes a pathway to emotional freedom and self-discovery."
-            tag="Certified Professional"
-            tagIcon={Award}
+            title="About Stellar Ventures"
+            description="With over 15 years of experience in space technology and exploration innovation, we create groundbreaking solutions for humanity's journey beyond Earth. Our mission is to make space exploration accessible, sustainable, and transformative for all."
+            tag="Pioneering Space Tech"
+            tagIcon={Rocket}
             tagAnimation="slide-up"
-            buttons={[{ text: "Learn My Approach", href: "#services" }]}
+            buttons={[{ text: "Learn Our Vision", href: "#technology" }]}
             buttonAnimation="slide-up"
             bulletPoints={[
-              { title: "Art Therapy Certification", description: "Fully accredited in expressive and somatic art therapy practices", icon: CheckCircle },
-              { title: "Compassionate Care", description: "Creating emotional safety and unconditional acceptance in every session", icon: Heart },
-              { title: "Holistic Healing", description: "Integrating mind, body, and spirit through creative expression", icon: Sparkles },
-              { title: "Evidence-Based Methods", description: "Using research-backed therapeutic techniques and somatic practices", icon: Shield }
+              { title: "Advanced Propulsion", description: "Cutting-edge propulsion systems enabling faster, safer interstellar travel", icon: Rocket },
+              { title: "Global Network", description: "Connected with space agencies and institutions worldwide", icon: Users },
+              { title: "Research First", description: "Continuous innovation through rigorous scientific research and development", icon: Sparkles },
+              { title: "Sustainable Exploration", description: "Committed to responsible and environmentally conscious space ventures", icon: Shield }
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/stylish-teenages-sitting-chair_23-2147611504.jpg"
-            imageAlt="Art therapist portrait"
+            imageSrc="https://images.unsplash.com/photo-1446776653964-20c1d3a81b06?w=800&h=600&fit=crop"
+            imageAlt="Space exploration technology"
             mediaAnimation="blur-reveal"
             imagePosition="right"
             textboxLayout="split"
@@ -142,21 +159,21 @@ export default function LandingPage() {
       <div id="benefits" data-section="benefits" className="bg-gradient-to-b from-background/50 to-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <FeatureCardEight
-            title="Why Art Therapy Heals"
-            description="Art therapy and journaling help you access deeper emotional awareness, release tension, and reconnect with your authentic self through creative expression."
-            tag="Therapeutic Benefits"
-            tagIcon={Heart}
+            title="Why Choose Stellar Ventures"
+            description="We combine innovation, expertise, and vision to deliver unparalleled space exploration experiences and technological advancement."
+            tag="Our Advantages"
+            tagIcon={Star}
             tagAnimation="slide-up"
             buttons={[]}
             features={[
-              { id: 1, title: "Emotional Expression", description: "Colors, shapes, and brushstrokes speak what words cannot. Express your emotions safely through creative channels.", imageSrc: "http://img.b2bpic.net/free-vector/detailed-watercolor-texture-background_1048-6370.jpg", imageAlt: "Artistic expression through watercolor" },
-              { id: 2, title: "Stress Relief & Calm", description: "Engaging in creative activities activates your parasympathetic nervous system, naturally reducing anxiety and tension.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-boardwalk-forest-surrounded-by-tall-trees_181624-6226.jpg", imageAlt: "Peaceful meditation calm" },
-              { id: 3, title: "Clarity & Self-Discovery", description: "Through journaling and art, you gain deeper insights into your patterns, values, and authentic desires.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-notebook-with-highlighter-leaves-shadow_23-2148379755.jpg", imageAlt: "Journal and reflection" },
-              { id: 4, title: "Build Confidence & Resilience", description: "Completing creative work and processing emotions strengthens your self-trust and emotional resilience.", imageSrc: "http://img.b2bpic.net/free-photo/hand-cupping-stethoscope-health-concept_53876-129536.jpg", imageAlt: "Confidence and strength" }
+              { id: 1, title: "Next-Gen Technology", description: "State-of-the-art spacecraft and systems designed for deep space missions and long-duration exploration.", imageSrc: "https://images.unsplash.com/photo-1446941614002-b63ff17a688d?w=600&h=400&fit=crop", imageAlt: "Advanced spacecraft technology" },
+              { id: 2, title: "Expert Leadership", description: "World-class team of astrophysicists, engineers, and visionaries leading humanity's cosmic expansion.", imageSrc: "https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=600&h=400&fit=crop", imageAlt: "Expert leadership team" },
+              { id: 3, title: "Safety First", description: "Rigorous protocols and redundant systems ensuring mission success and crew safety on every voyage.", imageSrc: "https://images.unsplash.com/photo-1553729784-e91953dec042?w=600&h=400&fit=crop", imageAlt: "Safety protocols" },
+              { id: 4, title: "Scientific Discovery", description: "Dedicated to unlocking cosmic mysteries and expanding human knowledge of the universe.", imageSrc: "https://images.unsplash.com/photo-1419242902214-272b3f66ee7a?w=600&h=400&fit=crop", imageAlt: "Scientific discovery" }
             ]}
             textboxLayout="default"
             useInvertedBackground={false}
-            ariaLabel="Benefits of art therapy"
+            ariaLabel="Benefits of space exploration with Stellar Ventures"
             className="relative"
             containerClassName="py-16 lg:py-24"
             textBoxClassName="text-center mb-12"
@@ -172,26 +189,26 @@ export default function LandingPage() {
         </div>
       </div>
 
-      <div id="process" data-section="process" className="bg-background">
+      <div id="technology" data-section="technology" className="bg-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <MetricCardOne
-            title="Your Healing Journey"
-            description="A transformative process designed to help you reconnect, heal, and thrive through art, reflection, and somatic awareness."
-            tag="Holistic Process"
-            tagIcon={Sparkles}
+            title="Our Mission Timeline"
+            description="Ambitious milestones shaping humanity's future in space exploration and cosmic discovery."
+            tag="Strategic Roadmap"
+            tagIcon={Rocket}
             tagAnimation="slide-up"
             buttons={[]}
             metrics={[
-              { id: "step-1", value: "01", title: "Explore & Connect", description: "Create a safe space to express emotions and connect with your inner wisdom through art.", icon: Palette },
-              { id: "step-2", value: "02", title: "Release & Process", description: "Move through emotions stored in your body and release tension through creative expression.", icon: Wind },
-              { id: "step-3", value: "03", title: "Reflect & Discover", description: "Gain clarity on patterns, triggers, and inner strengths through journaling and guided reflection.", icon: Lightbulb },
-              { id: "step-4", value: "04", title: "Integrate & Grow", description: "Build resilience and embody new perspectives as you develop lasting emotional wellness.", icon: Sprout }
+              { id: "phase-1", value: "2024", title: "Launch Phase", description: "Initial spacecraft deployment and orbital missions with international partners.", icon: Rocket },
+              { id: "phase-2", value: "2026", title: "Deep Space", description: "Extended missions to lunar bases and asteroid exploration operations.", icon: Sparkles },
+              { id: "phase-3", value: "2028", title: "Mars Pioneer", description: "Historic first crewed mission to Mars with advanced life support systems.", icon: Star },
+              { id: "phase-4", value: "2030", title: "Cosmic Expansion", description: "Establishing permanent settlements and expanding human presence across the solar system.", icon: Wind }
             ]}
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            ariaLabel="Healing journey process"
+            ariaLabel="Mission timeline and objectives"
             className="relative"
             containerClassName="py-16 lg:py-24"
             textBoxClassName="text-center mb-12"
@@ -210,23 +227,23 @@ export default function LandingPage() {
       <div id="offerings" data-section="offerings" className="bg-gradient-to-b from-background/50 to-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <ProductCardTwo
-            title="Healing Session Options"
-            description="Choose the session format that resonates with you. Each offering is designed to meet you where you are on your healing journey."
-            tag="Personalized Therapy"
-            tagIcon={Heart}
+            title="Space Exploration Programs"
+            description="Choose your journey into the cosmos. Each program offers unique experiences and scientific opportunities."
+            tag="Expedition Options"
+            tagIcon={Rocket}
             tagAnimation="slide-up"
-            buttons={[{ text: "Book Your First Session", href: "#contact" }]}
+            buttons={[{ text: "Reserve Your Mission", href: "#contact" }]}
             buttonAnimation="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
             gridVariant="two-columns-alternating-heights"
             animationType="slide-up"
             products={[
-              { id: "session-1", brand: "Art Therapy", name: "Personal Healing Session", price: "$85", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-worshop_23-2149536261.jpg?_wi=2", imageAlt: "One-on-one art therapy session" },
-              { id: "session-2", brand: "Group Therapy", name: "Creative Circle Sessions", price: "$45", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-hugging_23-2149212145.jpg?_wi=2", imageAlt: "Group therapeutic art workshop" },
-              { id: "session-3", brand: "Intensive", name: "Full Day Immersion", price: "$250", rating: 5, reviewCount: "42+", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-woman-meditating-nature_1098-1412.jpg?_wi=2", imageAlt: "Full day healing immersion retreat" }
+              { id: "mission-1", brand: "Orbital", name: "Cosmic Explorer Program", price: "$150K", rating: 5, reviewCount: "200+", imageSrc: "https://images.unsplash.com/photo-1446776877081-d282a0f896e2?w=600&h=400&fit=crop", imageAlt: "Orbital space mission" },
+              { id: "mission-2", brand: "Lunar", name: "Moon Base Initiative", price: "$500K", rating: 5, reviewCount: "85+", imageSrc: "https://images.unsplash.com/photo-1446776653964-20c1d3a81b06?w=600&h=400&fit=crop", imageAlt: "Lunar exploration" },
+              { id: "mission-3", brand: "Mars", name: "Red Planet Expedition", price: "$2.5M", rating: 5, reviewCount: "42+", imageSrc: "https://images.unsplash.com/photo-1446826477c5-446a3ad117d0?w=600&h=400&fit=crop", imageAlt: "Mars exploration mission" }
             ]}
-            ariaLabel="Session offerings and pricing"
+            ariaLabel="Space exploration programs and pricing"
             className="relative"
             containerClassName="py-16 lg:py-24"
             textBoxClassName="text-center mb-12"
@@ -244,19 +261,19 @@ export default function LandingPage() {
         </div>
       </div>
 
-      <div id="social-proof" data-section="social-proof" className="bg-background">
+      <div id="partners" data-section="partners" className="bg-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <SocialProofOne
-            title="Trusted by Wellness Partners"
-            description="Collaborating with leading wellness organizations and therapeutic networks to bring holistic healing to our community."
-            tag="Professional Network"
-            tagIcon={Shield}
+            title="Strategic Partners"
+            description="Collaborating with world-leading organizations to advance space exploration and scientific discovery."
+            tag="Global Network"
+            tagIcon={Users}
             tagAnimation="slide-up"
             buttons={[]}
             textboxLayout="default"
             useInvertedBackground={false}
-            names={["Holistic Wellness Alliance", "Art Therapy Association", "Mindfulness Institute", "Mental Health Network", "Creative Arts Council", "Integrative Health Center", "Therapeutic Practice Board"]}
-            logos={["http://img.b2bpic.net/free-psd/lifestyle-template-design_23-2150671257.jpg", "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207974.jpg", "http://img.b2bpic.net/free-psd/meditation-mindfulness-post-square-template_23-2148565204.jpg", "http://img.b2bpic.net/free-vector/flat-world-cancer-day-labels-collection_23-2149233145.jpg", "http://img.b2bpic.net/free-vector/speech-therapy-logo-template_23-2149237025.jpg", "http://img.b2bpic.net/free-vector/gift-tag-template-design_742173-15079.jpg", "http://img.b2bpic.net/free-photo/cpr-first-aid-training-concept_53876-30376.jpg"]}
+            names={["Aeon Aerospace", "Vela Dynamics", "Apex Technologies", "Orbit Systems", "Zeno Research", "Cosmic Sciences Lab", "Future Space Alliance"]}
+            logos={[]}
             speed={40}
             showCard={true}
             ariaLabel="Partner organizations"
@@ -267,7 +284,7 @@ export default function LandingPage() {
             textBoxDescriptionClassName="text-base text-foreground/75 max-w-2xl mx-auto"
             textBoxTagClassName="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-accent/10 text-foreground/70 text-sm mb-6"
             logoCardClassName="rounded-lg bg-card/30 backdrop-blur-sm border border-accent/20 p-4"
-            logoImageClassName="h-10 object-contain opacity-70"
+            logoTextClassName="text-sm font-semibold text-foreground/70"
           />
         </div>
       </div>
@@ -275,26 +292,26 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials" className="bg-gradient-to-b from-background/50 to-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <TestimonialCardSix
-            title="Stories of Transformation"
-            description="Real experiences from clients who have found healing, clarity, and renewed joy through art therapy and creative expression."
-            tag="Client Stories"
-            tagIcon={Heart}
+            title="Explorer Stories"
+            description="Inspiring accounts from astronauts, scientists, and visionaries who are shaping humanity's future in space."
+            tag="Mission Reports"
+            tagIcon={Sparkles}
             tagAnimation="slide-up"
             buttons={[]}
             textboxLayout="default"
             useInvertedBackground={false}
             animationType="slide-up"
             testimonials={[
-              { id: "testimonial-1", name: "Sarah M.", handle: "Mindful Creative", testimonial: "After just three sessions, I felt a profound shift. The art therapy gave me permission to express what my words couldn't. I'm more peaceful, grounded, and connected to myself.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg", imageAlt: "Sarah M.", icon: Star },
-              { id: "testimonial-2", name: "Jessica L.", handle: "Wellness Seeker", testimonial: "The journaling exercises paired with somatic healing have transformed how I relate to my emotions. I feel more resilient and less overwhelmed by anxiety.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-portrait-side-view_23-2149442258.jpg", imageAlt: "Jessica L.", icon: Star },
-              { id: "testimonial-3", name: "Maya K.", handle: "Creative Soul", testimonial: "I never considered myself an artist, but this space made me feel safe enough to create. Through the art, I discovered my own inner strength and clarity about my path.", imageSrc: "http://img.b2bpic.net/free-photo/positive-young-businesswoman-pointing-camera_1262-5406.jpg", imageAlt: "Maya K.", icon: Star },
-              { id: "testimonial-4", name: "Emma R.", handle: "Healing Journey", testimonial: "The compassion and expertise here is unmatched. I finally feel heard and understood. This therapy has been a turning point in my emotional wellness.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-plump-woman-loving-her-body_23-2149180832.jpg", imageAlt: "Emma R.", icon: Star },
-              { id: "testimonial-5", name: "Rachel T.", handle: "Self-Love Advocate", testimonial: "Art therapy helped me process years of stress and disconnection. Now I have tools to navigate emotions with grace and creativity. Truly transformative.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-smiling-yellow-wall_179666-15250.jpg", imageAlt: "Rachel T.", icon: Star },
-              { id: "testimonial-6", name: "Lisa C.", handle: "Grateful Heart", testimonial: "What started as curiosity became a life-changing practice. The sessions are a sanctuary of healing, and I leave feeling renewed and hopeful every single time.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg", imageAlt: "Lisa C.", icon: Star }
+              { id: "testimonial-1", name: "Dr. Elena Martinez", handle: "Chief Astronomer", testimonial: "Stellar Ventures has revolutionized how we approach space exploration. Their vision and technology are pushing humanity toward a cosmic future.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Dr. Elena Martinez", icon: Star },
+              { id: "testimonial-2", name: "Commander James Wright", handle: "Mission Director", testimonial: "The expertise and safety protocols at Stellar Ventures are unparalleled. I trust them with our most ambitious missions.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Commander James Wright", icon: Star },
+              { id: "testimonial-3", name: "Dr. Amara Okonkwo", handle: "Lead Researcher", testimonial: "Their commitment to scientific discovery and innovation has opened new frontiers in our understanding of the cosmos.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Dr. Amara Okonkwo", icon: Star },
+              { id: "testimonial-4", name: "Captain Marcus Chen", handle: "Pilot", testimonial: "Flying with Stellar Ventures technology is a privilege. The systems are cutting-edge and the team is world-class.", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", imageAlt: "Captain Marcus Chen", icon: Star },
+              { id: "testimonial-5", name: "Dr. Sophie Laurent", handle: "Astrophysicist", testimonial: "This is the future of space exploration. Stellar Ventures combines vision with practical engineering excellence.", imageSrc: "https://images.unsplash.com/photo-1489749798305-4fea3ba63d60?w=400&h=400&fit=crop", imageAlt: "Dr. Sophie Laurent", icon: Star },
+              { id: "testimonial-6", name: "Dr. Kenji Nakamura", handle: "Systems Engineer", testimonial: "Working with Stellar Ventures has been transformative. Their innovation is accelerating humanity's journey to the stars.", imageSrc: "https://images.unsplash.com/photo-1507539899637-37d02c1b940c?w=400&h=400&fit=crop", imageAlt: "Dr. Kenji Nakamura", icon: Star }
             ]}
             speed={35}
             topMarqueeDirection="left"
-            ariaLabel="Client testimonials"
+            ariaLabel="Explorer and mission testimonials"
             className="relative"
             containerClassName="py-16 lg:py-24"
             textBoxClassName="text-center mb-12"
@@ -314,9 +331,9 @@ export default function LandingPage() {
       <div id="faq" data-section="faq" className="bg-background">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <FaqDouble
-            title="Frequently Asked Questions"
-            description="Everything you need to know about art therapy, sessions, and how to begin your healing journey."
-            tag="Common Questions"
+            title="Mission FAQ"
+            description="Common questions about space exploration programs, safety, technology, and how to join our journey to the stars."
+            tag="Get Informed"
             tagIcon={HelpCircle}
             tagAnimation="slide-up"
             buttons={[]}
@@ -325,16 +342,16 @@ export default function LandingPage() {
             useInvertedBackground={false}
             animationType="smooth"
             faqs={[
-              { id: "faq-1", title: "What if I'm not artistic?", content: "Art therapy isn't about creating beautiful art—it's about creative expression and emotional healing. No artistic ability is needed. The process itself is therapeutic, regardless of the outcome." },
-              { id: "faq-2", title: "How long before I notice benefits?", content: "Many clients feel a sense of calm and relief after their first session. Deeper healing and emotional shifts typically unfold over several weeks of consistent practice." },
-              { id: "faq-3", title: "Is art therapy confidential?", content: "Absolutely. Your privacy and confidentiality are sacred. All sessions and artwork remain completely private unless you choose to share." },
-              { id: "faq-4", title: "How long is a typical session?", content: "Personal sessions are 60 minutes, which includes creative practice, processing, and reflection. Group sessions are 75 minutes. Full-day immersions are 5 hours with breaks." },
-              { id: "faq-5", title: "What should I bring to a session?", content: "Nothing! All art materials and supplies are provided. Simply bring yourself, an open heart, and willingness to explore your inner world through creativity." },
-              { id: "faq-6", title: "Can I combine sessions with other therapy?", content: "Yes, art therapy works beautifully alongside other therapeutic approaches. It's a complementary practice that enhances overall emotional wellness." },
-              { id: "faq-7", title: "What is somatic healing?", content: "Somatic healing focuses on releasing emotions and trauma stored in the body through movement, breathwork, and creative expression. It complements traditional talk therapy." },
-              { id: "faq-8", title: "How do I book a session?", content: "Simply scroll to the contact section below and fill out the booking form. I'll respond within 24 hours to confirm your session and answer any additional questions." }
+              { id: "faq-1", title: "What qualifications are needed for space missions?", content: "Physical fitness and psychological resilience are essential. We provide comprehensive training programs. Most programs require medical clearance and completion of our astronaut academy program." },
+              { id: "faq-2", title: "How long does a typical mission last?", content: "Mission duration varies: Orbital programs are 7-10 days, Lunar missions are 14-21 days, and Mars expeditions are 6-8 months. Extended station stays are also available." },
+              { id: "faq-3", title: "What safety measures are in place?", content: "We employ redundant life support systems, real-time monitoring, multiple abort procedures, and rigorous pre-flight testing. Safety is our absolute priority on every mission." },
+              { id: "faq-4", title: "Can I bring scientific equipment on board?", content: "Yes! Research payloads are welcome. We coordinate with scientific institutions worldwide to integrate experiments and maximize mission science value." },
+              { id: "faq-5", title: "What is the training program like?", content: "Our astronaut academy includes physical conditioning, technical systems training, emergency procedures, and zero-gravity simulations. Training typically lasts 6-12 months." },
+              { id: "faq-6", title: "Are there age or health restrictions?", content: "While age is not a limiting factor, good general health is required. Specific medical conditions may affect eligibility. We conduct thorough health assessments for all participants." },
+              { id: "faq-7", title: "What happens if a mission is delayed?", content: "We maintain flexible scheduling. Unfavorable weather, technical issues, or other factors may cause delays. Participants are given rescheduling options with full transparency." },
+              { id: "faq-8", title: "How do I register for a mission?", content: "Contact our mission planning team through our website or call our hotline. We'll guide you through application, qualification assessment, and booking procedures." }
             ]}
-            ariaLabel="Frequently asked questions"
+            ariaLabel="Frequently asked questions about space missions"
             className="relative"
             containerClassName="py-16 lg:py-24"
             textBoxTitleClassName="text-3xl lg:text-4xl font-light mb-4"
@@ -351,15 +368,15 @@ export default function LandingPage() {
       <div id="contact" data-section="contact" className="bg-gradient-to-b from-background to-card/20">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <ContactText
-            text="Begin Your Healing Journey\n\nYou deserve to feel at peace, express yourself freely, and rediscover your inner strength. Schedule your first session today and take the first step toward emotional healing and creative freedom."
+            text="Begin Your Cosmic Journey\n\nReady to venture beyond Earth? Join Stellar Ventures and become part of humanity's greatest adventure. Schedule your mission planning session today and take the first step toward the stars."
             animationType="reveal-blur"
             buttons={[
-              { text: "Book Your First Session", href: "#booking" },
-              { text: "Send Message", href: "#contact-form" }
+              { text: "Plan Your Mission", href: "#booking" },
+              { text: "Contact Headquarters", href: "#contact-form" }
             ]}
             background={{ variant: "plain" }}
             useInvertedBackground={true}
-            ariaLabel="Contact and booking section"
+            ariaLabel="Contact and mission planning section"
             className="relative"
             containerClassName="py-20 lg:py-32"
             contentClassName="max-w-2xl mx-auto text-center"
@@ -373,34 +390,34 @@ export default function LandingPage() {
       <div id="footer" data-section="footer" className="bg-card/30 backdrop-blur-sm">
         <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
           <FooterBaseCard
-            logoText="Serenity Healing"
+            logoText="Stellar Ventures"
             columns={[
               {
-                title: "Navigation",                items: [
-                  { label: "Home", href: "/" },
-                  { label: "About", href: "#about" },
-                  { label: "Services", href: "#services" },
-                  { label: "Testimonials", href: "#testimonials" }
+                title: "Missions",                items: [
+                  { label: "Orbital Programs", href: "#offerings" },
+                  { label: "Lunar Expeditions", href: "#offerings" },
+                  { label: "Mars Missions", href: "#offerings" },
+                  { label: "Deep Space", href: "#technology" }
                 ]
               },
               {
-                title: "Resources",                items: [
+                title: "Learn",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Technology", href: "#technology" },
                   { label: "FAQ", href: "#faq" },
-                  { label: "Blog", href: "/blog" },
-                  { label: "Journal Prompts", href: "/prompts" },
                   { label: "Contact", href: "#contact" }
                 ]
               },
               {
                 title: "Connect",                items: [
-                  { label: "Instagram", href: "https://instagram.com" },
-                  { label: "Email", href: "mailto:hello@serenityhealing.com" },
-                  { label: "WhatsApp", href: "https://wa.me/1234567890" },
-                  { label: "Book Now", href: "#contact" }
+                  { label: "Twitter", href: "https://twitter.com" },
+                  { label: "LinkedIn", href: "https://linkedin.com" },
+                  { label: "YouTube", href: "https://youtube.com" },
+                  { label: "Email", href: "mailto:hello@stellarventures.com" }
                 ]
               }
             ]}
-            copyrightText="© 2024 Serenity Healing. All rights reserved. Creating safe spaces for healing."
+            copyrightText="© 2024 Stellar Ventures. Pioneering humanity's journey across the cosmos."
             ariaLabel="Site footer"
             className="relative"
             containerClassName="py-12 lg:py-16"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #cee7ff;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #0ea5e9;
+  --background-accent: #0284c7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);