Pixel and Code Agency Website

Project Overview

Pixel and Code Agency Website

A modern, responsive agency website built with Next.js 13+, TypeScript, and Tailwind CSS.
Overview

This website serves as the online presence for Pixel and Code, a digital agency offering web design, app development, branding, and digital marketing services. The site features a modern UI with responsive design, accessibility features, and SEO optimization.
Features
Layout Components

Header: Modern navigation with sticky mode that changes to blue background when scrolling
Footer: Comprehensive footer with company info, quick links, services, contact details, social media icons, and legal links

Pages and Components
Home Page

Hero Section: Eye-catching headline, CTA buttons, animated stars background, and 3D model image
Value Proposition: Company offerings and key value points
Featured Services: Multiple services with icons and descriptions
Testimonials: Client quotes and logos
Call to Action: Strong CTA section

About Us Page

Company Story: Mission, vision, and history
Team Section: Key team members with bios and social links
Achievements: Awards, recognition, and growth metrics

Services Page

Service Detail: Features, benefits, and pricing for each service
Case Studies: Portfolio items with results
All service offerings (Web Design, App Development, Branding, Digital Marketing) on a single page with jump links

Contact Page

Contact Form: Fields for name, email, phone, subject, and message
Contact Info: Address, phone, email, and business hours
Map Location: Office location using Leaflet
Live Chat: Real-time support option

FAQ Page

FAQ Section: Categorized questions and answers
Contact Support: Email, chat, and phone support options

Blog Page

Blog Post Cards: Blog post previews
Blog Categories Nav: Filter posts by category
Blog Subscribe: Newsletter signup
Individual Blog Posts: Detailed articles with related content

Technologies

Framework: Next.js 13+
Language: TypeScript
Styling: Tailwind CSS
UI Components: Radix UI (NavigationMenu)
Maps: Leaflet for location display
Development: Turbopack for faster development