Merge version_1 into main #2
137
src/app/page.tsx
137
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { BookOpen, Compass, Rocket, Star, Sun } from "lucide-react";
|
||||
import { BookOpen, Compass, Rocket, Star, Sun, Zap, Globe, Flame, CircleDot } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Planets",
|
||||
id: "planets",
|
||||
},
|
||||
name: "Planets", id: "planets"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Quiz",
|
||||
id: "quiz",
|
||||
},
|
||||
name: "Quiz", id: "quiz"},
|
||||
]}
|
||||
brandName="Solar System Explorer"
|
||||
/>
|
||||
@@ -53,63 +45,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Explore the Solar System"
|
||||
description="Embark on an interactive journey through the planets, discovering the wonders of our stellar neighborhood through gravity, orbits, and fascinating facts."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/space-background-with-fire-ice-planet_1048-10531.jpg",
|
||||
alt: "Mercury",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/space-background-with-fire-ice-planet_1048-10531.jpg", alt: "Mercury"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535780.jpg",
|
||||
alt: "Venus",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535780.jpg", alt: "Venus"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gradient-colorful-soap-bubble-black-background_23-2148235924.jpg",
|
||||
alt: "Earth",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gradient-colorful-soap-bubble-black-background_23-2148235924.jpg", alt: "Earth"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-backdrop-with-pink-blue-sphere_23-2148235869.jpg",
|
||||
alt: "Mars",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-backdrop-with-pink-blue-sphere_23-2148235869.jpg", alt: "Mars"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brown-smooth-concrete-wall_53876-94577.jpg",
|
||||
alt: "Jupiter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brown-smooth-concrete-wall_53876-94577.jpg", alt: "Jupiter"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Adventure",
|
||||
href: "#planets",
|
||||
},
|
||||
text: "Begin Adventure", href: "#planets"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Orbiting Planets",
|
||||
icon: Rocket,
|
||||
type: "text-icon", text: "Orbiting Planets", icon: Rocket,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gravity Fields",
|
||||
icon: Compass,
|
||||
type: "text-icon", text: "Gravity Fields", icon: Compass,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Solar Science",
|
||||
icon: Sun,
|
||||
type: "text-icon", text: "Solar Science", icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Space",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Deep Space", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Galactic Facts",
|
||||
icon: BookOpen,
|
||||
type: "text-icon", text: "Galactic Facts", icon: BookOpen,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -121,34 +90,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Mercury",
|
||||
description: "The smallest planet and closest to the Sun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535780.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Mercury", description: "The smallest planet and closest to the Sun.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535780.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Venus",
|
||||
description: "A scorching, greenhouse-gas trapped world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-colorful-soap-bubble-black-background_23-2148235924.jpg",
|
||||
buttonIcon: "Sun",
|
||||
title: "Venus", description: "A scorching, greenhouse-gas trapped world.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-colorful-soap-bubble-black-background_23-2148235924.jpg", buttonIcon: Sun,
|
||||
},
|
||||
{
|
||||
title: "Earth",
|
||||
description: "Our home, a vibrant oasis in the dark.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-backdrop-with-pink-blue-sphere_23-2148235869.jpg",
|
||||
buttonIcon: "Globe",
|
||||
title: "Earth", description: "Our home, a vibrant oasis in the dark.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-backdrop-with-pink-blue-sphere_23-2148235869.jpg", buttonIcon: Globe,
|
||||
},
|
||||
{
|
||||
title: "Mars",
|
||||
description: "The iconic red planet with massive dust storms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-smooth-concrete-wall_53876-94577.jpg",
|
||||
buttonIcon: "Flame",
|
||||
title: "Mars", description: "The iconic red planet with massive dust storms.", imageSrc: "http://img.b2bpic.net/free-photo/brown-smooth-concrete-wall_53876-94577.jpg", buttonIcon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Jupiter",
|
||||
description: "The giant gas planet of our neighborhood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-background-with-fire-ice-planet_1048-10531.jpg?_wi=1",
|
||||
buttonIcon: "CircleDot",
|
||||
title: "Jupiter", description: "The giant gas planet of our neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/space-background-with-fire-ice-planet_1048-10531.jpg", buttonIcon: CircleDot,
|
||||
},
|
||||
]}
|
||||
title="The Eight Planets"
|
||||
@@ -164,7 +118,7 @@ export default function LandingPage() {
|
||||
description="The Sun's massive gravity acts as the anchor for our solar system, pulling planets into elliptical orbits that sustain the order of the cosmos."
|
||||
subdescription="Understanding gravity allows us to predict the position of celestial bodies millions of years into the future."
|
||||
icon={Compass}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/space-background-with-fire-ice-planet_1048-10531.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/space-background-with-fire-ice-planet_1048-10531.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -175,25 +129,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Which planet is closest to the Sun?",
|
||||
content: "Mercury is the closest planet to the Sun.",
|
||||
},
|
||||
id: "1", title: "Which planet is closest to the Sun?", content: "Mercury is the closest planet to the Sun."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is the red planet?",
|
||||
content: "Mars is commonly known as the Red Planet.",
|
||||
},
|
||||
id: "2", title: "What is the red planet?", content: "Mars is commonly known as the Red Planet."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Why do planets orbit the Sun?",
|
||||
content: "The gravitational pull of the Sun keeps planets in stable orbits.",
|
||||
},
|
||||
id: "3", title: "Why do planets orbit the Sun?", content: "The gravitational pull of the Sun keeps planets in stable orbits."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is the Sun a star?",
|
||||
content: "Yes, the Sun is a G-type main-sequence star.",
|
||||
},
|
||||
id: "4", title: "Is the Sun a star?", content: "Yes, the Sun is a G-type main-sequence star."},
|
||||
]}
|
||||
title="Space Knowledge Quiz"
|
||||
description="Test your mastery of the stars with our fun space quiz."
|
||||
@@ -205,6 +147,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["NASA", "ESA", "JAXA", "CNSA", "SpaceX"]}
|
||||
title="Trusted by Leading Space Agencies"
|
||||
description="Our data models are used by the brightest minds in astronomy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,29 +158,19 @@ export default function LandingPage() {
|
||||
logoText="Solar System Explorer"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Planets",
|
||||
href: "#planets",
|
||||
},
|
||||
label: "Planets", href: "#planets"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Learn",
|
||||
items: [
|
||||
title: "Learn", items: [
|
||||
{
|
||||
label: "Gravity",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Gravity", href: "#about"},
|
||||
{
|
||||
label: "Quiz",
|
||||
href: "#quiz",
|
||||
},
|
||||
label: "Quiz", href: "#quiz"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user