Digency

Simple Home Page

Features

• Dark/Light Theme
• Responsive Design
• Reusable Components
• Carousel

Dependencies

• Vite
• Qwik
• TailWindCSS

About

🚀 Watch a demo here!

The web application is a marketing agency called Digency, which offers web design, SEO, social media and online advertising services. It is responsive and adapts to different screen sizes and devices. You can also see different animations and effects.

This project is a web application built with Vite, a next generation frontend tooling that provides fast development and optimized production builds. Qwik, a framework for building resumable applications that load instantly on the client. It uses Tailwind too, a design system that makes it easy to create custom user interfaces.

Local Setup

• PNPM

$ npm i --location=global pnpm

• Install dependencies and Run

$ git clone https://github.com/da8ah/qwik-digency-home.git
$ pnpm install
$ pnpm run dev

• Static Site Generator for GitHub Pages

$ npm run qwik add > Adapter: Static site (.html files)

Results

Responsive Design

You can find a full working version in the Demo.

Mobile	Tablet	Desktop

Animations

Dark/Light Theme

Mobile Navbar

Navbar Hover

Cards

Carousel

Gradient & Button hover/focus Shadow

Changelog

(Tiber) Abril 2023 v1.0.0

• Navbar
• Hero
• Stats
• Services
• Features
• Team
• Blog
• Testimonials
• Newsletter
• Footer