AS Computers - Promotional Website

A modern, sleek promotional website for the AS computer brand, showcasing their range of laptops, desktops, and accessories.

Features

  • Responsive Design: Fully responsive layout that works on all devices
  • Modern UI: Clean, tech-oriented design with smooth animations and transitions
  • Product Showcase: Detailed product listings with specifications and images
  • Interactive Elements: Product modals, navigation, and contact form
  • Brand Identity: Consistent branding throughout the site

Pages

  1. Home: Brand introduction, featured products, testimonials, and call-to-action
  2. Laptops: Showcase of laptop products with details
  3. Desktops: Showcase of desktop products with details
  4. Accessories: Showcase of computer accessories
  5. Contact: Contact form and company information

Technologies Used

  • HTML5/CSS3: Modern markup and styling
  • TailwindCSS: Utility-first CSS framework for styling
  • AlpineJS: Lightweight JavaScript framework for interactivity
  • Font Awesome: Icon library
  • Google Fonts: Web fonts for typography

Implementation Details

  • Single-page application (SPA) architecture
  • Client-side routing for seamless page transitions
  • Responsive images with AI-generated placeholders
  • Interactive product modals for detailed information
  • Form validation and submission handling

File Structure

  • /index.ts - Entry point that serves the main HTML file
  • /frontend/index.html - Main HTML file containing the entire application
  • /README.md - Project documentation

How to Use

The website is deployed as a Val Town HTTP val. Simply access the val's URL to view the website.

Customization

The website can be easily customized by:

  1. Updating the product data in the Alpine.js data object
  2. Modifying the color scheme in the CSS
  3. Adding or removing sections as needed
  4. Updating the company information and contact details