Let me look at the key components so I can layer in cinematic retro polish across the whole theme consistently.

I have a full picture now. I'll amp up the retro feel with cinematic depth: punchier colors, atomic-age sunburst backgrounds, checkerboard accents, chunky offset "chrome" shadows, and retro double-border cards. Let me start by adding retro utilities and boosting the color pop in the theme.

Now let me add the cinematic retro utility classes at the end of globals.css:

Now let me transform the hero section with cinematic retro treatment — sunburst backdrop, starburst badge, layered text shadows, and chrome-shadow buttons:

Now let me update the products section with bold retro cards and harmonize the category badges to the teal/pink palette:

Let me check the homepage structure so I can add a retro marquee ticker for cinematic flair:

Let me create a retro marquee ticker component and add it between hero and products:

Now let me update the story section with retro styling — sunburst backdrop and bold offset stat cards:

Now let me update the CTA section with retro styling — striped newsletter card and bold market chips:

Now let me verify the cinematic retro homepage in the browser:

Captured retro homepage

The cinematic retro glow-up is live across the whole theme. Here's what landed:

• Punchier palette — bumped the teal and hot-pink chroma so the diner accents pop against the cream base, while keeping the 3–5 color rule intact.
• Atomic-age depth — the hero now has a sunburst ray pattern, subtle film scanlines, and a cinematic vignette layered over the cacao-farm shot, with the script "Delicious." getting a chunky pink/teal layered text shadow.
• Chrome-shadow detailing — bold dark-outlined cards with offset "chrome" drop shadows on products and the tilted stat cards, plus pill buttons that press into their shadow on hover.
• Diner touches — a scrolling retro marquee ticker under the hero, checkerboard and sunburst section backdrops, dashed dividers, and a candy-stripe trim on the newsletter card.

Everything reads cohesively as one polished 50s/60s soda-fountain brand. Want me to carry the same treatment into the shop, product detail, and cart pages next?

The image shows the new packaging: a tall aluminum squeeze tube (ribbed silver crimp top, black cap) wrapped in a deep cosmic navy design — starfields, galaxies, an astronaut and a Michelangelo-style "Creation of Adam" hand reaching toward a glowing star, with a ringed planet. "Candy" appears in dripping orange script, "Kartel" in distressed cream, and a banner reads "Chocolate Nut Spread — Rich · Creamy · Indulgent — 1 oz (28g)." A second tube lies behind it showing the screw-cap end with a "CK" monogram.

Love this direction — the cosmic/retro-space theme pairs perfectly with the 50s/60s aesthetic. Let me look at the current product data and where packaging is referenced so I can update everything cohesively.

This direction is great. I'll build out four cosmic-named products built on single-origin chocolate + macadamia (the macadamia gives that silky spreadable consistency), update the packaging language from jars to aluminum squeeze tubes, and regenerate the product imagery to match the space-themed tube. Let me check the remaining files that mention jars/packaging.

I'll rewrite the product catalog with four cosmic-themed names built on single-origin chocolate + macadamia, packaged in the aluminum squeeze tubes. Here's the lineup I'm going with — all squeezable tubes, all macadamia-based for that silky consistency:

• Dark Matter (luxury flagship) — single-origin 70% dark chocolate + macadamia
• Moon Dust (kids) — creamy milk chocolate + macadamia, lower sugar
• Cosmic Calm (functional) — chocolate macadamia + adaptogens
• Rocket Fuel (protein) — high-protein chocolate macadamia

Now let me update the remaining jar references and check the category labels used across the shop and product pages.

Let me read the category label blocks and footer links to update them consistently.

I'll update the category labels to clean tier tags, fix the footer/slug links, and harmonize the badge colors with the retro theme. Let me make these edits.

Now the footer links with updated names and slugs:

Now the metadata, custom-orders product list, faq, and jar references. Let me read those specific spots:

Now the FAQ references and shop page metadata, plus jar mentions in about and story-section:

Now the shop page metadata and the about/story jar references:

Now let me regenerate the product images to match the cosmic squeeze-tube packaging. Let me check the existing image files and the retro ticker copy.

Product image files don't exist yet — let me check what's in public and how images are currently resolving.

The old jar images exist — I'll regenerate the four primary product images as cosmic aluminum squeeze tubes matching the packaging you shared, each color-coded to its line. Let me generate them.

Images saved as .png. Let me delete the old .jpg files and update the product data to point at the new .png files (and dedupe the gallery since we have one render per product).

Now update the image paths in products.ts. Each product currently references three gallery images of the same base — I'll point all to the single new .png per product.

Let me verify the product detail page handles a single-image gallery gracefully, then check the result in the browser.

Let me check the thumbnail strip below to ensure a single-image gallery doesn't render an awkward thumbnail row.

The detail page uses only product.image with no thumbnail strip, so the single-image gallery is fine. However, the tube images are tall/portrait and the cards use object-cover on a square — that will crop the tubes. Let me switch product imagery to object-contain with padding so the full tube shows. Let me check the shop card render.

Let me check how the generated tube images look and verify the rendered pages in the browser. The shop page cards still use the old styling too, so I'll bring them up to the retro treatment and use object-contain so the tall tubes aren't cropped.

The Dark Matter tube looks excellent and matches your packaging. The images are square with the tube centered on a dark background, so object-cover works fine. Let me bring the shop page cards up to the same retro treatment as the homepage for consistency, then verify in the browser.

Now let me verify the shop and a product detail page in the browser.

Captured shop pages

The shop and product detail pages look great — all four cosmic squeeze tubes render with the retro card treatment and the names match their lines (Dark Matter, Moon Dust, Cosmic Calm, Rocket Fuel).

I've finished rebranding the whole site around the cosmic squeeze-tube packaging:

• New product imagery — generated four retro space-themed aluminum tube renders (Dark Matter / Moon Dust / Cosmic Calm / Rocket Fuel), removed the old jar .jpgs, and pointed lib/products.ts at the new .png files.
• Copy cleanup — swapped "jar" → "tube" across the About story, home story section, and FAQ; updated allergen info (macadamia tree nuts in all spreads, milk/whey in Rocket Fuel), shelf-life text for the resealable tube, and the shop metadata description.
• Shop cards — restyled to match the homepage's retro card aesthetic with the crimped-tube product photos on a dark backdrop.

Everything is verified in the browser and rendering correctly.