Project Description

This is a sleek, dark-themed landing page designed to showcase digital products and services. The goal was to guide visitors through a clear narrative path:

Hero Section: Bold headline with an engaging “Get in Touch” call-to-action

Our Products: Interactive cards highlighting current solutions and an upcoming “Coming Soon” feature

Our Services: Grid of service cards for Web Development, AI Integration, Automation, and Software Development

About Us: Three core values—Innovation, Dedication, Excellence—presented with iconography

Contact Form: Two-column form with basic validation for name, email, and message

Framework: React

Styling: Tailwind CSS, ShadcnUI, Radix UI

Form Handling: Zod validation + Gmail SMTP

Optimization: Image compression

Deployment: Vercel

Designed UI/UX

Built component-based architecture using React

Integrated micro-interactions and scroll animations

Deployed to Vercel and monitored performance metrics

1. Mobile-First & Responsive Design: fluid layouts and modular breakpoints

2. Accessibility (a11y): WCAG contrast ratios, ARIA labels, keyboard navigation

3. Performance Optimization: code-splitting, lazy-loading assets

4. SEO-Friendly: dynamic meta tags, sitemap, JSON-LD structured data

5. Maintainability: clear component hierarchy, BEM-like naming conventions