bender/44c5dd38-7302-4841-8f1f-299d0a7af178
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-05 06:28:51 +00:00
Conversation 0 Commits 1 Files Changed 1 +40 -280
1 changed files with 40 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Eye, Bell, Waves } from 'lucide-react';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
@@ -31,120 +32,31 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Overview",
id: "hero",
},
{
name: "Phases",
id: "features",
},
{
name: "Community",
id: "testimonials",
},
{
name: "Support",
id: "faq",
},
{ name: "Overview", id: "hero" },
{ name: "Phases", id: "features" },
{ name: "Community", id: "testimonials" },
{ name: "Support", id: "faq" },
]}
brandName="LunaTrack"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Track the Moon in Real Time"
description="Discover lunar phases, historical data, and scientific insights in a beautiful, dark-mode interface."
testimonials={[
{
name: "Dr. Alex Rivera",
handle: "@space_nut",
testimonial: "The most precise tool I've used for lunar tracking.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-happy-spaceman-outer-space-cosmos-galaxy-helmet-off-holding-pile-colorful-books_140725-161186.jpg",
},
{
name: "Maria Santos",
handle: "@astronomy_fan",
testimonial: "Beautiful design meets scientific accuracy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432376.jpg",
},
{
name: "John Doe",
handle: "@stargazer",
testimonial: "I never miss a full moon anymore!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445973.jpg",
},
{
name: "Sarah Lee",
handle: "@science_geek",
testimonial: "Educational and visually stunning app.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/retro-looking-non-binary-person-smiling_23-2148757528.jpg",
},
{
name: "Tom Baker",
handle: "@telescope_guy",
testimonial: "Excellent interface for stargazers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-astronaut-kid-playing_23-2149836546.jpg",
},
{ name: "Dr. Alex Rivera", handle: "@space_nut", testimonial: "The most precise tool I've used for lunar tracking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/astronaut-day-happy-spaceman-outer-space-cosmos-galaxy-helmet-off-holding-pile-colorful-books_140725-161186.jpg" },
{ name: "Maria Santos", handle: "@astronomy_fan", testimonial: "Beautiful design meets scientific accuracy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432376.jpg" },
{ name: "John Doe", handle: "@stargazer", testimonial: "I never miss a full moon anymore!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-tattoo-artist-indoors_23-2149445973.jpg" },
{ name: "Sarah Lee", handle: "@science_geek", testimonial: "Educational and visually stunning app.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/retro-looking-non-binary-person-smiling_23-2148757528.jpg" },
{ name: "Tom Baker", handle: "@telescope_guy", testimonial: "Excellent interface for stargazers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-astronaut-kid-playing_23-2149836546.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14449.jpg"
imageAlt="lunar surface photography"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12329.jpg",
alt: "user avatar 1",
},
{
src: "http://img.b2bpic.net/free-photo/stone-texture_1194-5404.jpg",
alt: "user avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535807.jpg",
alt: "user avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535799.jpg",
alt: "user avatar 4",
},
{
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535750.jpg",
alt: "user avatar 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Real-time Lunar Tracking",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535810.jpg",
alt: "moon icon",
},
{
type: "text",
text: "Scientific Data",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535771.jpg",
alt: "star icon",
},
{
type: "text",
text: "Global Stargazer Community",
},
]}
/>
</div>
@@ -154,18 +66,9 @@ export default function LandingPage() {
title="Unveiling Lunar Cycles"
description="Our platform combines real-time astronomical data with intuitive visual tools to help you better understand the satellite that governs our tides and seasons."
metrics={[
{
value: "29.5",
title: "Lunar Cycle Days",
},
{
value: "384k",
title: "Avg Distance (km)",
},
{
value: "100+",
title: "Events Tracked",
},
{ value: "29.5", title: "Lunar Cycle Days" },
{ value: "384k", title: "Avg Distance (km)" },
{ value: "100+", title: "Events Tracked" },
]}
imageSrc="http://img.b2bpic.net/free-photo/aesthetic-planet-ocean-background-galaxy-nature-remix_53876-111079.jpg"
mediaAnimation="blur-reveal"
@@ -179,30 +82,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Live Tracking",
description: "Real-time moon phase visualization.",
imageSrc: "http://img.b2bpic.net/free-photo/moon-seen-phase-with-sepia-style-effect_23-2151793500.jpg",
buttonIcon: "Zap",
},
{
title: "Precision Optics",
description: "Calculate optimal viewing times.",
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-black-white-sand-landscape_23-2150037752.jpg",
buttonIcon: "Eye",
},
{
title: "Event Alerts",
description: "Never miss a supermoon or eclipse.",
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg",
buttonIcon: "Bell",
},
{
title: "Tide Analysis",
description: "See the effect on oceanic tides.",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-zodiac-astrology-sign_23-2150473557.jpg",
buttonIcon: "Waves",
},
{ title: "Live Tracking", description: "Real-time moon phase visualization.", imageSrc: "http://img.b2bpic.net/free-photo/moon-seen-phase-with-sepia-style-effect_23-2151793500.jpg", buttonIcon: Zap },
{ title: "Precision Optics", description: "Calculate optimal viewing times.", imageSrc: "http://img.b2bpic.net/free-photo/dramatic-black-white-sand-landscape_23-2150037752.jpg", buttonIcon: Eye },
{ title: "Event Alerts", description: "Never miss a supermoon or eclipse.", imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg", buttonIcon: Bell },
{ title: "Tide Analysis", description: "See the effect on oceanic tides.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-zodiac-astrology-sign_23-2150473557.jpg", buttonIcon: Waves },
]}
title="Advanced Lunar Tools"
description="Everything you need to observe and document the moon's journey."
@@ -215,33 +98,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Data Accuracy",
items: [
"NASA APIs",
"ESA Feed",
],
},
{
id: "m2",
value: "5M+",
title: "Users Tracked",
items: [
"Global Reach",
"Science Lovers",
],
},
{
id: "m3",
value: "24/7",
title: "Monitoring",
items: [
"Constant Updates",
"Low Latency",
],
},
{ id: "m1", value: "99.9%", title: "Data Accuracy", items: ["NASA APIs", "ESA Feed"] },
{ id: "m2", value: "5M+", title: "Users Tracked", items: ["Global Reach", "Science Lovers"] },
{ id: "m3", value: "24/7", title: "Monitoring", items: ["Constant Updates", "Low Latency"] },
]}
title="Scientific Accuracy"
description="We aggregate data from leading astronomical institutions."
@@ -252,42 +111,13 @@ export default function LandingPage() {
<TestimonialCardSix
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Alex R.",
handle: "@alex",
testimonial: "Incredible app for my hobby.",
imageSrc: "http://img.b2bpic.net/free-photo/male-astronaut-waving-holding-his-helmet_23-2149240653.jpg",
},
{
id: "2",
name: "Maria S.",
handle: "@maria",
testimonial: "Clean design, high utility.",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-little-girl-using-telescope_23-2148762006.jpg",
},
{
id: "3",
name: "John D.",
handle: "@john",
testimonial: "Very informative daily view.",
imageSrc: "http://img.b2bpic.net/free-photo/silly-looking-mad-chemistry-expert-with-messy-hair-holding-glass-flasks-filled-with-toxic-chemical-compounds-crazy-chemist-acting-dumb-while-having-glassware-beakers-filled-with-liquid-substances_482257-41704.jpg",
},
{
id: "4",
name: "Sarah L.",
handle: "@sarah",
testimonial: "Love the tide notifications.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sunglasses-walking-around-city-looking-through-binoculars_176420-42535.jpg",
},
{
id: "5",
name: "Tom B.",
handle: "@tom",
testimonial: "Highly recommended for students.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-cup-tea_23-2148465229.jpg",
},
{ id: "1", name: "Alex R.", handle: "@alex", testimonial: "Incredible app for my hobby.", imageSrc: "http://img.b2bpic.net/free-photo/male-astronaut-waving-holding-his-helmet_23-2149240653.jpg" },
{ id: "2", name: "Maria S.", handle: "@maria", testimonial: "Clean design, high utility.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-little-girl-using-telescope_23-2148762006.jpg" },
{ id: "3", name: "John D.", handle: "@john", testimonial: "Very informative daily view.", imageSrc: "http://img.b2bpic.net/free-photo/silly-looking-mad-chemistry-expert-with-messy-hair-holding-glass-flasks-filled-with-toxic-chemical-compounds-crazy-chemist-acting-dumb-while-having-glassware-beakers-filled-with-liquid-substances_482257-41704.jpg" },
{ id: "4", name: "Sarah L.", handle: "@sarah", testimonial: "Love the tide notifications.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sunglasses-walking-around-city-looking-through-binoculars_176420-42535.jpg" },
{ id: "5", name: "Tom B.", handle: "@tom", testimonial: "Highly recommended for students.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-cup-tea_23-2148465229.jpg" },
]}
title="Community Voices"
description="Join thousands of enthusiasts exploring the night sky."
@@ -298,26 +128,14 @@ export default function LandingPage() {
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
faqs={[
{
id: "q1",
title: "Is the data real-time?",
content: "Yes, we update data every minute.",
},
{
id: "q2",
title: "Do I need a telescope?",
content: "No, this is for tracking and planning.",
},
{
id: "q3",
title: "Is it free to use?",
content: "Yes, basic features are free.",
},
{ id: "q1", title: "Is the data real-time?", content: "Yes, we update data every minute." },
{ id: "q2", title: "Do I need a telescope?", content: "No, this is for tracking and planning." },
{ id: "q3", title: "Is it free to use?", content: "Yes, basic features are free." },
]}
title="Common Questions"
description="Need help with tracking?"
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/front-view-little-girl-using-telescope_23-2148762007.jpg"
/>
</div>
@@ -330,36 +148,9 @@ export default function LandingPage() {
title="Lunar Insights"
description="Latest articles from our researchers."
blogs={[
{
id: "b1",
category: "News",
title: "Understanding Eclipses",
excerpt: "How they work.",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535764.jpg",
authorName: "Staff",
authorAvatar: "https://i.pravatar.cc/150",
date: "2024-01-01",
},
{
id: "b2",
category: "Guides",
title: "Telescope Tips",
excerpt: "Clearer views.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-little-girl-using-telescope_23-2148762005.jpg",
authorName: "Staff",
authorAvatar: "https://i.pravatar.cc/150",
date: "2024-01-02",
},
{
id: "b3",
category: "Research",
title: "Moon's Influence",
excerpt: "Tidal forces.",
imageSrc: "http://img.b2bpic.net/free-vector/solar-system-infographic_52683-32262.jpg",
authorName: "Staff",
authorAvatar: "https://i.pravatar.cc/150",
date: "2024-01-03",
},
{ id: "b1", category: "News", title: "Understanding Eclipses", excerpt: "How they work.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-details-moon-texture-concept_23-2149535764.jpg", authorName: "Staff", authorAvatar: "https://i.pravatar.cc/150", date: "2024-01-01" },
{ id: "b2", category: "Guides", title: "Telescope Tips", excerpt: "Clearer views.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-little-girl-using-telescope_23-2148762005.jpg", authorName: "Staff", authorAvatar: "https://i.pravatar.cc/150", date: "2024-01-02" },
{ id: "b3", category: "Research", title: "Moon's Influence", excerpt: "Tidal forces.", imageSrc: "http://img.b2bpic.net/free-vector/solar-system-infographic_52683-32262.jpg", authorName: "Staff", authorAvatar: "https://i.pravatar.cc/150", date: "2024-01-03" },
]}
/>
</div>
@@ -367,16 +158,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated-grid",
}}
background={{ variant: "rotated-rays-animated-grid" }}
text="Join our community and stay updated on astronomical events."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
@@ -384,36 +168,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="LunaTrack"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#",
},
{
label: "API",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "API", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}