Replace non-working Trending Images with educational content about LUMINA and Nostr (#134)

* Initial plan

* Initial setup: fix build issues and document current state

Co-authored-by: mroxso <24775431+mroxso@users.noreply.github.com>

* Implement new start page with static content explaining LUMINA and Nostr

Co-authored-by: mroxso <24775431+mroxso@users.noreply.github.com>

* Remove call-to-action buttons that require user login

Co-authored-by: mroxso <24775431+mroxso@users.noreply.github.com>

* Fix punctuation in LUMINA description for clarity

* Bump version to 0.1.28 in README, package.json, and package-lock.json

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: mroxso <24775431+mroxso@users.noreply.github.com>
Co-authored-by: highperfocused <highperfocused@pm.me>
This commit is contained in:
Copilot
2025-08-10 10:59:32 +02:00
committed by GitHub
parent 7092821880
commit ae9c9a8eff
6 changed files with 90 additions and 10 deletions

View File

@@ -1,6 +1,6 @@
# LUMINA.rocks 📸
![LUMINA Version](https://img.shields.io/badge/version-0.1.27-blue)
![LUMINA Version](https://img.shields.io/badge/version-0.1.28-blue)
A modern, decentralized social media platform for images and pictures built on the Nostr protocol.

View File

@@ -5,13 +5,10 @@ import { NostrProvider } from "nostr-react";
import { ThemeProvider } from "@/components/theme-provider";
import { TopNavigation } from "@/components/headerComponents/TopNavigation";
import BottomBar from "@/components/BottomBar";
import { Inter } from "next/font/google";
import { Toaster } from "@/components/ui/toaster"
import Umami from "@/components/Umami";
import { useEffect, useState } from "react";
const inter = Inter({ subsets: ["latin"] });
export default function RootLayout({
children,
}: Readonly<{
@@ -51,7 +48,7 @@ export default function RootLayout({
<title>LUMINA</title>
<meta name="description" content="An effortless, enjoyable, and innovative way to capture, enhance, and share moments with everyone, decentralized and boundless." />
</head>
<body className={inter.className}>
<body className="font-sans">
<ThemeProvider
attribute="class"
defaultTheme="dark"

View File

@@ -1,7 +1,7 @@
"use client";
import { Search } from "@/components/Search";
import { TrendingImagesNew } from "@/components/TrendingImagesNew";
import { WelcomeContent } from "@/components/WelcomeContent";
import { GeyserFundDonation } from "@/components/GeyserFundDonation";
import { useEffect } from "react";
@@ -23,7 +23,7 @@ export default function Home() {
<div className="flex flex-col items-center py-4 px-6">
<Search />
</div>
<TrendingImagesNew />
<WelcomeContent />
</>
);
}

View File

@@ -0,0 +1,83 @@
import React from 'react';
import { Card, CardHeader, CardTitle, CardContent, CardDescription } from '@/components/ui/card';
import { ImageIcon, Users, Zap, Shield, Globe } from 'lucide-react';
export function WelcomeContent() {
return (
<div className="max-w-4xl mx-auto py-6 px-6 space-y-6">
{/* Main Welcome Section */}
<div className="text-center space-y-4">
<h1 className="text-4xl font-bold tracking-tight">Welcome to LUMINA</h1>
<p className="text-xl text-muted-foreground max-w-2xl mx-auto">
A decentralized social media platform for sharing images, built on the Nostr protocol
</p>
</div>
{/* What is LUMINA Section */}
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<ImageIcon className="h-6 w-6 text-primary" />
What is LUMINA?
</CardTitle>
<CardDescription>
Your creative freedom, decentralized
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<p className="text-muted-foreground">
LUMINA is a social media image platform that puts you in complete control of your content and connections.
Share your photos, discover amazing content, and connect with creators from around the world. All without
relying on centralized servers or corporations.
</p>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mt-6">
<div className="flex flex-col items-center text-center p-4 rounded-lg bg-muted">
<Users className="h-8 w-8 text-primary mb-2" />
<h3 className="font-semibold">Social Connection</h3>
<p className="text-sm text-muted-foreground">Follow creators and build communities</p>
</div>
<div className="flex flex-col items-center text-center p-4 rounded-lg bg-muted">
<Zap className="h-8 w-8 text-primary mb-2" />
<h3 className="font-semibold">Bitcoin Integration</h3>
<p className="text-sm text-muted-foreground">Support creators with Lightning Network</p>
</div>
<div className="flex flex-col items-center text-center p-4 rounded-lg bg-muted">
<Shield className="h-8 w-8 text-primary mb-2" />
<h3 className="font-semibold">True Ownership</h3>
<p className="text-sm text-muted-foreground">Your content, your data, your keys</p>
</div>
</div>
</CardContent>
</Card>
{/* What is Nostr Section */}
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<Globe className="h-6 w-6 text-primary" />
What is Nostr?
</CardTitle>
<CardDescription>
The protocol powering LUMINA&apos;s decentralization
</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<p className="text-muted-foreground">
Nostr (Notes and Other Stuff Transmitted by Relays) is a simple, open protocol for creating
decentralized social networks. Instead of relying on a single company&apos;s servers, Nostr uses
a network of relays to distribute your content across the internet.
</p>
<div className="bg-muted rounded-lg p-4 space-y-2">
<h4 className="font-semibold">Key Benefits:</h4>
<ul className="space-y-1 text-sm text-muted-foreground">
<li> <strong>Censorship Resistant:</strong> No single entity can control or delete your content</li>
<li> <strong>Portable Identity:</strong> Your profile and followers work across all Nostr apps</li>
<li> <strong>Open Source:</strong> Transparent, community-driven development</li>
<li> <strong>Privacy Focused:</strong> You control what data you share and with whom</li>
</ul>
</div>
</CardContent>
</Card>
</div>
);
}

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "lumina",
"version": "0.1.27",
"version": "0.1.28",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "lumina",
"version": "0.1.27",
"version": "0.1.28",
"dependencies": {
"@getalby/sdk": "^5.0.0",
"@hookform/resolvers": "^3.4.0",

View File

@@ -1,6 +1,6 @@
{
"name": "lumina",
"version": "0.1.27",
"version": "0.1.28",
"private": true,
"scripts": {
"dev": "next dev",