Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -4,21 +4,21 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f6f0e9;;
|
||||
--card: #efe7dd;;
|
||||
--foreground: #2b180a;;
|
||||
--primary-cta: #2b180a;;
|
||||
--secondary-cta: #efe7dd;;
|
||||
--accent: #94877c;;
|
||||
--background-accent: #e8d3c0;; */
|
||||
/* --background: #0a0a0a;;
|
||||
--card: #1a1a1a;;
|
||||
--foreground: #f0f8ffe6;;
|
||||
--primary-cta: #cee7ff;;
|
||||
--secondary-cta: #1a1a1a;;
|
||||
--accent: #00d9ff;;
|
||||
--background-accent: #004a93;; */
|
||||
|
||||
--background: #f6f0e9;;
|
||||
--card: #efe7dd;;
|
||||
--foreground: #2b180a;;
|
||||
--primary-cta: #2b180a;;
|
||||
--secondary-cta: #efe7dd;;
|
||||
--accent: #94877c;;
|
||||
--background-accent: #e8d3c0;;
|
||||
--background: #0a0a0a;;
|
||||
--card: #1a1a1a;;
|
||||
--foreground: #f0f8ffe6;;
|
||||
--primary-cta: #cee7ff;;
|
||||
--secondary-cta: #1a1a1a;;
|
||||
--accent: #00d9ff;;
|
||||
--background-accent: #004a93;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
@@ -509,7 +509,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-space-grotesk), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -522,5 +522,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
font-family: var(--font-space-grotesk), sans-serif;
|
||||
}
|
||||
@@ -1,11 +1,11 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { Space_Grotesk } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
const spaceGrotesk = Space_Grotesk({
|
||||
variable: "--font-space-grotesk", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -36,7 +36,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={manrope.variable}
|
||||
className={spaceGrotesk.variable}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
@@ -10,7 +10,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Zap, Rocket } from "lucide-react";
|
||||
import { Zap, Rocket, Star } from "lucide-react";
|
||||
|
||||
export default function MarsOrbitalPage() {
|
||||
return (
|
||||
@@ -43,12 +43,10 @@ export default function MarsOrbitalPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="The First Hotel Beyond Earth."
|
||||
description="Arriving on Mars. Redefining hospitality."
|
||||
tag="Private Space Mission"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/astral-concept-wallpaper_23-2150038872.jpg"
|
||||
imageAlt="Mars orbital horizon with faint station structures"
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="MARS ORBITAL"
|
||||
description="Arriving on Mars. Redefining hospitality. Step into the cosmos and experience the future of space-based luxury living."
|
||||
layoutOrder="default"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Place in History", href: "contact"
|
||||
@@ -57,18 +55,21 @@ export default function MarsOrbitalPage() {
|
||||
text: "Explore the Mission", href: "vision"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg"
|
||||
imageAlt="Futuristic Mars orbital hotel against cosmic backdrop"
|
||||
frameStyle="browser"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="vision" data-section="vision">
|
||||
<TestimonialAboutCard
|
||||
tag="OUR VISION"
|
||||
tagIcon={Zap}
|
||||
tagIcon={Star}
|
||||
title="Making Mars habitable, not just reachable."
|
||||
description="Long-term human presence. Scientific discovery. Quiet luxury."
|
||||
subdescription="Engineered for permanence, designed for wonder."
|
||||
icon={Rocket}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/journey-planet-mars-concept_23-2150063208.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/tranquil-sunset-rugged-mountain-landscape-beauty-undefined-generated-by-ai_188544-22148.jpg"
|
||||
imageAlt="Panoramic view of Martian terrain from orbital altitude"
|
||||
useInvertedBackground="invertDefault"
|
||||
/>
|
||||
@@ -84,13 +85,13 @@ export default function MarsOrbitalPage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "suite-gravity-zero", name: "Zero-Gravity Suite", price: "∞", imageSrc: "https://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248327.jpg?id=138548454", imageAlt: "Ultra-modern suite with panoramic Martian viewport"
|
||||
id: "suite-gravity-zero", name: "Zero-Gravity Suite", price: "∞", imageSrc: "https://img.b2bpic.net/free-photo/high-tech-futuristic-urban-travel-people_23-2151160502.jpg", imageAlt: "Ultra-modern suite with panoramic Martian viewport"
|
||||
},
|
||||
{
|
||||
id: "suite-vista", name: "Orbital Vista Chamber", price: "∞", imageSrc: "https://img.b2bpic.net/free-photo/journey-planet-mars-concept_23-2150063208.jpg", imageAlt: "Premium chamber overlooking the Red Planet horizon"
|
||||
id: "suite-vista", name: "Orbital Vista Chamber", price: "∞", imageSrc: "https://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151152042.jpg", imageAlt: "Premium chamber overlooking the Red Planet horizon"
|
||||
},
|
||||
{
|
||||
id: "suite-research", name: "Research & Retreat Pod", price: "∞", imageSrc: "https://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248327.jpg?id=138548454", imageAlt: "Minimalist pod combining science and restful solitude"
|
||||
id: "suite-research", name: "Research & Retreat Pod", price: "∞", imageSrc: "https://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821389.jpg", imageAlt: "Minimalist pod combining science and restful solitude"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -159,22 +160,22 @@ export default function MarsOrbitalPage() {
|
||||
useInvertedBackground="invertDefault"
|
||||
testimonials={[
|
||||
{
|
||||
id: "dawn", title: "Waking to a red horizon.", quote: "Your first morning on Mars: soft rust light fills the chamber as you float weightless above your pod. No Earth, no sky—just the horizon. Silence. Presence.", name: "The Arrival", role: "First light experience", imageSrc: "https://img.b2bpic.net/free-photo/tranquil-sunset-rugged-mountain-landscape-beauty-undefined-generated-by-ai_188544-22148.jpg", imageAlt: "Zero-gravity living space overlooking Martian landscape"
|
||||
id: "dawn", title: "Waking to a red horizon.", quote: "Your first morning on Mars: soft rust light fills the chamber as you float weightless above your pod. No Earth, no sky—just the horizon. Silence. Presence.", name: "The Arrival", role: "First light experience", imageSrc: "https://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768601.jpg", imageAlt: "Zero-gravity living space overlooking Martian landscape"
|
||||
},
|
||||
{
|
||||
id: "movement", title: "Movement redefined.", quote: "Low gravity changes everything. Your body moves differently. Climbing feels like floating. Walking becomes a dance. The physical world invites you to move with intention.", name: "The Adaptation", role: "Physical exploration", imageSrc: "https://img.b2bpic.net/free-photo/tranquil-sunset-rugged-mountain-landscape-beauty-undefined-generated-by-ai_188544-22148.jpg", imageAlt: "Guest experiencing low-gravity movement in hotel atrium"
|
||||
id: "movement", title: "Movement redefined.", quote: "Low gravity changes everything. Your body moves differently. Climbing feels like floating. Walking becomes a dance. The physical world invites you to move with intention.", name: "The Adaptation", role: "Physical exploration", imageSrc: "https://img.b2bpic.net/free-photo/technological-exploration-settlement_23-2151768602.jpg", imageAlt: "Guest experiencing low-gravity movement in hotel atrium"
|
||||
},
|
||||
{
|
||||
id: "dining", title: "Curated meals under alien stars.", quote: "Chef-prepared courses float on magnetic trays. Each meal pairs Martian-grown ingredients with culinary precision. You eat slowly. You taste everything. The view does the rest.", name: "The Nourishment", role: "Dining experience", imageSrc: "https://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797638.jpg", imageAlt: "Minimalist dining area with panoramic Martian viewport"
|
||||
id: "dining", title: "Curated meals under alien stars.", quote: "Chef-prepared courses float on magnetic trays. Each meal pairs Martian-grown ingredients with culinary precision. You eat slowly. You taste everything. The view does the rest.", name: "The Nourishment", role: "Dining experience", imageSrc: "https://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151761.jpg", imageAlt: "Minimalist dining area with panoramic Martian viewport"
|
||||
},
|
||||
{
|
||||
id: "exploration", title: "Guided scientific immersion.", quote: "Pressurized excursions reveal Mars' geology in real-time. You walk on actual Martian surface, study rock formations with research teams, understand the planet's story firsthand.", name: "The Discovery", role: "Geological expedition", imageSrc: "https://img.b2bpic.net/free-photo/journey-planet-mars-concept_23-2150063208.jpg", imageAlt: "Extended view of Martian terrain from research platform"
|
||||
id: "exploration", title: "Guided scientific immersion.", quote: "Pressurized excursions reveal Mars' geology in real-time. You walk on actual Martian surface, study rock formations with research teams, understand the planet's story firsthand.", name: "The Discovery", role: "Geological expedition", imageSrc: "https://img.b2bpic.net/free-photo/panoramic-shot-sprawling-desert-landscape-with-lone-figure-walking-towards-setting-sun-epic-establishing-shot_73899-23216.jpg", imageAlt: "Extended view of Martian terrain from research platform"
|
||||
},
|
||||
{
|
||||
id: "solitude", title: "Profound solitude and reflection.", quote: "Private observation decks offer unfiltered contact with Mars. Hours alone. No noise. The planet's presence becomes your companion. You understand scale, isolation, and privilege.", name: "The Stillness", role: "Personal retreat", imageSrc: "https://img.b2bpic.net/free-photo/journey-planet-mars-concept_23-2150063208.jpg", imageAlt: "Observation deck with unobstructed view of Martian horizon"
|
||||
id: "solitude", title: "Profound solitude and reflection.", quote: "Private observation decks offer unfiltered contact with Mars. Hours alone. No noise. The planet's presence becomes your companion. You understand scale, isolation, and privilege.", name: "The Stillness", role: "Personal retreat", imageSrc: "https://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248326.jpg", imageAlt: "Observation deck with unobstructed view of Martian horizon"
|
||||
},
|
||||
{
|
||||
id: "return", title: "The privilege of return.", quote: "You'll leave Mars changed. The view of Earth from Martian orbit. The memory of silence. The knowledge that you've existed in two worlds. That weight never leaves.", name: "The Ascent", role: "Departure reflection", imageSrc: "https://img.b2bpic.net/free-photo/astral-concept-wallpaper_23-2150038872.jpg", imageAlt: "View of Earth from Mars orbital station"
|
||||
id: "return", title: "The privilege of return.", quote: "You'll leave Mars changed. The view of Earth from Martian orbit. The memory of silence. The knowledge that you've existed in two worlds. That weight never leaves.", name: "The Ascent", role: "Departure reflection", imageSrc: "https://img.b2bpic.net/free-vector/mars-landscape-background-with-flat-design_23-2147971064.jpg", imageAlt: "View of Earth from Mars orbital station"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user