- {/* Background gradient */}
-
-
- {/* The storefront backdrop and ambient orbs are persistent. The
- page body itself crossfades between routes via the View
- Transitions API. */}
+ {/* No fixed dark gradient — the Field Almanac composition sets its
+ own per-section backgrounds (cream / bone / ink) via the
+ .almanac-paper utility classes on each section. */}
{children}
diff --git a/src/app/tuxedo/page.tsx b/src/app/tuxedo/page.tsx
index b8ab9e7..b472261 100644
--- a/src/app/tuxedo/page.tsx
+++ b/src/app/tuxedo/page.tsx
@@ -5,41 +5,38 @@ import Link from "next/link";
import Image from "next/image";
import { m as motion, useInView } from "framer-motion";
import TuxedoVideoHero from "@/components/storefront/TuxedoVideoHero";
-import CinematicShowcase from "@/components/storefront/CinematicShowcase";
-import LayoutContainer from "@/components/layout/LayoutContainer";
import ProductCard from "@/components/storefront/ProductCard";
import PaginatedStops from "@/components/storefront/PaginatedStops";
import StorefrontHeader from "@/components/storefront/StorefrontHeader";
import StorefrontFooter from "@/components/storefront/StorefrontFooter";
import BrandStylesProvider from "@/components/storefront/BrandStylesProvider";
-import { TUXEDO_IMAGES as WP_IMAGES } from "@/components/storefront/tuxedo-images";
-import { ScrollReveal, ParallaxLayer, FadeOnScroll } from "@/components/ui/ScrollAnimations";
import { supabase } from "@/lib/supabase";
+import { getBrandSettingsPublic } from "@/actions/brand-settings";
+
+// ─────────────────────────────────────────────────────────────────────────────
+// TUXEDO PAGE — Field Almanac composition
+//
+// Section order:
+// 0. Cover spread → TuxedoVideoHero (typographic masthead)
+// 1. Editor's note → two-column preamble with pull quote
+// 2. I. The Almanac → specimen cards (altitude, swing, hands, …)
+// 3. II. The Cover Story → editorial photo + marginalia
+// 4. III. The 2026 Tour → stops as typeset schedule
+// 5. IV. This Week's Lot → inventory-style product cards
+// 6. V. Chronicle of the Row → three-generation timeline
+// 7. Letter from the Field → closing subscribe (letterpress card)
+// 8. Colophon → back-of-book fine print
+// ─────────────────────────────────────────────────────────────────────────────
function scrollToStops() {
- document.getElementById("stops")?.scrollIntoView({ behavior: "smooth" });
+ document.getElementById("tour")?.scrollIntoView({ behavior: "smooth" });
}
function scrollToStory() {
- document.getElementById("story")?.scrollIntoView({ behavior: "smooth" });
-}
-function scrollToProducts() {
- document.getElementById("products")?.scrollIntoView({ behavior: "smooth" });
-}
-import { getBrandSettingsPublic } from "@/actions/brand-settings";
-import { gsap } from "gsap";
-import { ScrollTrigger } from "gsap/ScrollTrigger";
-
-// Register GSAP plugins
-if (typeof window !== "undefined") {
- gsap.registerPlugin(ScrollTrigger);
+ document.getElementById("chronicle")?.scrollIntoView({ behavior: "smooth" });
}
-type Brand = {
- id: string;
- name: string;
- slug: string;
-};
-
+// ── Types ────────────────────────────────────────────────────────────────────
+type Brand = { id: string; name: string; slug: string };
type Stop = {
id: string;
city: string;
@@ -50,7 +47,6 @@ type Stop = {
slug: string;
brand_id: string;
};
-
type Product = {
id: string;
name: string;
@@ -63,6 +59,7 @@ type Product = {
pickup_type?: "scheduled_stop" | "shed";
};
+// ── State machine ────────────────────────────────────────────────────────────
type State = {
brand: Brand | null;
stops: Stop[];
@@ -75,8 +72,6 @@ type State = {
showSchedulePdf: boolean;
showWholesaleLink: boolean;
heroTagline: string | null;
- heroImageUrl: string | null;
- heroVideoUrl: string | null;
isAdmin: boolean;
customFooterText: string | null;
contactEmail: string | null;
@@ -85,7 +80,6 @@ type State = {
brandBgColor: string | null;
brandTextColor: string | null;
};
-
type Action =
| { type: "SET_BRAND"; brand: Brand | null }
| { type: "SET_STOPS"; stops: Stop[] }
@@ -100,8 +94,6 @@ type Action =
showSchedulePdf: boolean;
showWholesaleLink: boolean;
heroTagline: string | null;
- heroImageUrl: string | null;
- heroVideoUrl: string | null;
customFooterText: string | null;
contactEmail: string | null;
contactPhone: string | null;
@@ -123,8 +115,6 @@ const initialState: State = {
showSchedulePdf: true,
showWholesaleLink: true,
heroTagline: null,
- heroImageUrl: null,
- heroVideoUrl: null,
isAdmin: false,
customFooterText: null,
contactEmail: null,
@@ -136,718 +126,964 @@ const initialState: State = {
function reducer(state: State, action: Action): State {
switch (action.type) {
- case "SET_BRAND":
- return { ...state, brand: action.brand };
- case "SET_STOPS":
- return { ...state, stops: action.stops };
- case "SET_PRODUCTS":
- return { ...state, products: action.products };
- case "SET_SETTINGS":
- return {
- ...state,
- wholesaleEnabled: action.wholesaleEnabled,
- logoUrl: action.logoUrl,
- logoUrlDark: action.logoUrlDark,
- olatheSweetLogoUrl: action.olatheSweetLogoUrl,
- olatheSweetLogoUrlDark: action.olatheSweetLogoUrlDark,
- showSchedulePdf: action.showSchedulePdf,
- showWholesaleLink: action.showWholesaleLink,
- heroTagline: action.heroTagline,
- heroImageUrl: action.heroImageUrl,
- heroVideoUrl: action.heroVideoUrl,
- customFooterText: action.customFooterText,
- contactEmail: action.contactEmail,
- contactPhone: action.contactPhone,
- brandPrimaryColor: action.brandPrimaryColor,
- brandBgColor: action.brandBgColor,
- brandTextColor: action.brandTextColor,
- };
- case "SET_IS_ADMIN":
- return { ...state, isAdmin: action.isAdmin };
+ case "SET_BRAND": return { ...state, brand: action.brand };
+ case "SET_STOPS": return { ...state, stops: action.stops };
+ case "SET_PRODUCTS": return { ...state, products: action.products };
+ case "SET_SETTINGS": return {
+ ...state,
+ wholesaleEnabled: action.wholesaleEnabled,
+ logoUrl: action.logoUrl,
+ logoUrlDark: action.logoUrlDark,
+ olatheSweetLogoUrl: action.olatheSweetLogoUrl,
+ olatheSweetLogoUrlDark: action.olatheSweetLogoUrlDark,
+ showSchedulePdf: action.showSchedulePdf,
+ showWholesaleLink: action.showWholesaleLink,
+ heroTagline: action.heroTagline,
+ customFooterText: action.customFooterText,
+ contactEmail: action.contactEmail,
+ contactPhone: action.contactPhone,
+ brandPrimaryColor: action.brandPrimaryColor,
+ brandBgColor: action.brandBgColor,
+ brandTextColor: action.brandTextColor,
+ };
+ case "SET_IS_ADMIN": return { ...state, isAdmin: action.isAdmin };
}
}
-// ── Pull-quote band — full-bleed editorial interlude ────────────────
-// A single Fraunces italic quote floating over the pre-storm field.
-// No chrome. The image does the talking.
-function PullQuoteBand() {
+// ─────────────────────────────────────────────────────────────────────────────
+// 1. EDITOR'S NOTE
+// ─────────────────────────────────────────────────────────────────────────────
+function EditorsNote() {
return (
-
-
- {/* Layered tints: top darkens the sky, bottom grounds the type. */}
-
- {/* One warm amber rim along the lower edge to echo the corn. */}
-
+
+
+
+
+
+
+ № 00 — Editor’s Note
+
+
From the Editor
+
+
+ MMXXVI · 08
+
+
-
-
-
-
- “The best sweet corn doesn’t travel.
-
- It shouldn’t have to.”
-
-
-
-
-
-
-
- — Tuxedo Corn · Olathe, Colorado
-
-
+
+
+
+
+ A bulletin, not a brochure. What follows is a partial
+ record of how a particular valley grows a particular ear
+ of corn, picked by particular hands, on a particular
+ morning. We don’t have a slogan; we have a field.
+
+
+
+ The Olathe Sweet parent line was rescued from a retiring
+ farmer who believed his valley could grow sugar in a husk.
+ We brought it back to the same soil, learned how it liked
+ the water, and kept the seed — by hand, ear by ear — for
+ forty summers.
+
+
+
+
+ You won’t find us at a farmers’ market in a
+ big city. We don’t wholesale to supermarkets. Every
+ ear you eat came off a truck that left the shed that
+ morning, headed for a stop we planned with people we know
+ by name.
+
+
+ What follows in this issue: the numbers that matter, the
+ stops on the 2026 tour, the lot for this week, and a short
+ chronicle of how we got here. Read at your leisure. Eat
+ with butter and salt.
+
+
+
+
+
+
+ John Harold
+
+
+ Editor · Second Generation
+
+
+
+
+
+
+
+
+
+
+
+ “The ear in the photograph was picked the morning it was
+ shot. The silk on the right is still damp. We don’t
+ airbrush the field because we don’t need to.”
+
+
+
);
}
-// ── The Corn — single editorial moment replacing the feature grid ───
-// One paragraph. One image. The feature-card grid read as a templated
-// list of icons; an honest photograph of a single ear communicates
-// everything those eight tiles couldn't.
-function TheCorn() {
+function SignatureSvg() {
return (
-
-
-
- {/* Left: copy column, 5/12 */}
-
-
-
- The Corn
-
-
-
-
- You can taste
- the altitude.
-
-
-
-
-
-
-
- Olathe Sweet was developed for the Uncompahgre Valley — five thousand,
- three hundred and sixty feet above the sea, where the daytime sun hits
- the husk and the nights cool it back down before sunrise. That diurnal
- swing is what loads every kernel with sugar; nothing we do in the
- kitchen can replicate it, and nothing in a greenhouse can grow it.
-
-
-
-
- The ear in the photograph was picked the morning it was shot. The
- silk on the right is still damp. We don’t airbrush the field
- because we don’t need to.
-
-
-
-
- {/* Right: macro photo, 7/12 — the photograph carries the section. */}
-
-
-
-
- {/* Subtle amber rim light along the bottom — picks up the corn. */}
-
- {/* Provenance plate, lower-left, hairline border. */}
-
- Olathe Sweet · Day of pick
-
-
-
-
+
+
+
);
}
-// ── Founder strip — Our Story anchor ─────────────────────────────────
-// Image + narrative. The previous "Our Story" was a centered text block;
-// here the founder's portrait grounds the timeline that follows.
-function FounderStrip() {
- return (
-
- {/* A single amber rim along the top so this section reads as the
- hinge between The Corn (warm cream) and the dark Story panel. */}
-
+// ─────────────────────────────────────────────────────────────────────────────
+// 2. I. THE ALMANAC — Specimen cards
+// ─────────────────────────────────────────────────────────────────────────────
+interface AlmanacSpecimen {
+ number: string;
+ title: string;
+ unit: string;
+ value: string;
+ caption: string;
+ detail: string;
+}
-
-
-
-
-
- {/* Soft amber wash on the bottom — matches The Corn plate. */}
-
-
- John Harold · Olathe, CO
-
+const SPECIMENS: AlmanacSpecimen[] = [
+ {
+ number: "001",
+ title: "Altitude",
+ unit: "ft. above sea",
+ value: "5,360",
+ caption: "Uncompahgre Valley floor",
+ detail:
+ "Olathe Sweet was bred for elevation. The thin air at five thousand feet cooks the husk by day and the cold drains back in by night — the diurnal swing does the work no greenhouse can.",
+ },
+ {
+ number: "002",
+ title: "Diurnal Swing",
+ unit: "°F avg",
+ value: "38",
+ caption: "Day · Night differential",
+ detail:
+ "Daytime highs in the mid-eighties, nighttime lows in the upper forties. The kernel drinks sugar by sun and locks it in by cold. That’s the whole trick.",
+ },
+ {
+ number: "003",
+ title: "Hands at Peak",
+ unit: "people · daily",
+ value: "~60",
+ caption: "Including three generations",
+ detail:
+ "Grandparents on the husk trailer. Parents on the cooler line. Kids sorting by ear size in the shed. About sixty of us during the first two weeks of August.",
+ },
+ {
+ number: "004",
+ title: "Variety",
+ unit: "parent line",
+ value: "1982",
+ caption: "Olathe Sweet · original",
+ detail:
+ "The seed has never been hybridized in a laboratory. Forty summers of careful selection in the same soil. Nothing added. Nothing altered.",
+ },
+ {
+ number: "005",
+ title: "Time to Pick",
+ unit: "minutes",
+ value: "90",
+ caption: "field to cooler",
+ detail:
+ "A picker drops an ear into the sling; a runner carries it to the cooler truck; the cooler truck drives to the shed. Ninety minutes, no more.",
+ },
+ {
+ number: "006",
+ title: "Rows Under Pivot",
+ unit: "acres",
+ value: "60",
+ caption: "single farm · single family",
+ detail:
+ "Sixty acres of sweet corn and sixty of rotation. We don’t outsource, we don’t co-pack, we don’t re-brand anyone else’s crop. The name on the cooler is the name on the deed.",
+ },
+];
+
+function TheAlmanac() {
+ return (
+
+
+
+
+
+ № 01 — The Almanac
-
-
-
-
-
- The family behind the row
+
Specimens & Data
+
+
+
+ You can taste
the altitude.
+
+
+
+ Six numbers describe this farm better than any slogan. We
+ keep them where we can see them — in the shed, in the
+ cooler, on the side of the picking trailer.
-
-
-
- John Harold’s great-grandchildren still walk
- the same rows he cleared in 1982.
-
-
-
-
- The Olathe Sweet parent line was rescued from a retiring farmer
- who believed his valley could grow sugar in a husk. We brought
- it back to the same soil, learned how it liked the water, and
- kept the seed — by hand, ear by ear — for forty summers. The
- name on the cooler is the name on the deed.
+
+ Hover any specimen to read the field note. None of these
+ are marketing — they’re what we measure every
+ morning between picking and packing.
-
-
-
- Est. 1982
- ·
- 3 generations on the row
- ·
- ~60 hands at peak
-
-
+
-
+
+
+
+
+ {SPECIMENS.map((s) => (
+
+ ))}
+
+
+
+
+ ↑ Recorded by hand · audit on file at the shed
+
+
+ ↘ continued on page 03
+
+
+
);
}
-// ── Harvest editorial — magazine "by the numbers" spread ─────────
-//
-// One packshot + one data strip. The strip is the brand voice — it
-// treats the farm's actual numbers (years, generations, altitude, hands)
-// as magazine sidebar content, not as a feature-card grid. Hairline
-// rules, large tabular numerals, and a single editorial caption beneath.
-// No icons, no boxes, no color highlights. Reads as Cereal magazine
-// did a feature on this farm, not as a farm-stand template.
-function HarvestEditorial() {
+function SpecimenCard({ s }: { s: AlmanacSpecimen }) {
+ const ref = useRef
(null);
+ const inView = useInView(ref, { once: true, margin: "-60px" });
return (
-
- {/* Hairline top rule — single amber line so the section reads as
- a magazine spread opener. */}
-
+
+ No. {s.number}
+
+ {s.title}
+
+
-
- {/* Section header */}
-