AFOT Website

Modern, SEO-optimized company website built with Next.js 14, Tailwind CSS, and Framer Motion.

Tech Stack

• Framework: Next.js 14 (App Router)
• Styling: Tailwind CSS
• Animations: Framer Motion
• Language: TypeScript
• Deployment: Vercel

Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Start production server
npm start

Project Structures

src/
├── app/                 # Next.js App Router pages
│   ├── about/
│   ├── blog/
│   ├── contact/
│   ├── projects/
│   ├── services/
│   └── page.tsx         # Homepage
├── components/
│   ├── forms/           # Form components
│   ├── layout/          # Header, Footer
│   ├── sections/        # Page sections
│   └── ui/              # Reusable UI components
└── lib/                 # Utilities

Features

• ✅ SSR/SSG for SEO
• ✅ Dynamic metadata
• ✅ Glassmorphism design
• ✅ Animated backgrounds
• ✅ Mobile responsive
• ✅ Core Web Vitals optimized
• ✅ Sitemap & robots.txt
• ✅ JSON-LD structured data

Deployment

Deploy to Vercel:

vercel

Or connect your GitHub repo to Vercel for automatic deployments.