Get Rich Young Coin (GRYC) 🚀

A modern, professional cryptocurrency landing page showcasing the revolutionary GRYC token. Built with React, Tailwind CSS, and Framer Motion for stunning animations and smooth scrolling effects.

Features ✨

• Modern Design: Professional, sleek cryptocurrency landing page
• Smooth Animations: Powered by Framer Motion for fluid transitions
• Scroll Effects: Interactive animations triggered by scrolling
• Responsive: Fully responsive design that works on all devices
• Glass Morphism: Modern glassmorphic design elements
• Gradient Effects: Beautiful gradient text and glowing elements
• Complete Sections:
  • Hero section with animated background
  • About section
  • Key Features
  • Tokenomics with animated distribution chart
  • Roadmap with timeline
  • Whitepaper highlights
  • Team section
  • Footer with social links

Technology Stack 🛠️

• React - UI framework
• Vite - Build tool and dev server
• Tailwind CSS - Utility-first styling
• Framer Motion - Animation library
• Lucide React - Beautiful icon library
• React Intersection Observer - Scroll-triggered animations

Getting Started 🏁

Prerequisites

• Node.js 18.x or higher
• npm or yarn

Installation

1. Navigate to the project directory:

cd gryc-crypto

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and visit:

http://localhost:5173

Build for Production

To create a production-ready build:

npm run build

The built files will be in the dist directory.

Preview Production Build

npm run preview

Project Structure 📁

gryc-crypto/
├── src/
│   ├── App.jsx          # Main application component with all sections
│   ├── App.css          # Additional styles
│   ├── index.css        # Global styles with Tailwind directives
│   └── main.jsx         # Application entry point
├── public/              # Static assets
├── index.html           # HTML template
├── tailwind.config.js   # Tailwind configuration
├── postcss.config.js    # PostCSS configuration
└── vite.config.js       # Vite configuration

Customization 🎨

Colors

The color scheme can be customized in tailwind.config.js:

colors: {
  'crypto-dark': '#0a0e27',
  'crypto-blue': '#4c9aff',
  'crypto-purple': '#8b5cf6',
  'crypto-gold': '#fbbf24',
}

Content

All content is in src/App.jsx. You can easily modify:

• Token information
• Roadmap items
• Team members
• Feature descriptions
• And more!

Animations

Animations are configured using Framer Motion. Adjust animation parameters in the component motion props or add custom keyframes in tailwind.config.js.

Key Sections 📄

Hero

• Animated floating background elements
• Call-to-action buttons
• Smooth scroll indicator

Tokenomics

• Animated distribution bars
• Token details card
• Professional layout

Roadmap

• Timeline with phases
• Hover effects
• Responsive design

Team

• Team member cards
• Hover animations
• Professional presentation

About GRYC 💎

Get Rich Young Coin (GRYC) is a revolutionary cryptocurrency founded by GeriYoco, designed to democratize wealth creation through innovative blockchain technology.

• Symbol: GRYC
• Total Supply: 1,000,000,000
• Blockchain: Ethereum (ERC-20)
• Tax: 2% Buy / 2% Sell

Disclaimer ⚠️

This is a pre-launch promotional website. No actual transactions or cryptocurrency operations are supported. This is for demonstration purposes only.

License

This project is created for demonstration purposes.

---

Built with ❤️ by the GRYC team