Landing Page Base 🌟

A modern web platform built with SvelteKit for students providing mentorship services. Features a sleek UI, form handling with superforms, and automated email notifications.

✨ Features

• Modern Design System

  • Custom Tailwind components
  • Animated transitions and micro-interactions
  • Responsive layout for all devices
  • Yellow-themed professional color palette

• Interactive Components

  • Dynamic form validation
  • Animated navigation
  • Custom carousel implementation
  • Toast notifications

🛠 Tech Stack

• Frontend: SvelteKit 5.0
• Styling: TailwindCSS
• Animations: Svelte Motion
• Form Handling: Superforms + Zod
• Email: Nodemailer
• Icons: Lucide Icons

📱 Mobile Experience

🚀 Getting Started

1. Clone and Install

git clone https://github.com/yourusername/rising-stars-mentorship.git
cd rising-stars-mentorship
npm install

2. Environment Setup

# Create .env file
cp .env.example .env

# Add your email credentials
SMTP_HOST=your-smtp-host
SMTP_PORT=587
SMTP_USER=your-email
SMTP_PASS=your-password

3. Development

# Start development server
npm run dev

# Open in browser
npm run dev -- --open

4. Building

# Create production build
npm run build

# Preview production build
npm run preview

🎨 Color Palette

:root {
  --primary: #fdb833;
  --primary-soft: #fdc43f;
  --secondary: #ffda3d;
  --secondary-soft: #ffe94e;
  --pop: #fff75e;
  --bg: #FAF8DB;
}

✉️ Contact Form

Integrated email system using Nodemailer for automatic notification handling.

📦 Project Structure

rising-stars-mentorship/
├── src/
│   ├── routes/            # SvelteKit routes
│   ├── lib/              # Shared components
│   │   ├── components/   # Reusable UI components
│   │   ├── server/      # Server-side utilities
│   │   └── schemas/     # Zod validation schemas
│   └── app.css          # Global styles
├── static/              # Static assets
└── tests/              # Unit tests

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Me

---

Made with ❤️ by Carabelli