LeadDeck

LeadDeck is a modern lead capture landing page built with Next.js, Tailwind CSS, Ant Design, and Framer Motion.
It’s designed to help businesses grow their leads with a professional, animated, and conversion-focused UI.

---

✨ Features

• ⚡ Next.js 13+ App Router for optimized performance and SEO
• 🎨 Tailwind CSS + Ant Design for modern, responsive styling
• 🎭 Framer Motion animations for engaging user experience
• 🌐 SEO Ready with metadata, OpenGraph, and Twitter cards
• 📊 Lead Form with validation and submission feedback
• 💎 Glassmorphism UI with dynamic background gradient animations
• 🔒 Production-ready architecture, easy to extend

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/radwan503/LeadDeck.git
cd leaddeck

2. Install dependencies

npm install
# or
yarn install

3. Run the development server

npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser.

---

⚙️ Project Structure

.
├── app/                 # Next.js App Router pages
├── components/          # Reusable UI components
├── styles/              # Global styles (Tailwind, SCSS)
├── public/              # Static assets (images, icons)
├── package.json         # Project dependencies
└── README.md            # Project documentation

---

📦 Deployment

LeadDeck is ready to deploy on Vercel (recommended), Netlify, or any Node.js hosting.

Example Vercel deploy:

vercel

---

🔧 Customization

• Update app/layout.tsx metadata for SEO (title, description, author).
• Replace og-image.png in public/ for OpenGraph previews.
• Adjust theme in tailwind.config.js.

---

🧑‍💻 Author

• Radwan Anik

  • Portfolio
  • LinkedIn

---

📜 License

This project is licensed under the MIT License. You are free to use, modify, and distribute with attribution.

---

⭐ Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request.