Dot Web Hosting - Professional Web Hosting Website

A modern, responsive website for Dot Web Hosting company built with Next.js, TypeScript, and Tailwind CSS.

🚀 Features

• Modern Design: Clean, professional design with gradient accents and glassmorphism
• Responsive: Fully responsive across all devices
• Fast Performance: Built with Next.js for optimal performance
• SEO Optimized: Proper meta tags and structured data
• Accessible: WCAG compliant with proper ARIA labels
• Interactive: Smooth animations, hover effects, and dynamic UI
• Dark Mode: Full support for light/dark themes
• Back to Top Button: Floating, animated, accessible button on all pages

📋 Pages & Sections

Homepage

• Hero section with domain search
• Hosting plans showcase
• Features and benefits
• Customer testimonials
• Trust indicators

Main Pages

• / - Homepage
• /plans - Detailed hosting plans & comparison
• /domains - Domain registration services
• /about - Company information
• /contact - Contact form, info, and interactive FAQ
• /support - Knowledge base, help center, and WHMCS Integration Guide
• /faq - Interactive, categorized, searchable FAQ
• /blog - Hosting blog (featured post, articles, newsletter signup)
• /careers - Careers (job search/filter, company values, benefits)
• /signin - Sign in
• /signup - Sign up

Legal Pages

• /legal/terms - Terms of Service
• /legal/privacy - Privacy Policy
• /legal/refund - Refund Policy
• /legal/acceptable-use - Acceptable Use Policy

🆕 New & Enhanced Features

• Interactive FAQ Page: Expand/collapse, search, categories, smooth animation
• Contact Page: Interactive FAQ, animated, accessible, and modern contact form
• Blog Page: Featured post, article grid, author/date/read time, newsletter signup
• Careers Page: Job search/filter by department, detailed job cards, company values, benefits
• Dropdown Navigation: "Pages" dropdown in navbar for FAQ, Blog, Careers
• Back to Top Button: Smooth scroll, fade-in, accessible, and animated
• WHMCS Integration Guide: Step-by-step guide for reseller automation
• Legal Pages: Fully styled, accessible, and up-to-date legal documents
• TypeScript Strictness: strict mode and forceConsistentCasingInFileNames enabled for cross-platform reliability

🛠️ Tech Stack

• Framework: Next.js 15 (App Router)
• Language: TypeScript (strict mode, consistent casing)
• Styling: Tailwind CSS, glassmorphism, dark mode
• Icons: Lucide React
• Animations: Framer Motion, Tailwind Animate

📦 Installation

1. Clone the repository

   git clone <repository-url>
   cd dot-web-hosting

2. Install dependencies

   npm install

3. Run the development server

   npm run dev
   # or
   npm run dev -- --port=3001 # if port 3000 is in use

4. Build for production

   npm run build
   npm start

🧩 Notable Components & Features

• BackToTop: Floating button on all pages for smooth scroll to top, with fade-in and accessibility support.
• Interactive FAQ: On both FAQ and Contact pages, with search, categories, and animation.
• Legal Pages: /legal/terms, /legal/privacy, /legal/refund, /legal/acceptable-use — all styled and accessible.
• WHMCS Integration Guide: /support/whmcs-integration-guide — step-by-step for reseller automation.

📝 TypeScript & Linting

• Strict mode and forceConsistentCasingInFileNames enabled in tsconfig.json for cross-platform and code quality.
• ESLint: Run npm run lint to check code quality.

🤝 Contributing

1. Fork the repo and create your branch from main.
2. Ensure all code is linted and passes TypeScript checks.
3. Open a pull request with a clear description.

📄 License

This project is licensed under the MIT License.

---

Dot Web Hosting — Your Domain. Our Priority.