Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a7c2ce4bb4 | |||
| 20e2a1f71a | |||
| fd1fffbd3c |
303
src/app/page.tsx
303
src/app/page.tsx
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
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 SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -23,101 +23,118 @@ export default function LandingPage() {
|
|||||||
contentWidth="small"
|
contentWidth="small"
|
||||||
sizing="largeSmallSizeMediumTitles"
|
sizing="largeSmallSizeMediumTitles"
|
||||||
background="none"
|
background="none"
|
||||||
cardStyle="layered-gradient"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
brandName="Serenity Healing"
|
brandName="Stellar Ventures"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "home" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "Explore", id: "explore" },
|
||||||
{ name: "Services", id: "services" },
|
{ name: "Technology", id: "technology" },
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
{ name: "Partners", id: "partners" },
|
||||||
{ name: "FAQ", id: "faq" }
|
{ name: "FAQ", id: "faq" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Book a Session", href: "#contact" }}
|
button={{ text: "Launch Portal", href: "#contact" }}
|
||||||
className="bg-transparent backdrop-blur-sm border-b border-accent/20"
|
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"
|
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"
|
buttonTextClassName="font-medium text-sm"
|
||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div className="absolute inset-0 overflow-hidden">
|
||||||
<img
|
<video
|
||||||
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AvWirEunVL3HZniBzcTNtjvLbP/uploaded-1773593678704-g2xmidr5.png"
|
autoPlay
|
||||||
alt="Calming nature background"
|
muted
|
||||||
|
loop
|
||||||
|
playsInline
|
||||||
className="w-full h-full object-cover"
|
className="w-full h-full object-cover"
|
||||||
style={{
|
>
|
||||||
animation: 'slowParallax 20s ease-in-out infinite',
|
<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 className="absolute inset-0 bg-gradient-to-b from-background/30 via-background/50 to-background" />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="relative z-10 flex items-center justify-center min-h-screen px-4">
|
<div className="relative z-10 flex flex-col items-center justify-center min-h-screen px-4 pt-12">
|
||||||
<div className="max-w-2xl w-full">
|
{/* Glassmorphic announcement badge */}
|
||||||
<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="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">
|
||||||
<div className="space-y-6 text-center">
|
<Sparkles className="w-4 h-4 text-accent" />
|
||||||
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-accent/10 text-foreground/70 text-sm">
|
<span className="text-sm font-medium text-foreground/90">Next-Generation Space Exploration</span>
|
||||||
<Sparkles className="w-4 h-4" />
|
</div>
|
||||||
<span>Therapeutic Art Practice</span>
|
|
||||||
|
{/* 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>
|
</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">
|
||||||
<h1 className="text-4xl lg:text-5xl font-light tracking-tight text-foreground leading-relaxed">
|
<span className="text-foreground/60 font-semibold text-sm">Vela</span>
|
||||||
Healing Through Art & Self Expression
|
</div>
|
||||||
</h1>
|
<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>
|
||||||
<p className="text-lg text-foreground/80 leading-relaxed">
|
</div>
|
||||||
Reconnect with yourself through art therapy, journaling, and somatic healing. A safe, creative space to process emotions and rediscover inner peace.
|
<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">
|
||||||
</p>
|
<span className="text-foreground/60 font-semibold text-sm">Orbit</span>
|
||||||
|
</div>
|
||||||
<div className="flex gap-4 justify-center flex-wrap pt-4">
|
<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">
|
||||||
<button className="px-8 py-3 rounded-full font-medium bg-primary-cta text-primary-cta-text hover:shadow-lg transition-all duration-300">
|
<span className="text-foreground/60 font-semibold text-sm">Zeno</span>
|
||||||
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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
<div id="about" data-section="about" className="bg-background">
|
<div id="about" data-section="about" className="bg-background">
|
||||||
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<SplitAbout
|
<SplitAbout
|
||||||
title="About Your Healing Guide"
|
title="About Stellar Ventures"
|
||||||
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."
|
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="Certified Professional"
|
tag="Pioneering Space Tech"
|
||||||
tagIcon={Award}
|
tagIcon={Rocket}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[{ text: "Learn My Approach", href: "#services" }]}
|
buttons={[{ text: "Learn Our Vision", href: "#technology" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{ title: "Art Therapy Certification", description: "Fully accredited in expressive and somatic art therapy practices", icon: CheckCircle },
|
{ title: "Advanced Propulsion", description: "Cutting-edge propulsion systems enabling faster, safer interstellar travel", icon: Rocket },
|
||||||
{ title: "Compassionate Care", description: "Creating emotional safety and unconditional acceptance in every session", icon: Heart },
|
{ title: "Global Network", description: "Connected with space agencies and institutions worldwide", icon: Users },
|
||||||
{ title: "Holistic Healing", description: "Integrating mind, body, and spirit through creative expression", icon: Sparkles },
|
{ title: "Research First", description: "Continuous innovation through rigorous scientific research and development", icon: Sparkles },
|
||||||
{ title: "Evidence-Based Methods", description: "Using research-backed therapeutic techniques and somatic practices", icon: Shield }
|
{ 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"
|
imageSrc="https://images.unsplash.com/photo-1446776653964-20c1d3a81b06?w=800&h=600&fit=crop"
|
||||||
imageAlt="Art therapist portrait"
|
imageAlt="Space exploration technology"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
textboxLayout="split"
|
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 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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<FeatureCardEight
|
<FeatureCardEight
|
||||||
title="Why Art Therapy Heals"
|
title="Why Choose Stellar Ventures"
|
||||||
description="Art therapy and journaling help you access deeper emotional awareness, release tension, and reconnect with your authentic self through creative expression."
|
description="We combine innovation, expertise, and vision to deliver unparalleled space exploration experiences and technological advancement."
|
||||||
tag="Therapeutic Benefits"
|
tag="Our Advantages"
|
||||||
tagIcon={Heart}
|
tagIcon={Star}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[]}
|
buttons={[]}
|
||||||
features={[
|
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: 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: "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: 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: "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: 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: "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: 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"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
ariaLabel="Benefits of art therapy"
|
ariaLabel="Benefits of space exploration with Stellar Ventures"
|
||||||
className="relative"
|
className="relative"
|
||||||
containerClassName="py-16 lg:py-24"
|
containerClassName="py-16 lg:py-24"
|
||||||
textBoxClassName="text-center mb-12"
|
textBoxClassName="text-center mb-12"
|
||||||
@@ -172,26 +189,26 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
title="Your Healing Journey"
|
title="Our Mission Timeline"
|
||||||
description="A transformative process designed to help you reconnect, heal, and thrive through art, reflection, and somatic awareness."
|
description="Ambitious milestones shaping humanity's future in space exploration and cosmic discovery."
|
||||||
tag="Holistic Process"
|
tag="Strategic Roadmap"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Rocket}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[]}
|
buttons={[]}
|
||||||
metrics={[
|
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: "phase-1", value: "2024", title: "Launch Phase", description: "Initial spacecraft deployment and orbital missions with international partners.", icon: Rocket },
|
||||||
{ 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: "phase-2", value: "2026", title: "Deep Space", description: "Extended missions to lunar bases and asteroid exploration operations.", icon: Sparkles },
|
||||||
{ 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: "phase-3", value: "2028", title: "Mars Pioneer", description: "Historic first crewed mission to Mars with advanced life support systems.", icon: Star },
|
||||||
{ 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-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"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
ariaLabel="Healing journey process"
|
ariaLabel="Mission timeline and objectives"
|
||||||
className="relative"
|
className="relative"
|
||||||
containerClassName="py-16 lg:py-24"
|
containerClassName="py-16 lg:py-24"
|
||||||
textBoxClassName="text-center mb-12"
|
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 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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
title="Healing Session Options"
|
title="Space Exploration Programs"
|
||||||
description="Choose the session format that resonates with you. Each offering is designed to meet you where you are on your healing journey."
|
description="Choose your journey into the cosmos. Each program offers unique experiences and scientific opportunities."
|
||||||
tag="Personalized Therapy"
|
tag="Expedition Options"
|
||||||
tagIcon={Heart}
|
tagIcon={Rocket}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[{ text: "Book Your First Session", href: "#contact" }]}
|
buttons={[{ text: "Reserve Your Mission", href: "#contact" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
products={[
|
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: "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: "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: "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: "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-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"
|
className="relative"
|
||||||
containerClassName="py-16 lg:py-24"
|
containerClassName="py-16 lg:py-24"
|
||||||
textBoxClassName="text-center mb-12"
|
textBoxClassName="text-center mb-12"
|
||||||
@@ -244,19 +261,19 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
</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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
title="Trusted by Wellness Partners"
|
title="Strategic Partners"
|
||||||
description="Collaborating with leading wellness organizations and therapeutic networks to bring holistic healing to our community."
|
description="Collaborating with world-leading organizations to advance space exploration and scientific discovery."
|
||||||
tag="Professional Network"
|
tag="Global Network"
|
||||||
tagIcon={Shield}
|
tagIcon={Users}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[]}
|
buttons={[]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={["Holistic Wellness Alliance", "Art Therapy Association", "Mindfulness Institute", "Mental Health Network", "Creative Arts Council", "Integrative Health Center", "Therapeutic Practice Board"]}
|
names={["Aeon Aerospace", "Vela Dynamics", "Apex Technologies", "Orbit Systems", "Zeno Research", "Cosmic Sciences Lab", "Future Space Alliance"]}
|
||||||
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"]}
|
logos={[]}
|
||||||
speed={40}
|
speed={40}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
ariaLabel="Partner organizations"
|
ariaLabel="Partner organizations"
|
||||||
@@ -267,7 +284,7 @@ export default function LandingPage() {
|
|||||||
textBoxDescriptionClassName="text-base text-foreground/75 max-w-2xl mx-auto"
|
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"
|
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"
|
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>
|
||||||
</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 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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSix
|
||||||
title="Stories of Transformation"
|
title="Explorer Stories"
|
||||||
description="Real experiences from clients who have found healing, clarity, and renewed joy through art therapy and creative expression."
|
description="Inspiring accounts from astronauts, scientists, and visionaries who are shaping humanity's future in space."
|
||||||
tag="Client Stories"
|
tag="Mission Reports"
|
||||||
tagIcon={Heart}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[]}
|
buttons={[]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
testimonials={[
|
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-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: "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-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: "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-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: "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-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: "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-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: "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-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}
|
speed={35}
|
||||||
topMarqueeDirection="left"
|
topMarqueeDirection="left"
|
||||||
ariaLabel="Client testimonials"
|
ariaLabel="Explorer and mission testimonials"
|
||||||
className="relative"
|
className="relative"
|
||||||
containerClassName="py-16 lg:py-24"
|
containerClassName="py-16 lg:py-24"
|
||||||
textBoxClassName="text-center mb-12"
|
textBoxClassName="text-center mb-12"
|
||||||
@@ -314,9 +331,9 @@ export default function LandingPage() {
|
|||||||
<div id="faq" data-section="faq" className="bg-background">
|
<div id="faq" data-section="faq" className="bg-background">
|
||||||
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<FaqDouble
|
<FaqDouble
|
||||||
title="Frequently Asked Questions"
|
title="Mission FAQ"
|
||||||
description="Everything you need to know about art therapy, sessions, and how to begin your healing journey."
|
description="Common questions about space exploration programs, safety, technology, and how to join our journey to the stars."
|
||||||
tag="Common Questions"
|
tag="Get Informed"
|
||||||
tagIcon={HelpCircle}
|
tagIcon={HelpCircle}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[]}
|
buttons={[]}
|
||||||
@@ -325,16 +342,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="smooth"
|
animationType="smooth"
|
||||||
faqs={[
|
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-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 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-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: "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-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: "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-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 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-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: "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-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 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-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 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-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"
|
className="relative"
|
||||||
containerClassName="py-16 lg:py-24"
|
containerClassName="py-16 lg:py-24"
|
||||||
textBoxTitleClassName="text-3xl lg:text-4xl font-light mb-4"
|
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 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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<ContactText
|
<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"
|
animationType="reveal-blur"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Book Your First Session", href: "#booking" },
|
{ text: "Plan Your Mission", href: "#booking" },
|
||||||
{ text: "Send Message", href: "#contact-form" }
|
{ text: "Contact Headquarters", href: "#contact-form" }
|
||||||
]}
|
]}
|
||||||
background={{ variant: "plain" }}
|
background={{ variant: "plain" }}
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
ariaLabel="Contact and booking section"
|
ariaLabel="Contact and mission planning section"
|
||||||
className="relative"
|
className="relative"
|
||||||
containerClassName="py-20 lg:py-32"
|
containerClassName="py-20 lg:py-32"
|
||||||
contentClassName="max-w-2xl mx-auto text-center"
|
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 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">
|
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Serenity Healing"
|
logoText="Stellar Ventures"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation", items: [
|
title: "Missions", items: [
|
||||||
{ label: "Home", href: "/" },
|
{ label: "Orbital Programs", href: "#offerings" },
|
||||||
{ label: "About", href: "#about" },
|
{ label: "Lunar Expeditions", href: "#offerings" },
|
||||||
{ label: "Services", href: "#services" },
|
{ label: "Mars Missions", href: "#offerings" },
|
||||||
{ label: "Testimonials", href: "#testimonials" }
|
{ 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: "FAQ", href: "#faq" },
|
||||||
{ label: "Blog", href: "/blog" },
|
|
||||||
{ label: "Journal Prompts", href: "/prompts" },
|
|
||||||
{ label: "Contact", href: "#contact" }
|
{ label: "Contact", href: "#contact" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect", items: [
|
title: "Connect", items: [
|
||||||
{ label: "Instagram", href: "https://instagram.com" },
|
{ label: "Twitter", href: "https://twitter.com" },
|
||||||
{ label: "Email", href: "mailto:hello@serenityhealing.com" },
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||||
{ label: "WhatsApp", href: "https://wa.me/1234567890" },
|
{ label: "YouTube", href: "https://youtube.com" },
|
||||||
{ label: "Book Now", href: "#contact" }
|
{ 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"
|
ariaLabel="Site footer"
|
||||||
className="relative"
|
className="relative"
|
||||||
containerClassName="py-12 lg:py-16"
|
containerClassName="py-12 lg:py-16"
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f6f0e9;
|
--background: #0a0a0a;
|
||||||
--card: #efe7dd;
|
--card: #1a1a1a;
|
||||||
--foreground: #2b180a;
|
--foreground: #ffffffe6;
|
||||||
--primary-cta: #2b180a;
|
--primary-cta: #cee7ff;
|
||||||
--primary-cta-text: #f6f0e9;
|
--primary-cta-text: #f6f0e9;
|
||||||
--secondary-cta: #efe7dd;
|
--secondary-cta: #1a1a1a;
|
||||||
--secondary-cta-text: #2b180a;
|
--secondary-cta-text: #2b180a;
|
||||||
--accent: #94877c;
|
--accent: #0ea5e9;
|
||||||
--background-accent: #afa094;
|
--background-accent: #0284c7;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user