mirror of
https://github.com/lumina-rocks/lumina.git
synced 2026-06-04 09:41:32 +02:00
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:
@@ -1,6 +1,6 @@
|
||||
# LUMINA.rocks 📸
|
||||
|
||||

|
||||

|
||||
|
||||
A modern, decentralized social media platform for images and pictures built on the Nostr protocol.
|
||||
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
83
components/WelcomeContent.tsx
Normal file
83
components/WelcomeContent.tsx
Normal 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'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'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
4
package-lock.json
generated
@@ -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",
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "lumina",
|
||||
"version": "0.1.27",
|
||||
"version": "0.1.28",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
|
||||
Reference in New Issue
Block a user