From 80497fd4ede2162e5798e50e66c001e7c7619134 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Tue, 3 Feb 2026 01:59:11 +0000 Subject: [PATCH] Update homepage with full-screen hero from Squarespace - Add full-screen portrait hero with testimonial quote overlay - Add social icons on hero section - Add scroll indicator animation - Add YouTube video background for In Your Own Skin section - Add book section with Amazon embed - Add Amazon images domain to Next.js config Co-Authored-By: Claude Opus 4.5 --- frontend/next.config.ts | 5 + frontend/src/app/page.tsx | 221 +++++++++++++++++++++++++++----------- 2 files changed, 164 insertions(+), 62 deletions(-) diff --git a/frontend/next.config.ts b/frontend/next.config.ts index a747346..05ec20f 100644 --- a/frontend/next.config.ts +++ b/frontend/next.config.ts @@ -25,6 +25,11 @@ const nextConfig: NextConfig = { hostname: 'images.squarespace-cdn.com', pathname: '/**', }, + { + protocol: 'https', + hostname: 'images-eu.ssl-images-amazon.com', + pathname: '/**', + }, ], }, async headers() { diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx index d7c141c..1e6722f 100644 --- a/frontend/src/app/page.tsx +++ b/frontend/src/app/page.tsx @@ -2,7 +2,6 @@ import Link from 'next/link'; import Image from 'next/image'; import { getArtworks, Artwork } from '@/lib/directus'; import { ArtworkCard } from '@/components/artwork-card'; -import { HeroCarousel } from '@/components/hero-carousel'; import { WisdomWordsCarousel } from '@/components/wisdom-words-carousel'; export const revalidate = 60; @@ -20,17 +19,6 @@ async function getFeaturedArtworks(): Promise { export default async function HomePage() { const artworks = await getFeaturedArtworks(); - // Hero carousel paintings - exact images from original site - const heroImages = [ - { src: '/images/choose-love-choose-life.jpg', alt: 'Choose Love, Choose Life' }, - { src: '/images/at-the-stillpoint.jpg', alt: 'At the Stillpoint' }, - { src: '/images/ecstasy-of-belonging.jpg', alt: 'Ecstasy of Belonging' }, - { src: '/images/births-blessing-way.jpg', alt: 'Birth\'s Blessing Way' }, - { src: '/images/surrender-to-oneself.jpg', alt: 'Surrender to Oneself' }, - { src: '/images/spiralling-into-starlight.jpg', alt: 'Spiralling into Starlight' }, - { src: '/images/edge-of-light-darkness.jpg', alt: 'At the Edge of Light You Must Step into Darkness' }, - ]; - // Wisdom words gallery - all quote images from original site const wisdomImages = [ { src: '/images/wisdom-1.png', alt: 'Thich Nhat Hanh quote' }, @@ -63,8 +51,86 @@ export default async function HomePage() { return (
- {/* Hero Carousel - Full screen, 2-second autoplay, fade transition */} - + {/* HERO - Full screen portrait with quote overlay (matching Squarespace original) */} +
+ {/* Background Image */} + Katheryn Trenshaw + {/* Overlay */} +
+ + {/* Content */} +
+
+ “Working with Katheryn Trenshaw is fun and illuminating. It has served the + unfolding of my deep remembering. Artist, healer, transformer; Katheryn embodies + what she teaches.” +
+
+ — DJ, Counsellor, Maine, USA +
+ + {/* Social Icons */} + +
+ + {/* Scroll Indicator */} +
+ Scroll + + + +
+
{/* Tagline - Passionate Presence Center */}
@@ -74,20 +140,9 @@ export default async function HomePage() {
for Creative Expression -
- - - {/* Testimonial Quote - exact text from original */} -
-
-
- “Working with Katheryn Trenshaw is fun and illuminating. It has served the - unfolding of my deep remembering. Artist, healer, transformer; Katheryn embodies - what she teaches.” -
-
- — DJ, Counsellor, Maine, USA -
+

+ Katheryn Trenshaw +

@@ -144,45 +199,87 @@ export default async function HomePage() { - {/* IN YOUR OWN SKIN Section */} -
-
-
- {/* Image */} -
- In Your Own Skin + {/* IN YOUR OWN SKIN Section - Video Background */} +
+ {/* YouTube Video Background */} +
+