Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Overview",
|
||||
id: "overview",
|
||||
},
|
||||
name: "Overview", id: "overview"},
|
||||
{
|
||||
name: "Planets",
|
||||
id: "planets",
|
||||
},
|
||||
name: "Planets", id: "planets"},
|
||||
{
|
||||
name: "Sky Guide",
|
||||
id: "starmap",
|
||||
},
|
||||
name: "Sky Guide", id: "starmap"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SolarExplorer"
|
||||
/>
|
||||
@@ -59,62 +49,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Explore the Cosmos in Motion"
|
||||
description="Navigate our Solar System through interactive 3D orbits, real planetary data, and immersive animations. Discover the universe like never before."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Exploration",
|
||||
href: "#overview",
|
||||
},
|
||||
text: "Begin Exploration", href: "#overview"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-space-planets-illustration_23-2151874973.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/planets-solar-system_23-2150042459.jpg",
|
||||
alt: "Planets of the solar system",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/planets-solar-system_23-2150042459.jpg", alt: "Planets of the solar system"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-space-planets-illustration_23-2151874984.jpg",
|
||||
alt: "3d rendering of space planets illustration",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-space-planets-illustration_23-2151874984.jpg", alt: "3d rendering of space planets illustration"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/planets-solar-system_23-2150042465.jpg",
|
||||
alt: "Planets of the solar system",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/planets-solar-system_23-2150042465.jpg", alt: "Planets of the solar system"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-assortment-creative-paper-planets_23-2148874991.jpg",
|
||||
alt: "Flat lay assortment of creative paper planets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-assortment-creative-paper-planets_23-2148874991.jpg", alt: "Flat lay assortment of creative paper planets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/numerology-concept-with-woman-medium-shot_23-2149960275.jpg",
|
||||
alt: "Numerology concept with woman medium shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/numerology-concept-with-woman-medium-shot_23-2149960275.jpg", alt: "Numerology concept with woman medium shot"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Orbital Mechanics",
|
||||
},
|
||||
type: "text", text: "Real-time Orbital Mechanics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Fidelity 3D Visuals",
|
||||
},
|
||||
type: "text", text: "High-Fidelity 3D Visuals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scientific Data Insights",
|
||||
},
|
||||
type: "text", text: "Scientific Data Insights"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Immersive Cosmic Tours",
|
||||
},
|
||||
type: "text", text: "Immersive Cosmic Tours"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community-Driven Discovery",
|
||||
},
|
||||
type: "text", text: "Community-Driven Discovery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,13 +91,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Grand Scale of Our Universe",
|
||||
},
|
||||
type: "text", content: "The Grand Scale of Our Universe"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521273.jpg",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/images-that-simulate-x-rays-with-neon-colors_23-2151521273.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,26 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "mars",
|
||||
title: "Mars Exploration",
|
||||
description: "Analyzing surface composition and atmosphere dynamics.",
|
||||
tag: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-bright-orange-sphere_23-2148235880.jpg",
|
||||
},
|
||||
id: "mars", title: "Mars Exploration", description: "Analyzing surface composition and atmosphere dynamics.", tag: "Active", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-bright-orange-sphere_23-2148235880.jpg"},
|
||||
{
|
||||
id: "saturn",
|
||||
title: "Saturnian Systems",
|
||||
description: "Complex ring structures and magnetic field interactions.",
|
||||
tag: "Discovery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-system-planet-collage_23-2150188968.jpg",
|
||||
},
|
||||
id: "saturn", title: "Saturnian Systems", description: "Complex ring structures and magnetic field interactions.", tag: "Discovery", imageSrc: "http://img.b2bpic.net/free-photo/solar-system-planet-collage_23-2150188968.jpg"},
|
||||
{
|
||||
id: "jupiter",
|
||||
title: "Jovian Dynamics",
|
||||
description: "Atmospheric vortices and gravitational dominance.",
|
||||
tag: "Physics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planets-solar-system_23-2150042464.jpg",
|
||||
},
|
||||
id: "jupiter", title: "Jovian Dynamics", description: "Atmospheric vortices and gravitational dominance.", tag: "Physics", imageSrc: "http://img.b2bpic.net/free-photo/planets-solar-system_23-2150042464.jpg"},
|
||||
]}
|
||||
title="Celestial Bodies"
|
||||
description="Dive into the mechanics of our neighbors with real-time tracking data."
|
||||
@@ -170,52 +118,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="starmap" data-section="starmap">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Orion Guide",
|
||||
price: "Free",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-orange-background-handmade-experimental-art_53876-104516.jpg",
|
||||
},
|
||||
id: "p1", name: "Orion Guide", price: "Free", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-orange-background-handmade-experimental-art_53876-104516.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ursa Major Tracking",
|
||||
price: "Free",
|
||||
variant: "Extended",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909868.jpg",
|
||||
},
|
||||
id: "p2", name: "Ursa Major Tracking", price: "Free", variant: "Extended", imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909868.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Milky Way Deep Scan",
|
||||
price: "$15",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-soap-bubble-black-background_23-2148235927.jpg",
|
||||
},
|
||||
id: "p3", name: "Milky Way Deep Scan", price: "$15", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-soap-bubble-black-background_23-2148235927.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Nebula Archive",
|
||||
price: "$25",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-light-black-background_23-2147881278.jpg",
|
||||
},
|
||||
id: "p4", name: "Nebula Archive", price: "$25", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-light-black-background_23-2147881278.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Stellar Drift",
|
||||
price: "$10",
|
||||
variant: "Interactive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154709.jpg",
|
||||
},
|
||||
id: "p5", name: "Stellar Drift", price: "$10", variant: "Interactive", imageSrc: "http://img.b2bpic.net/free-photo/space-background-realistic-starry-night-cosmos-shining-stars-milky-way-stardust-color-galaxy_1258-154709.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Deep Space Pulse",
|
||||
price: "$5",
|
||||
variant: "Realtime",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821285.jpg",
|
||||
},
|
||||
id: "p6", name: "Deep Space Pulse", price: "$5", variant: "Realtime", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821285.jpg"},
|
||||
]}
|
||||
title="Interactive Star Mapping"
|
||||
description="Navigate constellations with 360-degree controls."
|
||||
@@ -229,20 +148,11 @@ export default function LandingPage() {
|
||||
tag="Live Feed"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.4B",
|
||||
description: "KM Average Distance",
|
||||
},
|
||||
id: "m1", value: "1.4B", description: "KM Average Distance"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8",
|
||||
description: "Planetary Orbits",
|
||||
},
|
||||
id: "m2", value: "8", description: "Planetary Orbits"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "205",
|
||||
description: "Known Moons",
|
||||
},
|
||||
id: "m3", value: "205", description: "Known Moons"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -255,40 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Astronomer",
|
||||
testimonial: "The precision of the 3D models is simply breathtaking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-ethnic-man-looking-camera-dusk_23-2148203736.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Astronomer", testimonial: "The precision of the 3D models is simply breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/serious-ethnic-man-looking-camera-dusk_23-2148203736.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
role: "Teacher",
|
||||
testimonial: "My students are more engaged than ever before.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-executive-wearing-social-media-t-shirt-planning-project_23-2147847454.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", role: "Teacher", testimonial: "My students are more engaged than ever before.", imageSrc: "http://img.b2bpic.net/free-photo/group-executive-wearing-social-media-t-shirt-planning-project_23-2147847454.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Rivet",
|
||||
role: "Developer",
|
||||
testimonial: "Smooth performance, brilliant UI design. Truly stellar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-student-glasses-is-making-notes-while-learning-new-material_613910-15026.jpg",
|
||||
},
|
||||
id: "t3", name: "Alex Rivet", role: "Developer", testimonial: "Smooth performance, brilliant UI design. Truly stellar.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-student-glasses-is-making-notes-while-learning-new-material_613910-15026.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Voss",
|
||||
role: "Photographer",
|
||||
testimonial: "Finally a tool that captures the scale correctly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-grandmother-posing-with-weapon-studio-serious-lady-with-rollers-looking-camera-holding-rifle_549566-413.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena Voss", role: "Photographer", testimonial: "Finally a tool that captures the scale correctly.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-grandmother-posing-with-weapon-studio-serious-lady-with-rollers-looking-camera-holding-rifle_549566-413.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus Kane",
|
||||
role: "Sci-Fi Fan",
|
||||
testimonial: "I feel like I'm actually piloting a spacecraft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379393.jpg",
|
||||
},
|
||||
id: "t5", name: "Marcus Kane", role: "Sci-Fi Fan", testimonial: "I feel like I'm actually piloting a spacecraft.", imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379393.jpg"},
|
||||
]}
|
||||
title="Explorer Voices"
|
||||
description="Insights from the community."
|
||||
@@ -304,35 +189,11 @@ export default function LandingPage() {
|
||||
description="Articles on recent discoveries and cosmic phenomena."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Research",
|
||||
title: "Nebula Formation",
|
||||
excerpt: "Unraveling the mystery of stardust accumulation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-red-blue-sphere_23-2148235871.jpg",
|
||||
authorName: "Dr. Aris",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/male-astronaut-analyzing-rock-space-mission-another-planet_23-2149240613.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
id: "b1", category: "Research", title: "Nebula Formation", excerpt: "Unraveling the mystery of stardust accumulation.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-red-blue-sphere_23-2148235871.jpg", authorName: "Dr. Aris", authorAvatar: "http://img.b2bpic.net/free-photo/male-astronaut-analyzing-rock-space-mission-another-planet_23-2149240613.jpg", date: "Oct 12"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tech",
|
||||
title: "Observatory Tech",
|
||||
excerpt: "The future of remote space observation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-mars-collage_52683-85730.jpg",
|
||||
authorName: "Elena K",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-astronaut-researcher-exploring-deep-space-collecting-research-data_482257-126342.jpg",
|
||||
date: "Oct 14",
|
||||
},
|
||||
id: "b2", category: "Tech", title: "Observatory Tech", excerpt: "The future of remote space observation.", imageSrc: "http://img.b2bpic.net/free-photo/creative-mars-collage_52683-85730.jpg", authorName: "Elena K", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-astronaut-researcher-exploring-deep-space-collecting-research-data_482257-126342.jpg", date: "Oct 14"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Discoveries",
|
||||
title: "Binary Systems",
|
||||
excerpt: "Dynamic orbits in star-dense regions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-smoke-made-particles-black_1048-11996.jpg",
|
||||
authorName: "Marc J",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/image-smiling-woman-looking-camera_197531-33343.jpg",
|
||||
date: "Oct 16",
|
||||
},
|
||||
id: "b3", category: "Discoveries", title: "Binary Systems", excerpt: "Dynamic orbits in star-dense regions.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-smoke-made-particles-black_1048-11996.jpg", authorName: "Marc J", authorAvatar: "http://img.b2bpic.net/free-photo/image-smiling-woman-looking-camera_197531-33343.jpg", date: "Oct 16"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -341,14 +202,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
text="Join our growing mission of explorers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -359,37 +217,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Explore Planets",
|
||||
href: "#planets",
|
||||
},
|
||||
label: "Explore Planets", href: "#planets"},
|
||||
{
|
||||
label: "Sky Guide",
|
||||
href: "#starmap",
|
||||
},
|
||||
label: "Sky Guide", href: "#starmap"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user