From 41b3cdea7f77709b8e74b7e788bdb3b3da6b564a Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 2 Feb 2026 19:44:21 +0000 Subject: [PATCH 1/8] feat(ui): restore light theme matching larun.space - White background with black text (Google-inspired design) - Blue (#1a73e8) primary accent color - Light gray (#f1f3f4) for alternating sections - Updated globals.css for light theme - Updated homepage to light theme - Updated layout.tsx body classes https://claude.ai/code/session_011NWj4qHMpnJqseDYB5et8R --- web/src/app/globals.css | 31 +++--- web/src/app/layout.tsx | 2 +- web/src/app/page.tsx | 239 ++++++++++++++++++++-------------------- 3 files changed, 134 insertions(+), 138 deletions(-) diff --git a/web/src/app/globals.css b/web/src/app/globals.css index 53d3042..8815a1d 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -1,17 +1,16 @@ @import "tailwindcss"; :root { - --background: #0a0a0a; - --foreground: #ffffff; - --primary: #6366f1; - --primary-dark: #5558e3; - --secondary: #3b82f6; - --accent: #8b5cf6; - --surface: #121212; - --surface-hover: #1a1a1a; - --border: #1f2937; - --muted: #6b7280; - --gold: #fbbf24; + --background: #ffffff; + --foreground: #202124; + --primary: #1a73e8; + --primary-dark: #1557b0; + --secondary: #5f6368; + --accent: #1a73e8; + --surface: #f1f3f4; + --surface-hover: #e8eaed; + --border: #dadce0; + --muted: #5f6368; } @theme inline { @@ -30,23 +29,23 @@ body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } -/* Custom scrollbar - dark theme */ +/* Custom scrollbar - light theme */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { - background: #121212; + background: #f1f5f9; } ::-webkit-scrollbar-thumb { - background: #374151; + background: #cbd5e1; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { - background: #4b5563; + background: #94a3b8; } /* Smooth animations */ @@ -62,5 +61,5 @@ body { /* Selection styles */ ::selection { - background-color: rgba(99, 102, 241, 0.3); + background-color: rgba(26, 115, 232, 0.2); } diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx index e48d2e1..bae9983 100644 --- a/web/src/app/layout.tsx +++ b/web/src/app/layout.tsx @@ -15,7 +15,7 @@ export default function RootLayout({ }>) { return ( - + {children} diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx index e33aa35..ee2a1f4 100644 --- a/web/src/app/page.tsx +++ b/web/src/app/page.tsx @@ -2,34 +2,34 @@ import Link from 'next/link'; export default function HomePage() { return ( -
+
{/* Header Navigation */} -
+
{/* Logo */} -
+
- LARUN + LARUN {/* Center Navigation */} @@ -38,13 +38,13 @@ export default function HomePage() {
Sign In Get Started @@ -54,30 +54,27 @@ export default function HomePage() {
{/* Hero Section */} -
+
-
- TinyML-Powered Exoplanet Detection -
-

+

Discover exoplanets with AI

-

+

Analyze NASA TESS and Kepler data using TinyML-powered transit detection.

-

+

No PhD required.

Start Exploring - Free Try Demo @@ -86,56 +83,56 @@ export default function HomePage() {
{/* How It Works Section */} -
+
-

+

How It Works

-

+

From natural language to exoplanet discovery in four simple steps

{/* Step 1 */} -
-
+
+
1
-

Chat with AI

-

+

Chat with AI

+

Use natural language to describe what you want to analyze. No coding required.

{/* Step 2 */} -
-
+
+
2
-

Fetch NASA Data

-

+

Fetch NASA Data

+

Automatically retrieve light curve data from NASA TESS and Kepler missions.

{/* Step 3 */} -
-
+
+
3
-

Detect Transits

-

+

Detect Transits

+

TinyML algorithms analyze the data to identify planetary transit signals.

{/* Step 4 */} -
-
+
+
4
-

Generate Reports

-

+

Generate Reports

+

Get publication-ready reports with visualizations and orbital parameters.

@@ -144,90 +141,90 @@ export default function HomePage() {
{/* Features Section */} -
+
-

+

Features

-

+

Professional-grade tools for exoplanet detection

-
+
{/* Feature 1 */} -
-
- +
+
+
-

TinyML Detection

-

- Edge-optimized models achieving 81.8% accuracy in transit detection +

TinyML Detection

+

+ Edge-optimized models achieving 81.8% accuracy in transit detection

{/* Feature 2 */} -
-
- +
+
+
-

NASA TESS/Kepler Data

-

+

NASA TESS/Kepler Data

+

Direct integration with NASA mission archives for seamless data access

{/* Feature 3 */} -
-
- +
+
+
-

BLS Periodogram

-

+

BLS Periodogram

+

Box Least Squares analysis for precise period determination

{/* Feature 4 */} -
-
- +
+
+
-

Automated Reports

-

+

Automated Reports

+

Generate publication-ready reports with visualizations

{/* Feature 5 */} -
-
- +
+
+
-

Habitable Zone

-

+

Habitable Zone

+

Automatic evaluation of planetary habitability potential

{/* Feature 6 */} -
-
- +
+
+
-

AI Chat Interface

-

+

AI Chat Interface

+

Conversational interface for intuitive data exploration

@@ -236,25 +233,25 @@ export default function HomePage() {
{/* Target Audience Section */} -
+
-

+

Built For

- + Researchers - + Students - + Amateur Astronomers - + Educators - + Space Enthusiasts
@@ -262,105 +259,105 @@ export default function HomePage() {
{/* Pricing Section */} -
+
-

+

Simple Pricing

-

+

Start free, upgrade when you need more

-
+
{/* Free */} -
-

Free

+
+

Free

For getting started

-
$0
-
    +
    $0
    +
    • - + 3 analyses per month
    • - + Basic TinyML detection
    • - + CSV export
    - + Get Started
- {/* Monthly - Featured */} -
-
- MOST POPULAR + {/* Monthly */} +
+
+ Popular
-

Monthly

-

For active users

-
$9/mo
-
    +

    Monthly

    +

    For active users

    +
    $9/mo
    +
    • - + 50 analyses per month
    • - + Advanced AI models
    • - + Priority processing
    - + Subscribe
{/* Annual */} -
-

Annual

+
+

Annual

Best value

-
$89/yr
-
    +
    $89/yr
    +
    • - + Unlimited analyses
    • - + All AI models + API
    • - + White-label reports
    - + Subscribe
@@ -369,9 +366,9 @@ export default function HomePage() {
{/* CTA Section */} -
+
-

+

Start Exploring the Cosmos

@@ -379,7 +376,7 @@ export default function HomePage() {

Create Free Account @@ -387,21 +384,21 @@ export default function HomePage() {
{/* Footer */} -