Swift Half

Read more about Jay Rayner and his size 12 feet below!

@viktoroddy Need ai to make a prompt that long!

PROMPT: Build a premium electric vehicle landing page with a dark, cinematic aesthetic. The entire site uses a black background (hsl(0,0%,0%)) with light text (hsl(0,0%,95%) as primary) and orange accents (hsl(25,100%,50%)). No default fonts — keep it minimal and editorial. Use shadcn/ui design tokens. Here are the sections in order: Design System (index.css) --background: 0 0% 0% --foreground: 0 0% 12% (used for dark elements like CTA button inner circles) --primary: 0 0% 95% (near-white, used for all text) --primary-foreground: 0 0% 12% --accent-warm: 25 90% 55% (orange accent) All section backgrounds are pure black hsl(0,0%,0%) Section 1: Navbar Fixed top, full-width, rounded-full pill shape Transparent initially, on scroll: black bg with backdrop-blur-xl, border primary/10 Logo left: "Electric" with an orange dot "." — logo color changes from black to white on scroll Nav links: Services, About, Team, Contact — hover has a scale-up rounded bg pill effect CTA button right: "Get Started" with a rounded-full pill, contains an ArrowUpRight icon inside a circular foreground bg CTA switches from black bg to white bg on scroll Mobile: hamburger menu, opens a rounded dark overlay with links + CTA Section 2: Hero Full viewport height, video background (/videos/hero_bg.mp4, autoplay, loop, muted) Large heading top-left: "Drive Beyond. / Unlock Pure Power" — white text, 78px on desktop Below heading: "Learn more" link with arrow icon, bordered button (border-foreground), no fill Section 3: Connected Systems (BigLinks) Top half: Video background (/videos/biglinks_bg.mp4) with 60% black overlay Left-aligned content: pill badge "Connected Systems", heading "Seamlessly Integrate / Every System", subtitle paragraph 12-column icon grid (4 cols mobile, 6 tablet, 12 desktop): each icon is 80x80px, rounded-xl, border white/10, bg white/5, backdrop-blur. Icons are orange with glow (drop-shadow-[0_0_8px_hsl(25,100%,50%)]). Icons: Gauge, Zap, Shield, Cog, Fuel, Navigation, Bluetooth, Wifi, Radio, Car, Wrench, Settings (from lucide-react) "Explore All" rounded pill border button Bottom half: 3 big full-width text links stacked vertically: "Find a dealer", "Fleet & lease", "Book a test drive" — each is huge text (110px desktop), with a ChevronRight icon right-aligned, separated by border-b border-primary/10, hover reduces opacity Section 4: Services Video background (/videos/services_card.mp4, autoplay, loop, muted) Centered content: pill badge "Next-Gen Driving", heading "Design, build and perfect / every single detail" Below: a glass-morphism card (max-w-2xl, centered, bg-primary/5 backdrop-blur-xl border-primary/10 rounded-2xl)Heading: "Effortless, All-Electric / Performance" Paragraph describing adaptive tech 3 bullet points with orange Zap icons (with glow): "Full-spectrum torque & drivetrain control", "Personalised driving & comfort profiles", "Track range & plan routes easily" Section 5: About Black bg, left-aligned Label: line + "About Us" text Heading: "Why You Absolutely Should / Experience Our Electric Range" (last part in primary/50) Below: two-column layoutLeft: 3 abstract shape images side by side (shape-1.png, shape-2.png, shape-3.png), each object-contain, 256px tall Right: two paragraphs of body text in primary/70 Section 6: Audience (For Whom?) Black bg, left-aligned Label: line + "For Whom?" Heading: "Who Should Experience / Our Electric Range" (second line in primary/50) 4-column grid of cards:First card: circular with a background image (audience-icon.png), aspect-square rounded-full border-primary/10 Other 3 cards: rounded-3xl bordered cards with lucide icons (Users, Gauge, Wrench) in primary/50, label text below Bottom: rounded info bar with descriptive paragraph Section 7: CTA Black outer bg, inner rounded-2xl card with video bg (/videos/services_card.mp4) + 50% black overlay Left-aligned content: heading "Experience the future / of driving today." Subtitle: "Book your test drive — one click, instant access. / No commitment, pure electric." Rounded-full CTA button: "Book a Test Drive" with ArrowUpRight in a circular foreground-colored badge, pill shape with bg-primary Assets needed: 4 videos: hero_bg.mp4, biglinks_bg.mp4, services_card.mp4 (used twice: services + CTA) 3 abstract shape PNGs: shape-1.png, shape-2.png, shape-3.png 1 audience icon image: audience-icon.png Use lucide-react for all icons Key design patterns: All section padding: px-7 py-16 md:px-12 lg:px-20 lg:py-24, max-w-7xl centered Label pattern: h-px w-6 bg-primary/40 line + small text Badge pattern: rounded-full pill with border primary/30, uppercase tracking-widest CTA button pattern: rounded-full, bg-primary text-primary-foreground, with inner circular icon badge Orange accent color used only for: logo dot, icon glows, specific highlights — always hsl(25,100%,50%) with optional drop-shadow glow Here's the exact prompt to recreate this landing page: PROMPT: Build a premium electric vehicle landing page with a dark, cinematic aesthetic. The entire site uses a black background (hsl(0,0%,0%)) with light text (hsl(0,0%,95%) as primary) and orange accents (hsl(25,100%,50%)). No default fonts — keep it minimal and editorial. Use shadcn/ui design tokens. Here are the sections in order: Design System (index.css) --background: 0 0% 0% --foreground: 0 0% 12% (used for dark elements like CTA button inner circles) --primary: 0 0% 95% (near-white, used for all text) --primary-foreground: 0 0% 12% --accent-warm: 25 90% 55% (orange accent) All section backgrounds are pure black hsl(0,0%,0%) Section 1: Navbar Fixed top, full-width, rounded-full pill shape Transparent initially, on scroll: black bg with backdrop-blur-xl, border primary/10 Logo left: "Electric" with an orange dot "." — logo color changes from black to white on scroll Nav links: Services, About, Team, Contact — hover has a scale-up rounded bg pill effect CTA button right: "Get Started" with a rounded-full pill, contains an ArrowUpRight icon inside a circular foreground bg CTA switches from black bg to white bg on scroll Mobile: hamburger menu, opens a rounded dark overlay with links + CTA Section 2: Hero Full viewport height, video background (/videos/hero_bg.mp4, autoplay, loop, muted) Large heading top-left: "Drive Beyond. / Unlock Pure Power" — white text, 78px on desktop Below heading: "Learn more" link with arrow icon, bordered button (border-foreground), no fill Section 3: Connected Systems (BigLinks) Top half: Video background (/videos/biglinks_bg.mp4) with 60% black overlay Left-aligned content: pill badge "Connected Systems", heading "Seamlessly Integrate / Every System", subtitle paragraph 12-column icon grid (4 cols mobile, 6 tablet, 12 desktop): each icon is 80x80px, rounded-xl, border white/10, bg white/5, backdrop-blur. Icons are orange with glow (drop-shadow-[0_0_8px_hsl(25,100%,50%)]). Icons: Gauge, Zap, Shield, Cog, Fuel, Navigation, Bluetooth, Wifi, Radio, Car, Wrench, Settings (from lucide-react) "Explore All" rounded pill border button Bottom half: 3 big full-width text links stacked vertically: "Find a dealer", "Fleet & lease", "Book a test drive" — each is huge text (110px desktop), with a ChevronRight icon right-aligned, separated by border-b border-primary/10, hover reduces opacity Section 4: Services Video background (/videos/services_card.mp4, autoplay, loop, muted) Centered content: pill badge "Next-Gen Driving", heading "Design, build and perfect / every single detail" Below: a glass-morphism card (max-w-2xl, centered, bg-primary/5 backdrop-blur-xl border-primary/10 rounded-2xl)Heading: "Effortless, All-Electric / Performance" Paragraph describing adaptive tech 3 bullet points with orange Zap icons (with glow): "Full-spectrum torque & drivetrain control", "Personalised driving & comfort profiles", "Track range & plan routes easily" Section 5: About Black bg, left-aligned Label: line + "About Us" text Heading: "Why You Absolutely Should / Experience Our Electric Range" (last part in primary/50) Below: two-column layoutLeft: 3 abstract shape images side by side (shape-1.png, shape-2.png, shape-3.png), each object-contain, 256px tall Right: two paragraphs of body text in primary/70 Section 6: Audience (For Whom?) Black bg, left-aligned Label: line + "For Whom?" Heading: "Who Should Experience / Our Electric Range" (second line in primary/50) 4-column grid of cards:First card: circular with a background image (audience-icon.png), aspect-square rounded-full border-primary/10 Other 3 cards: rounded-3xl bordered cards with lucide icons (Users, Gauge, Wrench) in primary/50, label text below Bottom: rounded info bar with descriptive paragraph Section 7: CTA Black outer bg, inner rounded-2xl card with video bg (/videos/services_card.mp4) + 50% black overlay Left-aligned content: heading "Experience the future / of driving today." Subtitle: "Book your test drive — one click, instant access. / No commitment, pure electric." Rounded-full CTA button: "Book a Test Drive" with ArrowUpRight in a circular foreground-colored badge, pill shape with bg-primary Assets needed: 4 videos: hero_bg.mp4, biglinks_bg.mp4, services_card.mp4 (used twice: services + CTA) 3 abstract shape PNGs: shape-1.png, shape-2.png, shape-3.png 1 audience icon image: audience-icon.png Use lucide-react for all icons Key design patterns: All section padding: px-7 py-16 md:px-12 lg:px-20 lg:py-24, max-w-7xl centered Label pattern: h-px w-6 bg-primary/40 line + small text Badge pattern: rounded-full pill with border primary/30, uppercase tracking-widest CTA button pattern: rounded-full, bg-primary text-primary-foreground, with inner circular icon badge Orange accent color used only for: logo dot, icon glows, specific highlights — always hsl(25,100%,50%) with optional drop-shadow glow

