-
-
- {/* Global Keyframe Animations (inline style tag) */}
- {/* These animations control the fade-in and fade-out effects for menu items */}
-
-
- {/* Logo and brand name */}
-
- 
-
- SNIGDHA OS
-
-
-
- {/* Mobile menu toggle button */}
-
-
- {/* Desktop navigation links (hidden on mobile) */}
-
-
-
- {/* Mobile navigation */}
-
-
- SNIGDHA OS
-
-
-
- {/* Mobile menu toggle button */}
-
-
- {/* Desktop navigation links (hidden on mobile) */}
-
-
- {/* Only render the mobile menu if it is open */}
- {isMenuOpen && (
-
- )}
-
- -
- {/* Loop through paths and labels to create navigation links */}
- {['/', '/about', '/download', '/donors', '/maintainers'].map((path, idx) => {
- const labels = ['Home', 'About', 'Download', 'Donors', 'Maintainers'];
- return (
-
- - - {labels[idx]} {/* Display label for the link */} - - - ); - })} -
- {/* The main container is styled as a flexbox with a column direction and a minimum height to fill the screen. */}
-
- {/* Render the `children` prop inside the `main` section.
- `flex-grow` allows this section to expand and take up the remaining available space. */}
- {children}
-
- {/* Render the `Footer` component at the bottom of the layout. */}
-
- );
-}
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index b5c61c95..00000000
--- a/src/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/src/main.tsx b/src/main.tsx
deleted file mode 100644
index ea9e3630..00000000
--- a/src/main.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App.tsx';
-import './index.css';
-
-createRoot(document.getElementById('root')!).render(
-
-
- );
-}
-
-function FeatureCard({
- icon,
- title,
- description,
-}: {
- icon: React.ReactNode;
- title: string;
- description: string;
-}) {
- return (
-
-
- {/* Mission Section */}
-
-
-
- {/* Features Section */}
-
-
-
- {/* Values Section */}
-
-
-
- {/* Roadmap Section */}
-
-
-
- {/* Contribution Guidelines Section */}
-
-
-
- {/* Success Stories Section */}
-
-
-
- {/* Community & Resources Section */}
-
-
-
- {/* Leadership Team Section */}
-
-
-
-
-
-- About Snigdha OS -
-- Snigdha OS is a modern, elegant, and efficient Linux distribution designed to be lightweight and - developer-friendly. Built on Arch Linux with the Zen kernel, it offers a powerful and secure platform - for both personal use and penetration testing. -
-
-
- Learn More
-
-
- Key Features
-
-
- Our Core Values
-
-
- Roadmap
-
-
- How You Can Contribute
-
-
- - Whether you are a developer, designer, or simply passionate about Snigdha OS, there are many ways you can help the project grow. Contribute code, submit bug reports, or help improve the documentation. -
- - View Contribution Guidelines - -Success Stories
-
-
- Community & Resources
-
-
- - Join the Snigdha OS community to stay updated, contribute, and collaborate on new features. You can connect with us through our forums and GitHub. -
- -- Meet the Leadership Team -
- {loading ? ( -Loading team members...
- ) : ( -
- {teamMembers.map((member) => (
-
- )}
-
-
- );
-}
-
-function ValueCard({
- icon,
- title,
- description,
-}: {
- icon: React.ReactNode;
- title: string;
- description: string;
-}) {
- return (
- {icon}
- {title}
-{description}
-
-
- );
-}
-
-function SuccessStory({
- title,
- description,
- link,
-}: {
- title: string;
- description: string;
- link: string;
-}) {
- return (
-
- );
-}
-
-function TimelineItem({
- year,
- title,
- description,
-}: {
- year: string;
- title: string;
- description: string;
-}) {
- return (
- {icon}
- {title}
-{description}
-
-
- );
-}
-
-function TeamMemberCard({
- name,
- image,
- profileUrl,
- bio,
- location,
- company,
-}: {
- name: string;
- image: string;
- profileUrl: string;
- bio: string;
- location: string;
- company: string;
-}) {
- return (
-
- );
-}
diff --git a/src/pages/Donors.tsx b/src/pages/Donors.tsx
deleted file mode 100644
index 9e378c43..00000000
--- a/src/pages/Donors.tsx
+++ /dev/null
@@ -1,214 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Heart, PieChart } from 'lucide-react';
-import { FaRupeeSign } from 'react-icons/fa';
-
-async function getGitHubUserData(username: string): Promise<{ name: string; avatar_url: string }> {
- try {
- const response = await fetch(`https://api.github.com/users/${username}`);
- if (!response.ok) {
- throw new Error(`User not found: ${username}`);
- }
- const data = await response.json();
- return {
- name: data.name || username, // Use GitHub name or fallback to username
- avatar_url: data.avatar_url || '',
- };
- } catch (error) {
- console.error(error);
- return { name: username, avatar_url: '' }; // Return username if there is an error
- }
-}
-
-function useGitHubDonors(usernames: string[]): { [key: string]: { name: string; avatar_url: string } } {
- const [donors, setDonors] = useState<{ [key: string]: { name: string; avatar_url: string } }>({});
-
- useEffect(() => {
- const fetchDonors = async () => {
- const donorData: { [key: string]: { name: string; avatar_url: string } } = {};
- for (let username of usernames) {
- const data = await getGitHubUserData(username);
- donorData[username] = data;
- }
- setDonors(donorData);
- };
-
- fetchDonors();
- }, [usernames]);
-
- return donors;
-}
-
-export function Donors() {
- const donorUsernames = [
- "eshanized",
- "TIAsCode",
- "IXINTL",
- ];
-
- const donorData = useGitHubDonors(donorUsernames);
-
- return (
- {year}
-
-
- {title}
-{description}
-
-
- );
-}
-
-type YearlyStatsProps = {
- month: string;
- amount: number;
- donors: number;
- averageDonation: number;
-};
-
-function YearlyStats({
- month,
- amount,
- donors,
- averageDonation,
-}: YearlyStatsProps) {
- return (
-
- {/* Hero Section */}
-
-
-
- {/* Donor List */}
-
-
-
- {/* Become a Donor */}
-
-
-
-
-
- {/* Yearly Report */}
-
-
-
-
-
- Our Amazing Donors
-- Snigdha OS is made possible thanks to the generous support of our donors. We are grateful for their contributions to keep our project running. -
-Donors List
-
- {donorUsernames.map((donor) => (
-
-
- {donorData[donor]?.avatar_url ? (
- ![{donorData[donor].name}]({donorData[donor].avatar_url})
- ) : (
- // Placeholder if no avatar
- )}
-
-
- ))}
-
-
- - Your support helps us maintain and improve Snigdha OS. Every donation, big or small, makes a difference in keeping our project independent and sustainable. -
- -
-
-
-
-
-
-
-
- How Donations Are Used
-
-
-
-
- );
-}
-
-type UsageCardProps = {
- percentage: number;
- category: string;
- description: string;
- icon: React.ReactNode;
-};
-
-function UsageCard({
- percentage,
- category,
- description,
- icon,
-}: UsageCardProps) {
- return (
- {month}
-
-
-
-
- Total Donations
-βΉ{amount.toLocaleString()}
-
-
- Number of Donors
-{donors}
-
-
- Average Donation
-βΉ{averageDonation}
-
-
- );
-}
diff --git a/src/pages/Download.tsx b/src/pages/Download.tsx
deleted file mode 100644
index 0ef2519d..00000000
--- a/src/pages/Download.tsx
+++ /dev/null
@@ -1,371 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Download as DownloadIcon, Monitor, Server, HardDrive, Smartphone, Move } from 'lucide-react';
-
-export function DownloadPage() {
- const [userLocation, setUserLocation] = useState
- {icon}
-
- {percentage}%
-
-
- {category}
-{description}
-
-
- );
-}
-
-// Components
-function FeatureBadge({
- color,
- text,
-}: {
- color: string;
- text: string;
-}) {
- return (
-
- {text}
-
- );
-}
-
-function EditionCard({
- title,
- description,
- keyFeatures,
- idealFor,
- icon,
- recommended,
-}: {
- title: string;
- description: string;
- keyFeatures: string[];
- idealFor: string;
- icon: React.ReactNode;
- recommended?: boolean;
-}) {
- return (
-
- {/* Hero Section */}
-
-
-
- {/* Edition Cards */}
-
- {editionData.map((edition, index) => (
-
-
- {/* System Requirements */}
-
-
-
- {/* Download Mirrors */}
-
-
-
- - Download Snigdha OS -
-- Choose the edition that best suits your needs. All versions are free - to download and use, providing the best experience for developers, - students, and professionals alike. -
-
-
-
-
- - Snigdha OS is designed to provide an unparalleled experience, - whether you're working on an older device or a high-end system. - Built with efficiency, reliability, and beauty in mind, itβs - perfect for home users, professionals, and enterprises. Download - today to unlock the full potential of your hardware. -
-- System Requirements -
-
-
-
-
- - Download Mirrors -
-
- Select a mirror closest to your location for faster download speeds.{' '}
-
- {userLocation ? (
-
- Your detected location: {userLocation}
-
- ) : (
- Detecting your location...
- )}
-
- {mirrorData.map((mirror, index) => (
-
- {suggestedMirror && (
-
-
- )}
- - Suggested Mirror for You -
-
- {recommended && (
-
- );
-}
-
-function SystemRequirements({
- title,
- specs,
- notes,
-}: {
- title: string;
- specs: string[];
- notes: string;
-}) {
- return (
-
- Recommended
-
- )}
- {icon}
- {title}
-{description}
-
-
- Key Features:
--
- {keyFeatures.map((feature, index) => (
-
- {feature} - ))} -
-
- Ideal For:
-{idealFor}
-
-
-
-
-
- );
-}
-
-function MirrorButton({
- region,
- speed,
- host,
- url,
- suggested = false,
- description,
-}: {
- region: string;
- speed: string;
- host: string;
- url: string;
- suggested?: boolean;
- description: string;
-}) {
- const speedColor = {
- 'Very Fast': 'text-green-500',
- Fast: 'text-blue-500',
- Moderate: 'text-orange-500',
- }[speed];
-
- return (
-
- {title}
--
- {specs.map((spec, index) => (
-
- {spec} - ))} -
{notes}
-
-
- {region}
-{host}
-
- {speed}
-
-
- {description}
-
-
- {suggested && (
-
- Suggested Mirror
-
- )}
-
- );
-}
-
-// Data for editions and mirrors
-const editionData = [
- {
- title: 'Gnome Edition',
- description: 'Modern, innovative features while being traditional and familiar.',
- keyFeatures: ['Dynamic Workspaces', 'Extensible Extensions', 'Built-in Accessibility'],
- idealFor: 'General users who prefer a sleek and functional desktop experience.',
- icon:
- {/* Embedded CSS */}
-
-
- {/* Hero Section */}
-
-
-
-
- {/* Features Section */}
-
-
-
- {/* Desktop Environments Section */}
-
-
-
- {/* Window Managers Section */}
-
-
-
- );
-}
-
-const FeatureCard = ({ icon, title, description, listItems }: { icon: React.ReactNode; title: string; description: string; listItems?: string[] }) => (
-
- 
-
-
-
- {/* Main Heading */}
-
- - UNLEASH THE FUTURE WITH -
-- SNIGDHA OS π -
- - {/* Tagline with Typing Effect */} -- ~Innovation begins with freedom! -
- -- Snigdha OS is an intuitive, cutting-edge Linux distribution designed for Privacy Protection π, Advanced Development Tools π©βπ», and Daily Computing π». Empower your workflow with powerful apps and unmatched performance π. -
- - {/* Call to Action Buttons */} -
-
-
-
- {/* Main Heading */}
-
- - Key Features β¨ -
- - {/* Subheading */} -- Discover the amazing features of Snigdha OS that make it the perfect choice for developers, cybersecurity professionals, and anyone looking for a fast, secure, and customizable OS. -
- - {/* Feature Cards */} -
-
-
- {/* Main Heading */}
-
- - Popular Desktop Environments π -
- - {/* Desktop Environment Cards */} -
-
-
- {/* Main Heading */}
-
- - Popular Window Managers π₯οΈ -
- - {/* Window Manager Cards */} -
-
-
-
-);
-
diff --git a/src/pages/Maintainers.tsx b/src/pages/Maintainers.tsx
deleted file mode 100644
index aa1d8d5f..00000000
--- a/src/pages/Maintainers.tsx
+++ /dev/null
@@ -1,129 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Github, Twitter, Globe, MapPin, Users } from 'lucide-react';
-import { getMaintainers, type Maintainer } from '../services/github';
-
-export function Maintainers() {
- const [maintainers, setMaintainers] = useState{icon}
- {title}
-{description}
- {listItems && ( --
- {listItems.map((item, index) => (
-
- {item} - ))} -
-
-
- );
- }
-
- if (error) {
- return (
-
-
- );
- }
-
- return (
-
-
- {error}
-Please try again later
-
-
- );
-}
-
-function MaintainerCard({ maintainer }: { maintainer: Maintainer }) {
- return (
-
-
-
-
-
- Meet Our Maintainers
-- These dedicated individuals work tirelessly to make Snigdha OS one of the best Linux distributions available. -
-
- {maintainers.map((maintainer) => (
-
-
-
- );
-}
diff --git a/src/services/github.ts b/src/services/github.ts
deleted file mode 100644
index 292bdf96..00000000
--- a/src/services/github.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Octokit } from 'octokit';
-
-const octokit = new Octokit();
-
-export interface Maintainer {
- login: string;
- name: string | null;
- avatarUrl: string;
- bio: string | null;
- location: string | null;
- blog: string | null;
- twitterUsername: string | null;
- followers: number;
- following: number;
-}
-
-export async function getMaintainers(): Promise
- 
-
-
- {maintainer.bio && (
-
-
- {maintainer.name || maintainer.login}
-@{maintainer.login}
-{maintainer.bio}
- )} - -
- {maintainer.location && (
-
-
-
-
-
- )}
-
-
-