AdsAI Website

A modern, responsive marketing and product website for AdsAI — a cloud-powered digital signage software platform that enables businesses to remotely manage, schedule, and display dynamic multimedia content across screen networks.

🔗 Live Website: https://adsai.tech

---

🚀 Key Features

• Hero & Interactive TV Showcase: Engaging hero section featuring product introduction and animated TV frame mockup preview.
• Brand Carousel: Continuous, smooth marquee showcasing brand partners and integrations.
• Feature Showcase: Interactive accordion highlighting quick 2-minute setup, remote screen management, and revenue optimization.
• FAQ Section: Collapsible accordion providing answers to common questions about digital signage technology.
• Lead Capture & Contact Form: Validated contact form powered by react-hook-form, protected by Google reCAPTCHA v2, and integrated with the AdsAI API.
• Responsive & Modern Design: Clean UI built with Tailwind CSS v4 and Framer Motion, optimized for mobile, tablet, and desktop screens.
• Compliance Pages: Integrated Privacy Policy and Terms & Conditions routes.

---

🛠️ Technologies Used

• Framework: Next.js 16 (App Router, Turbopack)
• Library: React 19
• Language: TypeScript
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Forms & Validation: React Hook Form
• Spam Protection: React Google reCAPTCHA
• Icons: Lucide React
• Notifications: React Hot Toast

---

📄 Main Pages & Sections

• Home (/):
  • Navigation bar with smooth scrolling
  • Hero with animated signage preview
  • Partner Brand Carousel
  • About AdsAI overview
  • Interactive Features accordion
  • FAQ accordion
  • Contact / Demo request form
  • Footer with newsletter signup and navigation links
• Privacy Policy (/privacy): Data handling and compliance information.
• Terms & Conditions (/terms): Service terms and guidelines.

---

📦 Getting Started

Prerequisites

• Node.js (v18.18.0 or higher recommended)
• npm, pnpm, or yarn

Installation

1. Clone the repository:

   git clone https://github.com/anitha-software-dev/adsai-website.git
   cd adsai-website

2. Install dependencies:

   npm install

3. Set up environment variables: Copy .env.example to .env.local:

   cp .env.example .env.local

   Configure your Google reCAPTCHA site key:

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=your_recaptcha_site_key

Running Locally

Run the development server:

npm run dev

Open http://localhost:3000 with your browser to view the application.

Building for Production

Create an optimized production build:

npm run build

Start the production server:

npm run start