Skip to content

SxBxcoder/viralcut-medium

Repository files navigation

ViralCut Medium Logo

BUILT TO CONVERT. SHIPPED IN 5 DAYS.

The official portfolio and growth engine for ViralCut Medium.
A 3-Track Agency specializing in high-converting Website Builds, Paid Meta Ads, and Content Cuts.

Next.js 16 Tailwind CSS Framer Motion Vercel


🌍 Live Deployment: viralcut-medium.vercel.app




⚡ The Agency Model

ViralCut Medium doesn't just build sites; we build full-funnel conversion systems.

Service Track Purpose
🌐 Website Building (Primary) Custom, high-converting digital storefronts focused on deep aesthetic immersion and modern interaction layers. No templates.
🎯 Paid Ads Full-funnel Meta (Facebook & Instagram) ad management to drive targeted, high-intent traffic to our custom builds.
🎬 Content Cuts Short-form, high-retention video editing optimized for organic social algorithms and paid distribution.

📸 The Product



[ HERO SCREENSHOT PLACEHOLDER ]

[ SERVICES OVERVIEW PLACEHOLDER ]

[ PERFORMANCE STATS PLACEHOLDER ]


🎨 Design System: "The Cut"

This architecture is governed by a strict, custom design language built for maximum tension and cinematic texture.

  • Canvas: Near-black (#0A0A0A) with warm-black raised panels (#141310).
  • Accents: Vibrant Gold (#E8B84B) for CTAs. Electric Teal (#2DE0C4) for breaking the dark rhythm.
  • Motif: "The Cut" — Sharp diagonal clip-paths, session timecode tickers (00:00), and a permanent cinematic film-grain noise overlay.
  • Motion: Heavy, physical, inertial scrolling powered by Lenis. Interactions rely on 3D hover states (deep drop-shadows) rather than bouncy spring physics.

💻 Tech Stack & Architecture

This is not a generic template. It is a highly optimized, custom-built Next.js architecture leveraging modern web standards to deliver a premium feel.

  • Core Framework: Next.js 16 (App Router)
  • Styling Engine: Tailwind CSS v4 (Custom Design System with strictly enforced tokens)
  • Motion Layer: Framer Motion (Orchestrated stagger, parallax, and spring physics)
  • Typography: Anton (Headings), Inter (Body), IBM Plex Mono (Utility & Timecodes)

Local Development

  1. Clone the repository:

    git clone https://github.com/SxBxcoder/viralcut-medium.git
  2. Install dependencies:

    npm install
  3. Ignite the development server:

    npm run dev

Managed securely by an offline, self-improving God-Tier Neural Brain.

About

Built to convert. Shipped in 5 days. The official portfolio and primary growth engine for the ViralCut Medium agency.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors