🔥 A1INC – MAIN DATA (MULTI-PAGE SITE)
1) Tech + Routing (Must)

Framework: Next.js (App Router) + TypeScript + Tailwind + Framer Motion + shadcn/ui
Routing: Multi-page with shared layout

Required Routes

/ → Home

/about → About (Edvora-style story structure)

/services → Services

/work → Work (grid)

/work/[slug] → Case study detail

/a1inc-2 → A1INC 2.0 Coming Soon

/contact → Contact

/legal/privacy → Privacy

/legal/terms → Terms

2) Global Layout (All pages)
Header / Navbar (sticky)

Left: A1INC logo (minimal)

Links: Home, About, Services, Work, A1INC 2.0

Right CTA: Start a Project → /contact

Style: glass pill navbar (blur + border)

Footer (all pages)

Columns: Company, Services, Work, Legal

Social icons

Very minimal + glass top border

Global Background

Dark matte base + soft gradients + subtle grid noise

No pure solid blocks

3) Glass UI System (Global — same as before, LOCKED)

(Keep your glass tokens + glass card component exactly; use everywhere.)

Glass levels

Glass-1: Pills / tags / navbar items

Glass-2: Cards / list rows / comparison rows

Glass-3: Hero feature blocks

✅ Apply to all pages.

4) Page-by-Page Content + Sections
A) HOME /
Sections (order locked)

Hero

Headline (big, engineered)

Subline (2 lines)

Buttons: View Work + Start a Project

Subtle animated glow/grid

Difference (Edvora inspired layout)

Left: “Other tools”

Right: “A1INC”

Rows as glass pills

Center floating glass icon

Workflow (3 steps)

Voice / Type

Generate

Export / Launch
Big faint numbers + glass text blocks

Capabilities Grid

5–6 cards, mixed sizes (asymmetrical)

Include 1 stat card “Trusted by teams”

Integration / Ecosystem

Arc/orbit layout

Glass bubbles icons around A1INC core

CTA panel

“Ready to build the next evolution?”

Button to contact

Last Signature (only on Home at bottom)

Giant outlined “A1INC”

Minimal microtext optional

B) ABOUT /about (Edvora storytelling structure – required)
Sections (order locked)

Mission / Our Story

Big heading + 2 paragraphs

The Problem (3 numbered glass cards)

Generic brands

Slow websites

Fragmented execution

What We Do (3 numbered glass cards)

Design systems

Build systems

Growth assets

CTA panel

Button → contact

Secondary → work

✅ Keep page minimal, spacious, premium.

C) SERVICES /services
Sections

Hero: “Services engineered for premium outcomes.”

Service blocks (each is large glass panel)

Brand Identity Systems

UI/UX & Product Design

Web Engineering (Next.js)

Motion / 3D Visual Direction

Launch Creatives & Growth Assets

Process timeline strip (3–5 steps)

CTA panel → contact

D) WORK /work
Sections

Hero: “Selected work.”

Filters (glass pills): All / Branding / UI / Web / Motion

Work Grid (glass cards)

Thumbnail

Title

Tags

Result line (optional)

E) CASE STUDY /work/[slug]
Template Sections

Hero

Project Name

Short summary

Role / timeline / stack (glass meta pills)

Problem → Approach → Solution → Results

Media blocks (image sections inside glass frames)

CTA: “Want similar results?” → contact

F) A1INC 2.0 /a1inc-2
Sections

Cinematic hero

“A1INC 2.0”

“COMING SOON”

Microtext: “The next evolution begins”

Optional email capture (glass form)

Minimal — poster vibe

G) CONTACT /contact
Sections

Hero + short line

Contact form (glass)

Name, Email, Company

Budget range dropdown

Message

Confirmation toast

Footer

H) LEGAL PAGES

Very clean typography

Glass container for content

Simple headings

5) Shared Components (Replit must create)

Navbar

Footer

GlassCard

GlassPill

SectionHeading

CTASection

NumberedCard

WorkCard

CaseStudyLayout

SignatureSection (giant outlined A1INC)

6) Content Data (Editable)

Create /content folder:

site.ts (nav links, socials, CTAs)

home.ts

about.ts

services.ts

work.ts (array of case studies)

legal.ts

No hardcoded text inside components.

7) Multi-page Behavior (Important)

Navbar active link highlighting

Smooth page transitions

Shared background across pages

Each page has unique meta tags