❤️‍🔥Gemini 3.1 just one-shotted this insane aniamted website Prompt included ↓

@michelrouxjr @jhendy_10 Just like everything in life! 👊

@jhendy_10 Indeed, impeccable manners and having spent my life in hospitality I can tell you that good service is often a two way street. Be more like big John 👊🏻

You can tell a lot about someone by the way they speak to staff serving them

@cosmicjester Went to see the amazing @MidlakeBand in Brighton and the times were printed everywhere. Midland started 1 minute late from the advertised time! No bullshit there. Spot on! Loved it.

Why can’t music venues just tell you the time the fucking band starts? I don’t want to go in 1 and a half hours early especially at a gig with no support

@UiSavior I’ve been looking for a replacement to Lottie for a while. Bit of a sting that Lottie force a years sub, so I’d rather use these guys for sure.

Easiest way to create animated icons for your project ⭐

@IPhillips79 Geezer digging in his leather jacket! 😂

Brookside (January 1995) - The body of Trevor Jordache is discovered under the patio! "It's a h-h-hand!" Ha! The most famous episode in Brookside's 21-year history. The highest-rated episode of the series, ratings scaling the 10million mark. The story went on for over 2 years!

Spartan! 😂😂

@kwharrison13 @srinireddy85 People who didn't even read the whole tweet! 😂

