From 1ed1e12e0e1aaf8f8200d4f91990da44ec68e804 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 06:28:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 320 ++++++-----------------------------------------
 1 file changed, 40 insertions(+), 280 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8fd7d16..644496f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1