CodeDuet Landing Page

A modern, responsive landing page inspired by x.ai's design, rebranded for CodeDuet. Built with clean HTML, CSS, and JavaScript for optimal performance on GitHub Pages.

🚀 Features

• Dark Theme: Sleek black background with subtle gradients and orange accent
• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Interactive Elements: Hover effects, parallax mouse movement, and smooth animations
• Modern Typography: Using Inter font with clean, professional hierarchy
• Gradient Orb: Animated background element with floating effect
• Smooth Navigation: Sticky header with backdrop blur
• Performance Optimized: Lightweight, fast-loading static site

📁 Project Structure

codeduet-github-io/
├── index.html              # Main HTML page
├── assets/
│   ├── css/
│   │   └── styles.css      # Main stylesheet
│   ├── js/
│   │   └── script.js       # Interactive functionality
│   └── images/
│       └── codeduet-logo.svg # CodeDuet brand logo
├── .gitignore              # Git ignore rules
└── README.md               # This file

🎨 Design Elements

• Hero Section: Large typography with gradient text effect
• Navigation Bar: Clean horizontal navigation with CTA button
• Call-to-Action Buttons: Prominent buttons with hover animations
• Background Effects: Subtle gradient orb with parallax movement
• Typography: Modern font hierarchy with proper spacing
• Color Scheme: Black background, white text, orange gradient accents

🛠️ Setup & Deployment

GitHub Pages

1. Push this repository to GitHub
2. Go to repository Settings → Pages
3. Select "Deploy from a branch"
4. Choose main branch and / (root) folder
5. Your site will be available at https://username.github.io/codeduet-github-io

Local Development

1. Clone the repository
2. Open index.html in your browser
3. Or serve with a local server:

   # Python 3
   python -m http.server 8000
   
   # Node.js
   npx serve .

⚙️ Customization

Update Links

Edit assets/js/script.js to point to your actual CodeDuet URLs:

• Try CodeDuet button
• API documentation
• Main documentation

Brand Colors

Modify assets/css/styles.css to match your brand:

• Primary gradient colors
• Text colors
• Button styles

Logo

Replace assets/images/codeduet-logo.svg with your preferred logo design.

Content

Update index.html for your specific messaging and navigation items.

🌐 Browser Support

• Chrome: 60+
• Firefox: 60+
• Safari: 12+
• Edge: 79+
• Mobile: iOS Safari 12+, Chrome Mobile 60+

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

1. Fork the repository
2. Create a feature branch
3. Make your changes
4. Test across different browsers
5. Submit a pull request

---

Built with ❤️ for the CodeDuet community