Superwhisper Clone

A pixel-perfect recreation of the Superwhisper landing page with a functional AI writing demo powered by Gemini (frontend simulation).
Built using Next.js, TypeScript, and Tailwind CSS — crafted as a professional UI engineering + portfolio showcase.

---

🚀 Features

🎨 Pixel-Perfect Frontend

• Matched typography, spacing, colors, and layout
• Fully responsive across all screen sizes
• Optimized component architecture

💬 AI Writing Demo (Frontend Simulation)

• "Gemini-powered" writing demo recreated visually
• Text effects + typing simulation
• Purely frontend — no backend or real AI

🧩 Complete Landing Page Sections

• Hero with CTA buttons
• Feature list
• Video/Demo placeholder
• Pricing (Free + Pro)
• Reviews
• FAQ
• Footer + legal links
• Newsletter subscription UI

---

🧾 Design → Code Documentation (PDF)

👉 Download PDF:
Superwhisper_Design_to_Code_Preview.pdf

This PDF contains:

• Design previews
• Pixel-perfect mapping

---

🛠 Tech Stack

• Next.js 14+ (App Router)
• TypeScript
• Tailwind CSS
• Lucide Icons

---

📦 Getting Started

1️⃣ Clone the repository

git clone https://github.com/your-username/superwhisper-clone.git
cd superwhisper-clone

2️⃣ Install dependencies

npm install

3️⃣ Start development server

npm run dev

Open: http://localhost:3000

---

🌐 Live Demo

(https://superwhisper-clone.vercel.app/)

---

📝 Notes

This project is a frontend-only UI clone. All original branding, content, and designs belong to Superwhisper.

---

📜 License — MIT

MIT License

Copyright (c) 2025 Muhammad Waheed
Permission is hereby granted, free of charge, to any person obtaining a copy...

---

👤 Author

Muhammad Waheed Frontend Developer