Bloodline — The Royal Bloodline

Launching-soon landing page for Bloodline, an ultra-luxury equine regalia house. Next.js 14 + Tailwind + Framer Motion + React Three Fiber.

Quick start

cd "c:/Users/harvi/Desktop/Bloodline"
npm install
cp .env.example .env.local   # fill in your email + SMTP
npm run dev

Open http://localhost:3001

Environment (.env.local)

Your email address is server-only — it is never sent to the browser.

Var	What it does
NOTIFY_EMAIL	Inbox that receives signup alerts
SMTP_HOST / SMTP_PORT / SMTP_SECURE	SMTP transport
SMTP_USER / SMTP_PASS	SMTP auth (Gmail: use an App Password)
SIGNUP_COUNT_OFFSET	Adds to the displayed live counter

Gmail setup (easiest)

1. Enable 2FA on your Google account
2. Create an App Password: https://myaccount.google.com/apppasswords
3. Use smtp.gmail.com, port 465, secure true, user = your gmail, pass = the 16-char app password

If SMTP is not configured, signups are still saved to signups.csv — you just won't get an email until you fill it in.

What's in the box

• Cinematic hero — horse silhouette parallax + 3 live 3D carpets floating/waving (Three.js)
• Tagline reveal on scroll
• Pinned collection showcase — 3 carpets rotate/cross-fade as you scroll
• Atelier manifesto — three oaths of the house
• Marquee of accessory teasers (saddle carpets, bridles, tassels…)
• Reserve form — saves to signups.csv, emails you, bumps live counter
• Animated live counter of nobles already in line
• Custom cursor, Lenis smooth scroll, film grain, gold-foil shimmer text

Data

Signups land in ./signups.csv (gitignored). Format: timestamp,email,name,source.

Scripts

npm run dev     # dev (port 3001)
npm run build   # production build
npm start       # start production (port 3001)
npm run lint