Funnel Designer Portfolio

A professional portfolio website for showcasing funnel design services and expertise. Built with Next.js and Tailwind CSS.

Features

• Modern, responsive design
• Dark mode support
• Gradient styling throughout
• Showcase sections for services, testimonials, and portfolio
• Contact form
• Optimized for performance

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Custom SVGs
• Deployment: Vercel

Getting Started

Prerequisites

• Node.js 16.8.0 or later
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/rayguang6/funnel-designer-portfolio.git
   cd funnel-designer-portfolio
   

2. Install dependencies:

   npm install
   # or
   yarn install
   

3. Run the development server:

   npm run dev
   # or
   yarn dev
   

4. Open http://localhost:3000 in your browser to see the result.

Project Structure

• app/ - Next.js app directory
  • components/ - Reusable components
  • constants/ - Constants used throughout the app
  • sections/ - Main page sections
  • globals.css - Global styles
• public/ - Static assets

Customization

1. Update content in app/sections/ directory
2. Modify styling in app/globals.css and component files
3. Replace images in public/images/

License

MIT

Author

Lei Zhi Guang