Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
334
src/app/page.tsx
334
src/app/page.tsx
@@ -10,8 +10,9 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Rocket, Shield, Star } from "lucide-react";
|
||||
import { Rocket, Shield, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Journey",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Journey", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Packages", id: "pricing" },
|
||||
]}
|
||||
brandName="MarsExpeditions"
|
||||
/>
|
||||
@@ -56,61 +46,43 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Journey Beyond Earth to Mars"
|
||||
description="Experience humanity's next frontier through immersive technology and expert-guided expeditions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Mars Missions",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Mars Missions", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-xray-cyclist_183364-119256.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-virtual-reality-goggles-with-special-effects_23-2148815721.jpg",
|
||||
alt: "Astronaut portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-vr-glasses-futuristic-city_23-2150904709.jpg",
|
||||
alt: "Astronaut portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-tech-travel-future-time_23-2151160541.jpg",
|
||||
alt: "Astronaut portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250201.jpg",
|
||||
alt: "Astronaut portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599395.jpg",
|
||||
alt: "Astronaut portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ explorers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Exploration Metrics"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Successful Launches",
|
||||
value: "12",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security Protocol",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Years Experience",
|
||||
value: "25",
|
||||
},
|
||||
{ icon: Rocket, label: "Successful Launches", value: "12" },
|
||||
{ icon: Shield, label: "Security Protocol", value: "99.9%" },
|
||||
{ icon: Star, label: "Years Experience", value: "25" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Mission Experts"
|
||||
description="The brilliant minds guiding humanity's future on Mars."
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "Dr. Aris Thorne", role: "Lead Astrobiologist", description: "Specializing in extraterrestrial life sustainability and habitat bio-systems.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-reading-book-looking-aside_171337-15756.jpg"
|
||||
},
|
||||
{
|
||||
id: "m2", name: "Commander Elena Vex", role: "Mission Operations", description: "Former orbital pilot with over 5,000 hours of deep space navigation.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-astronaut-wearing-spacesuit_23-2150417584.jpg"
|
||||
},
|
||||
{
|
||||
id: "m3", name: "Kaelen Voss", role: "Infrastructure Engineer", description: "Architecting the next generation of modular Mars surface habitation.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,209 +92,25 @@ export default function LandingPage() {
|
||||
title="Advanced Martian Infrastructure"
|
||||
description="State-of-the-art living modules and navigation technology for safe and memorable planetary exploration."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Living Modules",
|
||||
content: "Engineered for maximum comfort and radiation protection.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Rover",
|
||||
content: "Designed to handle extreme terrain and dust conditions.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Life Support",
|
||||
content: "Sustainable oxygen and water cycle systems.",
|
||||
},
|
||||
{ id: "f1", title: "Living Modules", content: "Engineered for maximum comfort and radiation protection." },
|
||||
{ id: "f2", title: "Advanced Rover", content: "Designed to handle extreme terrain and dust conditions." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/surreal-geometric-shapes-barren-desert_23-2151296282.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Travel Kit",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aliens-kidnapping-rocket-concept_23-2149768579.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bio-Tracker",
|
||||
price: "$1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-digital-monitors_23-2148910246.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ration Pack",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-box-with-leftover-cookie_23-2148666825.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Telescope",
|
||||
price: "$2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-little-boy-using-telescope_23-2148762012.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "VR Headset",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-gaming-virtual-reality-headset_23-2151133166.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Collector Coin",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-night-space-sky-out-old-porthole-window_1048-8149.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expedition Gear"
|
||||
description="Essential equipment for every intrepid space explorer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Core",
|
||||
price: "$250k",
|
||||
subtitle: "Lunar Flyby Expedition",
|
||||
features: [
|
||||
"Training Module",
|
||||
"Orbital View",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$1.2M",
|
||||
subtitle: "Full Mars Landing",
|
||||
features: [
|
||||
"Life Support Kit",
|
||||
"Rover Access",
|
||||
"Mission Patch",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite",
|
||||
price: "$5.0M",
|
||||
subtitle: "Colony Founding",
|
||||
features: [
|
||||
"Habitation Share",
|
||||
"Private Suite",
|
||||
"Research Rights",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Core", price: "$250k", subtitle: "Lunar Flyby", features: ["Training", "Orbital View"], buttons: [{ text: "Reserve" }] },
|
||||
{ id: "pro", badge: "Premium", price: "$1.2M", subtitle: "Mars Landing", features: ["Life Support", "Rover Access"], buttons: [{ text: "Reserve" }] },
|
||||
]}
|
||||
title="Mission Packages"
|
||||
description="Select your journey duration and level of immersion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Astrophysicist",
|
||||
testimonial: "A life-changing experience that redefined my perspective on our place in the universe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-reading-book-looking-aside_171337-15756.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Travel Tech Lead",
|
||||
testimonial: "The expedition technology is truly cutting-edge. Seamless and awe-inspiring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-astronaut-wearing-spacesuit_23-2150417584.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Creator",
|
||||
testimonial: "Capture the beauty of another world like never before. Absolute perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Engineer",
|
||||
testimonial: "Engineering marvels met my highest expectations for Martian survival.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Smith",
|
||||
role: "Student",
|
||||
testimonial: "The mission was educational, thrilling, and safe. A must-do for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-looking-non-binary-person-smiling_23-2148757528.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Frontier"
|
||||
description="See why our pioneers choose us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Safety protocols?",
|
||||
content: "Our mission employs state-of-the-art AI-driven life support and failsafe systems.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Duration of trip?",
|
||||
content: "Mars missions vary from 6 months to 2 years, depending on your selected package.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Training required?",
|
||||
content: "Comprehensive training is provided to ensure mission readiness for all passengers.",
|
||||
},
|
||||
]}
|
||||
title="Exploration FAQs"
|
||||
description="Have questions about your journey? We have the answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Select your journey level."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -330,50 +118,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="MarsExpeditions"
|
||||
columns={[
|
||||
{
|
||||
title: "Expeditions",
|
||||
items: [
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Missions",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Expeditions", items: [{ label: "Booking", href: "#pricing" }] },
|
||||
{ title: "Team", items: [{ label: "Meet Experts", href: "#team" }] },
|
||||
]}
|
||||
copyrightText="© 2024 MarsExpeditions Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user