Techora – Premium Electronics & Gadget Store

The design is bold and cinematic. A deep navy-black background carries indigo accents, Geist typography and glassy floating UI chips. The hero opens with an animated letter-by-letter “TECHORA” wordmark, a large product image placed over the giant brand text, and floating feature callouts.

Pages: Home, Shop All (with filters), 17 Category pages, 13 Brand pages, Product Details, New Arrivals, Deals, Compare, Cart, Checkout, Wishlist, Account, Order History, About, Contact and FAQ.

Key features:

• Animated hero with floating feature tags and a featured-product card

• Category showcase: 6 large feature tiles plus a compact grid of 11 more categories

• Trending, New Arrivals (with category tabs and price sorting) and ranked Bestsellers sections

• Spotlight sections for a flagship phone with a spec sheet, a creator laptop with stat counters, and a gaming zone with a scrolling ticker

• Seasonal deals section showing “Save $X” pricing

• Product compare tool: up to 4 products, spec tables that match the category, differences highlighted automatically

• Brand collections pages

• Product cards with badges (New, Bestseller, Refurbished, % off), ratings, a Quick View modal, a Compare toggle and a wishlist button

• Product page with color and storage variants and price add-ons, “In the box” list, full spec table, warranty and shipping info, “Works great with” accessories and related products

• Shop filters by brand, price, rating, availability and category-specific specs

• Support for refurbished and open-box listings

• Trust section (shipping, returns, warranty, payment methods), customer reviews and newsletter signup

• Cart, wishlist, comparisons and demo orders are saved in the browser. The data layer is structured so a backend (for example Prisma with PostgreSQL) can be connected later without changing the UI.

• Fully responsive, accessible labels throughout, built with Next.js and Tailwind CSS