ntrn
Version:
🚀 Professional AI-powered Next.js to React Native converter with intelligent screen creation, never-fail conversion system, comprehensive auto-fix, automatic runtime error fixing, AI assistant, Mistral AI problem-solving, intelligent Shadcn/ui conversion
745 lines (616 loc) • 20.9 kB
Markdown
# <div align="center">🚀 **NTRN v4.1.2 - Professional Next.js to React Native Converter** 🚀</div>
<div align="center">
<!-- Animated Main Title -->
<img src="https://readme-typing-svg.herokuapp.com?font=Orbitron&size=35&duration=3000&pause=1000&color=00D4FF¢er=true&vCenter=true&width=1000&height=100&lines=PROFESSIONAL+AI-POWERED+CONVERTER;MISTRAL+AI+%2B+GEMINI+2.0+FLASH;OFFICIAL+EXPO+REACT+NATIVE" alt="Typing SVG" />
<!-- Epic Logo Animation -->
<img src="https://media.giphy.com/media/26tn33aiTi1jkl6H6/giphy.gif" width="100" />
<!-- Matrix Rain Effect -->
<img src="https://capsule-render.vercel.app/api?type=waving&color=0:00D4FF,50:0080FF,100:8A2BE2&height=200§ion=header&text=NTRN%20v4.1.2&fontSize=50&fontColor=fff&animation=twinkling&fontAlignY=35&desc=Transform%20Next.js%20to%20Official%20Expo%20SDK%2053%20React%20Native&descAlignY=55&descAlign=50" />
<!-- ASCII Art -->
```bash
_ _ _____ ____ _ _
| \ | |_ _| _ \| \ | |
| \| | | | | |_) | \| |
| |\ | | | | _ <| |\ |
|_| \_| |_| |_| \_\_| \_|
```
</div>
<!-- Holographic Divider -->
<img src="https://media.giphy.com/media/3oKIPEqDGUULpEU0aQ/giphy.gif" width="1000">
## <div align="center">🌟 **PROFESSIONAL AI-POWERED CONVERTER** 🌟</div>
<div align="center">
<!-- Live Status Badges with Animations -->
<img src="https://img.shields.io/badge/Version-v4.1.2-00D4FF?style=for-the-badge&logo=rocket&logoColor=white&labelColor=000000" />
<img src="https://img.shields.io/badge/Expo_Ready-100%25-00FF88?style=for-the-badge&logo=expo&logoColor=white&labelColor=000000" />
<img src="https://img.shields.io/badge/AI_Powered-Mistral%20%2B%20Gemini-FFD700?style=for-the-badge&logo=brain&logoColor=white&labelColor=000000" />
<img src="https://img.shields.io/badge/TypeScript-First-FF6B6B?style=for-the-badge&logo=typescript&logoColor=white&labelColor=000000" />
<!-- Dynamic Stats -->
<img src="https://komarev.com/ghpvc/?username=ntrn-enhanced&color=00D4FF&style=for-the-badge&label=CONVERSIONS" />
<img src="https://img.shields.io/github/stars/AmeyKuradeAK/ntrn?style=for-the-badge&logo=star&logoColor=FFD700&color=FFD700&labelColor=000000" />
<img src="https://img.shields.io/github/license/AmeyKuradeAK/ntrn?style=for-the-badge&logo=apache&logoColor=white&color=8A2BE2&labelColor=000000" />
<img src="https://img.shields.io/npm/v/ntrn.svg?style=for-the-badge&logo=npm&logoColor=white&color=CB3837&labelColor=000000" />
</div>
<!-- Neon Separator -->
<div align="center">
<img src="https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif" width="800">
</div>
## 🚀 **WHAT'S NEW IN v4.1.2 - EXPO SDK 53 COMPATIBILITY**
<div align="center">
<!-- Feature Cards with Animations -->
<table>
<tr>
<td align="center">
<img src="https://media.giphy.com/media/xTiTnxpQ3ghPiB2Hp6/giphy.gif" width="50"><br>
<b>🧠 MISTRAL AI + GEMINI</b><br>
<sub>Professional Dual AI System</sub>
</td>
<td align="center">
<img src="https://media.giphy.com/media/13GIgrGdslD9oQ/giphy.gif" width="50"><br>
<b>📱 EXPO SDK 53</b><br>
<sub>Latest React 19 + RN 0.79</sub>
</td>
<td align="center">
<img src="https://media.giphy.com/media/26ufdipQqU2lhNA4g/giphy.gif" width="50"><br>
<b>🎯 INTELLIGENT ANALYSIS</b><br>
<sub>Deep Project Understanding</sub>
</td>
</tr>
<tr>
<td align="center">
<img src="https://media.giphy.com/media/67ThRZlYBvibtdF9JH/giphy.gif" width="50"><br>
<b>🔧 AUTO-FIXING</b><br>
<sub>Smart Error Resolution</sub>
</td>
<td align="center">
<img src="https://media.giphy.com/media/3ornka9rAaKRA2Rkac/giphy.gif" width="50"><br>
<b>✅ PRODUCTION-READY</b><br>
<sub>Enterprise-Grade Code</sub>
</td>
<td align="center">
<img src="https://media.giphy.com/media/3o7TKtnuHOHHUjR38Y/giphy.gif" width="50"><br>
<b>🚀 INSTANT TESTING</b><br>
<sub>Works with expo start</sub>
</td>
</tr>
</table>
</div>
<!-- Lightning Effect -->
<div align="center">
<img src="https://media.giphy.com/media/xTiTnHXbNWbg0Gedhu/giphy.gif" width="1000">
</div>
## 🎯 **CRITICAL UPDATE: EXPO SDK 53 COMPATIBILITY**
<div align="center">
<!-- Compatibility Alert -->
<img src="https://media.giphy.com/media/3o6ZtpWvwnhf34Xxio/giphy.gif" width="80">
<table>
<tr>
<td align="center" bgcolor="#001122" style="padding: 20px; border-radius: 10px;">
<h3>🚀 <b>IMMEDIATE EXPO GO COMPATIBILITY</b></h3>
<p><b>Fixed Issue:</b> "Project is incompatible with the version of EXPO Go"</p>
<p><b>Solution:</b> Updated to Expo SDK 53 for full Expo Go compatibility</p>
<br>
<h4>📋 <b>What Changed:</b></h4>
<ul align="left" style="color: #00D4FF;">
<li>📦 <b>Expo SDK:</b> 51 → <b>53</b> (Latest)</li>
<li>⚛️ <b>React:</b> 18.2 → <b>19.0</b> (New features)</li>
<li>📱 <b>React Native:</b> 0.74.5 → <b>0.79.0</b> (Performance boost)</li>
<li>🧭 <b>React Navigation:</b> v6 → <b>v7</b> (Enhanced APIs)</li>
<li>🏗️ <b>New Architecture:</b> Enabled by default</li>
<li>🔧 <b>TypeScript:</b> Updated to 5.8.3</li>
</ul>
<br>
<h4>✅ <b>Immediate Benefits:</b></h4>
<ul align="left" style="color: #00FF88;">
<li>🚀 Works with <code>npx expo start --tunnel</code> immediately</li>
<li>📱 Compatible with current Expo Go app</li>
<li>🏗️ Future-proof with New Architecture</li>
<li>⚡ Better performance with React 19</li>
<li>🛡️ Production-ready out of the box</li>
</ul>
</td>
</tr>
</table>
</div>
<!-- Holographic Divider -->
<div align="center">
<img src="https://media.giphy.com/media/3oKIPEqDGUULpEU0aQ/giphy.gif" width="1000">
</div>
## ✨ **PROFESSIONAL FEATURES**
<div align="center">
<!-- Animated Feature Grid -->
<table>
<tr align="center">
<td colspan="3">
<img src="https://readme-typing-svg.herokuapp.com?font=Fira+Code&size=24&duration=2000&pause=1000&color=00D4FF¢er=true&vCenter=true&width=800&height=50&lines=🔄+INTELLIGENT+CONVERSION;📱+EXPO+REACT+NATIVE;🧭+REACT+NAVIGATION+6;🛠+TYPESCRIPT+FIRST;🤖+AI+ASSISTANT;🌐+API+ROUTES+TO+SERVICES" alt="Features" />
</td>
</tr>
<tr>
<td align="center" width="33%">
<img src="https://media.giphy.com/media/l46Cy1rHbQ92uuLXa/giphy.gif" width="80"><br>
<h3>🧠 AI INTELLIGENCE</h3>
<ul align="left">
<li>🎯 Project Structure Analysis</li>
<li>🔍 Technology Stack Detection</li>
<li>🗺️ Strategic Conversion Planning</li>
<li>🔧 Auto-Fixing with User Consent</li>
</ul>
</td>
<td align="center" width="33%">
<img src="https://media.giphy.com/media/26BRBKqUiq586bRVm/giphy.gif" width="80"><br>
<h3>📱 EXPO STRUCTURE</h3>
<ul align="left">
<li>📦 Expo SDK 53 + React Native 0.79</li>
<li>🧭 React Navigation 7 + New Architecture</li>
<li>📝 Complete TypeScript Config</li>
<li>🎨 Mobile-First Components</li>
</ul>
</td>
<td align="center" width="33%">
<img src="https://media.giphy.com/media/12Nv3nBSCAbLO0/giphy.gif" width="80"><br>
<h3>🏗️ ARCHITECTURE</h3>
<ul align="left">
<li>📱 Pages → Screens Conversion</li>
<li>🌐 API Routes → Services</li>
<li>🔗 Context Providers Setup</li>
<li>📂 Professional File Structure</li>
</ul>
</td>
</tr>
</table>
</div>
<!-- Plasma Effect -->
<div align="center">
<img src="https://media.giphy.com/media/3ov9jLsBqPh6rjuHuM/giphy.gif" width="1000">
</div>
## 🤖 **INTERACTIVE AI ASSISTANT - POWERED BY MISTRAL AI & GEMINI**
<div align="center">
<!-- AI Demo GIF -->
<img src="https://media.giphy.com/media/3o7bu3hSXkNBkRaGqs/giphy.gif" width="100">
<table>
<tr>
<td align="center" width="50%">
<h3>🤖 WHAT YOU CAN ASK:</h3>
<ul align="left">
<li><i>"Add a shopping cart screen"</i></li>
<li><i>"Create user authentication flow"</i></li>
<li><i>"Fix conversion issues"</i></li>
<li><i>"Add navigation to screens"</i></li>
<li><i>"Convert API routes to services"</i></li>
</ul>
</td>
<td align="center" width="50%">
<h3>✨ AI FEATURES:</h3>
<ul align="left">
<li>🎯 <b>Project-aware</b> - Understands your conversion</li>
<li>📱 <b>Mobile-optimized</b> - Perfect React Native code</li>
<li>🔄 <b>Auto-detection</b> - Finds failed conversions</li>
<li>⚡ <b>Smart fixes</b> - Real-time error resolution</li>
<li>🛡️ <b>Safe operations</b> - User consent required</li>
</ul>
</td>
</tr>
</table>
</div>
<!-- Holographic Terminal -->
<div align="center">
```bash
🤖 You: ntrn --prompt
🤖 NTRN: Analyzing your project... Found 3 failed conversions!
🤖 NTRN: Would you like me to fix them?
🤖 You: yes
🤖 NTRN: Fixing rate limit issues and syntax errors...
📄 Fixed: src/screens/ProfileScreen.tsx
📄 Fixed: src/services/AuthService.ts
✅ All conversions completed successfully!
🤖 You: Add dark mode support
🤖 NTRN: Creating theme system...
📄 Created: src/contexts/ThemeContext.tsx
📝 Modified: App.tsx
✅ Dark mode ready with toggle functionality!
```
</div>
<!-- Cyber Divider -->
<div align="center">
<img src="https://media.giphy.com/media/5QLOpGuwE8U7T8HfZC/giphy.gif" width="800">
</div>
## 🎨 **SHADCN/UI MAGIC CONVERSION**
<div align="center">
<!-- Before/After Showcase -->
<table>
<tr>
<td align="center" width="50%">
<img src="https://media.giphy.com/media/du3J3cXyzhj75IOgvA/giphy.gif" width="50"><br>
<b>🌐 BEFORE (Next.js)</b>
</td>
<td align="center" width="50%">
<img src="https://media.giphy.com/media/fwbZnTftCXVocKzfxR/giphy.gif" width="50"><br>
<b>📱 AFTER (React Native)</b>
</td>
</tr>
</table>
</div>
<!-- Code Showcase with Syntax Highlighting -->
<table>
<tr>
<td width="50%">
**Next.js Code:**
```tsx
import { Button } from "@/components/ui/button"
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
export function LoginForm() {
return (
<Card className="w-full max-w-sm">
<CardHeader>
<CardTitle>Sign In</CardTitle>
</CardHeader>
<CardContent className="space-y-4">
<Input type="email" placeholder="Enter email" />
<Button className="w-full" onClick={handleLogin}>
Sign In
</Button>
</CardContent>
</Card>
)
}
```
</td>
<td width="50%">
**React Native Code:**
```tsx
import React from 'react';
import { View, Text, TextInput, TouchableOpacity, StyleSheet } from 'react-native';
export function LoginForm() {
return (
<View style={styles.card}>
<View style={styles.cardHeader}>
<Text style={styles.cardTitle}>Sign In</Text>
</View>
<View style={styles.cardContent}>
<TextInput
style={styles.input}
placeholder="Enter email"
keyboardType="email-address"
autoCapitalize="none"
/>
<TouchableOpacity
style={styles.button}
onPress={handleLogin}
activeOpacity={0.7}
>
<Text style={styles.buttonText}>Sign In</Text>
</TouchableOpacity>
</View>
</View>
);
}
// + Comprehensive styles automatically generated
```
</td>
</tr>
</table>
<!-- Electric Separator -->
<div align="center">
<img src="https://media.giphy.com/media/3ohs4BSacFKI7A717y/giphy.gif" width="1000">
</div>
## ⚡ **INSTALLATION & SETUP**
<div align="center">
<!-- Requirements Animation -->
<img src="https://readme-typing-svg.herokuapp.com?font=Fira+Code&size=20&duration=2000&pause=1000&color=FFD700¢er=true&vCenter=true&width=600&height=50&lines=Node.js+%E2%9C%85;Mistral+AI+%E2%9C%85;Expo+CLI+%E2%9C%85;Ready+to+Rock!+🚀" alt="Requirements" />
</div>
### 🚀 **Quick Install:**
```bash
# Install globally
npm install -g ntrn@latest
# Or clone and setup
git clone https://github.com/AmeyKuradeAK/ntrn.git
cd ntrn
npm install
npm link
```
### ⚡ **First Time Setup:**
```bash
# Run NTRN - it will guide you through setup
ntrn
# Choose your AI provider (Mistral AI recommended)
# Enter your API key when prompted
# Keys are saved automatically for future use
```
**Requirements:**
1. Node.js 18+ (Latest LTS)
2. Mistral AI API Key (Recommended) or Gemini API Key
3. Expo CLI for testing converted projects
<!-- Animated Separator -->
<div align="center">
<img src="https://media.giphy.com/media/xUOrw5LIxb8S9X1LqM/giphy.gif" width="800">
</div>
## 🎯 **PROFESSIONAL CONVERSION MODES**
<div align="center">
<table>
<tr>
<td align="center" width="33%">
🧠<br>
<h3>🧠 PROFESSIONAL AI</h3>
<code>ntrn</code><br><br>
<ul align="left">
<li>🎯 Intelligent analysis</li>
<li>🔧 Auto-fixing</li>
<li>📱 Official Expo structure</li>
<li>🏗️ Production-ready code</li>
</ul>
</td>
<td align="center" width="33%">
🎨<br>
<h3>🎨 LEGACY MODE</h3>
<code>ntrn --legacy</code><br><br>
<ul align="left">
<li>📁 File-by-file conversion</li>
<li>📂 Directory selection</li>
<li>🏗️ Basic Expo setup</li>
<li>🔄 Traditional approach</li>
</ul>
</td>
<td align="center" width="33%">
🤖<br>
<h3>🤖 AI ASSISTANT</h3>
<code>ntrn --prompt</code><br><br>
<ul align="left">
<li>💬 Interactive AI chat</li>
<li>🔍 Auto-detects issues</li>
<li>⚡ Real-time fixes</li>
<li>🛠️ Project enhancement</li>
</ul>
</td>
</tr>
</table>
</div>
### **🎯 Choose Your Workflow:**
**For Professional Conversion (Recommended):**
```bash
cd my-nextjs-app
ntrn # Professional AI conversion
```
**For Interactive Development:**
```bash
ntrn --prompt # AI assistant mode
```
**For Traditional Approach:**
```bash
ntrn --legacy # Legacy file-by-file conversion
```
### **🔄 Switch AI Providers:**
```bash
ntrn --switch-provider # Switch between Mistral AI and Gemini
```
**For AI-Powered Development:**
```bash
cd my-react-native-app
ntrn --prompt # ChatGPT-like assistance
```
<!-- Matrix Effect -->
<div align="center">
<img src="https://media.giphy.com/media/3oKIPCdBP7dGDxPJ8Q/giphy.gif" width="1000">
</div>
## 💰 **PRICING & TOKEN USAGE**
<div align="center">
<!-- Pricing Animation -->
<img src="https://readme-typing-svg.herokuapp.com?font=Orbitron&size=25&duration=3000&pause=1000&color=00FF88¢er=true&vCenter=true&width=800&height=60&lines=TRANSPARENT+PRICING;REAL-TIME+TOKEN+TRACKING;COST+OPTIMIZATION+BUILT-IN" alt="Pricing" />
<!-- Pricing Table -->
<table>
<tr align="center">
<td><b>📊 PROJECT SIZE</b></td>
<td><b>💰 COST RANGE</b></td>
<td><b>📁 FILES</b></td>
<td><b>⚡ SPEED</b></td>
</tr>
<tr align="center">
<td>🔹 Small Projects</td>
<td>$0.005-$0.009</td>
<td>5-15 files</td>
<td>⚡ Instant</td>
</tr>
<tr align="center">
<td>🔸 Medium Projects</td>
<td>$0.015-$0.030</td>
<td>20-50 files</td>
<td>⚡⚡ Fast</td>
</tr>
<tr align="center">
<td>🔶 Large Projects</td>
<td>$0.041-$0.088</td>
<td>50-150 files</td>
<td>⚡⚡⚡ Quick</td>
</tr>
<tr align="center">
<td>💎 Enterprise</td>
<td>$0.119-$0.288</td>
<td>150+ files</td>
<td>🚀 Blazing</td>
</tr>
</table>
</div>
<!-- Holographic Effect -->
<div align="center">
<img src="https://media.giphy.com/media/QpVUMRUJGokfqXyfa1/giphy.gif" width="800">
</div>
## 📚 **DOCUMENTATION UNIVERSE**
<div align="center">
<table>
<tr>
<td align="center" width="33%">
🤖<br>
<a href="./INTERACTIVE_AI_ASSISTANT.md"><b>🤖 AI Assistant Guide</b></a><br>
<sub>Complete ChatGPT-like CLI docs</sub>
</td>
<td align="center" width="33%">
🎯<br>
<a href="./QUALITY_IMPROVEMENT_DEMO.md"><b>🎯 Quality Demo</b></a><br>
<sub>Enhanced fix verification system</sub>
</td>
<td align="center" width="33%">
🏆<br>
<a href="./PERFECT_CONVERSION_DEMO.md"><b>🏆 Perfect Conversion</b></a><br>
<sub>100% working React Native examples</sub>
</td>
</tr>
<tr>
<td align="center">
🌐<br>
<a href="./WEB_API_CONVERSION_GUIDE.md"><b>🌐 Web API Guide</b></a><br>
<sub>Complete web to native conversion</sub>
</td>
<td align="center">
🎨<br>
<a href="./SHADCN_CONVERSION_GUIDE.md"><b>🎨 Shadcn Guide</b></a><br>
<sub>Automatic component conversion</sub>
</td>
<td align="center">
💰<br>
<a href="./TOKEN_USAGE_PRICING_GUIDE.md"><b>💰 Pricing Guide</b></a><br>
<sub>Comprehensive cost analysis</sub>
</td>
</tr>
</table>
</div>
<!-- Cosmic Separator -->
<div align="center">
<img src="https://media.giphy.com/media/l378AEZceMwWBoEQE/giphy.gif" width="1000">
</div>
## ⚡ **POWERED BY THE BEST**
<div align="center">
<table>
<tr align="center">
<td width="20%">
🧠<br>
<a href="https://ai.google.dev/"><b>Gemini API</b></a>
</td>
<td width="20%">
📱<br>
<a href="https://expo.dev/"><b>Expo</b></a>
</td>
<td width="20%">
🌊<br>
<a href="https://www.nativewind.dev/"><b>NativeWind</b></a>
</td>
<td width="20%">
⚛️<br>
<a href="https://reactnative.dev/"><b>React Native</b></a>
</td>
<td width="20%">
❤️<br>
<b>Built with ❤️</b>
</td>
</tr>
</table>
</div>
<!-- Terminal Demo -->
## 📸 **Terminal Demo**
<div align="center">
<img src="./Public/NTRN.png" alt="NTRN Demo" />
</div>
<!-- Lightning Footer -->
<div align="center">
<img src="https://media.giphy.com/media/3o6nUMRm46ceoDRAd2/giphy.gif" width="800">
</div>
## 🚀 **ROADMAP TO THE FUTURE**
<div align="center">
<table>
<tr align="center">
<td width="25%">
🔧<br>
<b>🔧 Auto Dependency Install</b><br>
<sub>Optional automatic setup</sub>
</td>
<td width="25%">
🎨<br>
<b>🎨 Full Tailwind Support</b><br>
<sub>Complete class converter</sub>
</td>
<td width="25%">
⚙️<br>
<b>⚙️ CLI Config File</b><br>
<sub>Persistent settings</sub>
</td>
<td width="25%">
🌙<br>
<b>🌙 Dark Mode Everything</b><br>
<sub>README and docs</sub>
</td>
</tr>
</table>
</div>
## 🤝 **CONTRIBUTING**
We love contributions! Please check out our [CONTRIBUTING.md](CONTRIBUTING.md) before submitting a pull request.
**You can:**
- 🐛 Open issues
- 🌟 Suggest new features
- 🛠 Improve the CLI or documentation
<!-- Community Section -->
<div align="center">
<img src="https://media.giphy.com/media/L1R1tvI9svkIWwpVYr/giphy.gif" width="1000">
</div>
## 🌍 **JOIN THE COMMUNITY**
<div align="center">
<table>
<tr align="center">
<td width="33%">
🗣️<br>
<a href="https://github.com/AmeyKuradeAK/ntrn/discussions"><b>🗣️ GitHub Discussions</b></a><br>
<sub>Ask questions & share ideas</sub>
</td>
<td width="33%">
🐦<br>
<a href="https://x.com/KuradeAmey/"><b>🐦 X (Twitter)</b></a><br>
<sub>Follow for updates</sub>
</td>
<td width="33%">
🔥<br>
<a href="https://www.reddit.com/user/Live_Ratio_4906/"><b>🔥 Reddit</b></a><br>
<sub>Join discussions</sub>
</td>
</tr>
</table>
</div>
## 📫 **Stay in Touch**
If you like this project, show some ❤️
- ⭐ Star the repo
- 🐦 Tweet about it
- 📢 Share with your team
<!-- Final Epic Footer -->
<div align="center">
<img src="https://capsule-render.vercel.app/api?type=waving&color=0:8A2BE2,50:0080FF,100:00D4FF&height=150§ion=footer&text=MADE%20WITH%20💙%20BY%20AMEY%20KURADE&fontSize=30&fontColor=fff&animation=twinkling&fontAlignY=65" />
<!-- Social Links with Animation -->
<p>
<a href="https://github.com/AmeyKuradeAK">
<img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white" />
</a>
<a href="https://x.com/KuradeAmey/">
<img src="https://img.shields.io/badge/X-000000?style=for-the-badge&logo=x&logoColor=white" />
</a>
<a href="https://www.reddit.com/user/Live_Ratio_4906/">
<img src="https://img.shields.io/badge/Reddit-FF4500?style=for-the-badge&logo=reddit&logoColor=white" />
</a>
</p>
<!-- License Badge -->
<img src="https://img.shields.io/badge/License-APACHE%202.0-00D4FF?style=for-the-badge&logo=apache&logoColor=white" />
<!-- Final Animation -->
<img src="https://media.giphy.com/media/3o84sv2u7KSHKbwPza/giphy.gif" width="1000">
</div>
---
<div align="center">
### 🚀 **READY TO TRANSFORM YOUR NEXT.JS APP?**
```bash
npm install -g ntrn@latest
cd your-nextjs-project
ntrn
```
<img src="https://readme-typing-svg.herokuapp.com?font=Orbitron&size=25&duration=2000&pause=1000&color=FFD700¢er=true&vCenter=true&width=600&height=50&lines=CONVERT+NOW+%E2%9A%A1;EXPERIENCE+THE+MAGIC+✨;JOIN+THE+FUTURE+🚀" alt="CTA" />
</div>
## 📄 **License**
This project is licensed under the **APACHE 2.0 License**.
Do whatever you want, just give credit.
---
<div align="center">
### **Made with 💙 by [Amey Kurade](https://www.github.com/AmeyKuradeAK)**
</div>
[](https://github.com/sponsors/AmeyKuradeAK)