Lookbook page improvement

I'll check out your current website first to understand its design and content, then show you an improved version.

I'll inspect your live site to understand its current design and content.

Let me take screenshots to see the actual visual design, including the hero image and full layout.

Let me see the full page content to understand all the sections that exist on the page.

The page has more sections that load on scroll (About, Heritage, 3 product collections, Contact). Let me read the full HTML source to capture all the text content and structure.

Now let me capture the lower sections (About, Products, Contact) visually by scrolling the live page.

I now have a complete picture of your site. It's a beautifully minimal lookbook — let me grab your real images (hero, fabric, and product shots) so the improved version uses your actual photography.

Let me view your downloaded images so I assign them correctly in the redesign.

I now understand your site fully and have all your real photography. Let me generate a quick design direction to elevate it while keeping the minimal lookbook feel, and review the existing config files.

The design direction confirms a clean, editorial aesthetic — large elegant serif display, warm cream/sand backgrounds, lots of whitespace. Let me review the current config files before building.

This is Tailwind v4 (CSS-based config). I have everything I need. Let me build the elevated version — first the theme tokens and fonts, then the page components. Let me start by setting up the design tokens.

Now update the font mapping and add a couple of helpers in the theme.

Now add a few small base utilities (scroll reveal animation + smooth scroll) at the end of globals.css.

Now update the layout with fonts and proper metadata.

Now let me build the components. Starting with the scroll-reveal helper and the WhatsApp icon.

Now the site header with transparent-over-hero and solid-on-scroll behavior.

Now the hero section.

Let me remove the custom keyframe reference to avoid an undefined animation, keeping the eyebrow clean.

Now the Philosophy/About section.

Now the Collection section with the three pieces.

Now the Contact section and Footer.

Now compose the page.

All components are built. Let me verify it in the browser.

The hero looks elegant. Let me scroll through the rest of the sections to verify the philosophy, collection, and contact.

Everything looks polished and cohesive. Let me do a quick mobile check to confirm responsiveness.

Your lookbook is rebuilt and elevated while keeping the calm, minimal spirit. Here's what I did:

What changed

Refined typography — an elegant Cormorant Garamond serif for the wordmark and editorial headings, paired with a clean Montserrat sans for body and the wide-tracked uppercase labels. This gives it a high-end resortwear feel.
Warm Mediterranean palette — a soft sand/cream background, warm ink text, and a muted sea-teal accent used sparingly (eyebrows, section labels, product numbers). No purple, just 4 calm tones.
Full-bleed hero — your real beach photo now fills the screen with subtle gradient scrims for legibility, a centered serif wordmark, and a quiet "Discover" scroll cue.
Smart sticky header — transparent white over the hero, then fades into a frosted solid bar on scroll, with anchor nav and the EN/TR switch.
Editorial philosophy section — your fabric-and-olive image framed with a thin accent border beside the text and an outlined "Discover our heritage" button.
Elevated collection grid — numbered cards (01–03), a gentle image zoom on hover, and an "Inquire" tag that links each piece to a pre-filled WhatsApp message.
Subtle scroll reveals — sections fade up gracefully (and respect reduced-motion), keeping it feeling alive but never busy.

I reused all your original photography and copy, so it stays true to your brand. Everything is fully responsive — want me to add a mobile menu, a TR version of the page, or a lightbox to view product images larger?