@srinireddy85 People who didn’t get the joke, for $200 Alex.

A friend of mine doesn't work in tech, has no background as an engineer or designer. But heard about vibe coding and set out to investigate. A few weeks later? He was generating $10M ARR. A month in? $20M ARR!! Just him. No employees or VCs. What was his secret? Simple. "I don't know what ARR is. But if I say a big number, a lot of people follow me on Twitter." With that, he had uncovered the secret to success in tech. "Nobody checks." Follow along for more tips.

@alphafox I used to work in France and theft was rife especially at the bottom of the hill. That was 20 years ago though. Luckily there seems a lot less these days.

Any guesses as to why this is true? 🤔🤔

@romaindewolff @UniverseIce You can permanently switch it off. I did this and its much better!

@UniverseIce it's actually annoying - I press it when I dont need to ...

This is the least useful feature on the iPhone 17.

@pmcafrica Sounds like something the Titanic would say.

Bike frame = lock 🚲🔒

We spent a whopping £50 on a tour of London’s new Guinness brewery – was it worth it? 🍺👀 Read and watch below 👇 #Guinness #London #Beer

Fosters watered down again as brewer squeezes extra tax savings. Foster’s is getting weaker again, and brewer Heineken hints that we’ll get cheaper pints – pull the other one. swifthalf.com/fosters-watere… #beer #tax #duty

Crocodile Dundee pub - Walkabout Creek - enters a new era - no crocs, just cold beers and lots of tall tales. swifthalf.com/croc-shock-as-… #xxxx #crocodiledundee #outback #australia

@AldiUK kicking off at @asda for their Cracker Pizza! Quite possibly a good call! #crackergate

BEER REVIEW: Lewes legend @TheBeakBrewery proves it’s worth every frothy penny I’ve lived 10 minutes from Beak and only just discovered them. Their core range isn’t just good - it’s annoyingly excellent. Check out the full review👇 #craftbeer #beer

Christmas 2025 at Evolution London brings New York magic to the capital! Evolution London is promising a Manhattan-sized festive blowout for Christmas 2025, complete with Broadway glitz, dodgems and snow-dusted streets. #christmas #christmasparty swifthalf.com/christmas-2025…

@Ryan96Carroll You seen the price of a pint. You'd have to be mad to do that these days!

Not a pint flung in the air between the Irish and Scottish after the week they’ve had. The English could learn a thing or two.

@trussliz A L

I and many other Brits are cheering Trump on. The BBC is the epitome of what has gone wrong with Britain.