Mediusa/wise-hearted-decor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf(images): convert all images and assets to high efficiency WebP format

Browse Source
This commit is contained in:
Mediusa
2026-08-29 17:30:29 -07:00
parent d63011c01e
commit 30ffedea17
103 changed files with 50 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AboutSection.tsx
+1 -1
View File
@@ -33,7 +33,7 @@ export default function AboutSection() {
<div style={{ position: 'relative', width: '220px', height: '220px', margin: '0 auto 24px' }}>
<Image
src="/images/logo_monogram.png"
src="/images/logo_monogram.webp"
alt="Wise Hearted Monogram Logo"
fill
style={{ objectFit: 'contain' }}
src/components/Footer.tsx
+1 -1
View File
@@ -24,7 +24,7 @@ export default function Footer() {
<div>
<div style={{ display: 'flex', alignItems: 'center', gap: '14px', marginBottom: '16px' }}>
<div style={{ position: 'relative', width: '44px', height: '44px', borderRadius: '50%', overflow: 'hidden', border: '1.5px solid var(--color-gold)' }}>
<Image src="/images/logo_seal.png" alt="Wise Hearted Logo" fill style={{ objectFit: 'contain' }} />
<Image src="/images/logo_seal.webp" alt="Wise Hearted Logo" fill style={{ objectFit: 'contain' }} />
</div>
<div>
<div style={{ fontFamily: 'var(--font-script)', fontSize: '1.8rem', color: 'var(--color-gold)', lineHeight: 1 }}>
src/components/Header.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ export default function Header() {
<Link href="/" style={{ display: 'flex', alignItems: 'center', gap: '14px', textDecoration: 'none' }}>
<div style={{ position: 'relative', width: '48px', height: '48px', borderRadius: '50%', overflow: 'hidden', border: '1.5px solid var(--color-gold)', boxShadow: '0 0 12px rgba(212, 175, 55, 0.3)' }}>
<Image
src="/images/logo_seal.png"
src="/images/logo_seal.webp"
alt="Wise Hearted Event Decor Seal"
fill
style={{ objectFit: 'contain' }}
src/components/Hero.tsx
+1 -1
View File
@@ -36,7 +36,7 @@ export default function Hero() {
{/* Master 4X Super-Sampled 3D Gold Logo */}
<div style={{ maxWidth: '480px', width: '100%', margin: '0 auto 28px', position: 'relative' }}>
<Image
src="/images/logo_clean_master.png"
src="/images/logo_clean_master.webp"
alt="Wise Hearted Event Decor Logo"
width={1640}
height={1120}
src/components/PortfolioGallery.tsx
+9 -9
View File
@@ -18,7 +18,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Titus & Alayna Tuscan Wedding Arch',
category: 'Weddings',
desc: 'Tuscan yellow centerpiece arch flanked by crisp white panels, organic lemon-white balloon clouds, and white floral arrangements.',
image: '/images/portfolio_titus_alayna_wedding.jpg',
image: '/images/portfolio_titus_alayna_wedding.webp',
tag: 'Weddings & Engagements',
},
{
@@ -26,7 +26,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Emelda Luxury Black, Gold & Crimson Birthday',
category: 'Birthdays',
desc: 'Black marble backdrop with gold script lettering, surrounded by a dramatic organic garland of chrome gold, crimson red, and onyx black balloons.',
image: '/images/portfolio_emelda_luxury_black_gold.jpg',
image: '/images/portfolio_emelda_luxury_black_gold.webp',
tag: 'Milestone Celebrations',
},
{
@@ -34,7 +34,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Berry Sweet Baby Shower Triple Arch',
category: 'Baby Showers',
desc: 'Triple custom arched panels with hand-illustrated strawberry & blueberry motifs, framed in organic strawberry red, navy blue, and pastel pink balloons.',
image: '/images/portfolio_berry_sweet_baby.jpg',
image: '/images/portfolio_berry_sweet_baby.webp',
tag: 'Baby Showers',
},
{
@@ -42,7 +42,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Amina’s "Berry First Birthday" Backdrop',
category: 'Birthdays',
desc: 'Custom arched backdrop with 3D strawberry foil balloons and an organic balloon cascade in cherry red, blush pink, and white.',
image: '/images/portfolio_amina_berry_first_birthday.png',
image: '/images/portfolio_amina_berry_first_birthday.webp',
tag: '1st Birthdays',
},
{
@@ -50,7 +50,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Sage Green, Blush & Chrome Gold Birthday Arch',
category: 'Birthdays',
desc: 'Elegant white arch with 3D gold "Happy Birthday" lettering, accented with faux eucalyptus greenery, silk roses, and chrome gold spheres.',
image: '/images/portfolio_sage_gold_birthday.jpg',
image: '/images/portfolio_sage_gold_birthday.webp',
tag: 'Adult Birthdays',
},
{
@@ -58,7 +58,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Class of 2026 Tropical Brights Graduation',
category: 'Themed',
desc: 'Vibrant tropical color palette of hot pink, neon orange, bright turquoise, and lime green with monstera palm leaves on a lavender backdrop.',
image: '/images/portfolio_tropical_class_2026.jpg',
image: '/images/portfolio_tropical_class_2026.webp',
tag: 'Graduations',
},
{
@@ -66,7 +66,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Lavender Moon Arch & Giant Mosaic Letter "J"',
category: 'Specialty',
desc: 'Gold crescent moon hoop with deep navy and lilac balloons, paired with sheer lilac drape backdrops and a towering custom balloon mosaic "J".',
image: '/images/portfolio_lavender_moon_arch.jpg',
image: '/images/portfolio_lavender_moon_arch.webp',
tag: 'Custom Mosaic Letters',
},
{
@@ -74,7 +74,7 @@ const portfolioItems: GalleryItem[] = [
title: 'Patriotic Memorial Day Celebration Arch',
category: 'Themed',
desc: 'Grand red, white, royal blue, and chrome gold balloon arch featuring metallic 3D starburst foils for a high-impact holiday installation.',
image: '/images/portfolio_memorial_day_arch.jpg',
image: '/images/portfolio_memorial_day_arch.webp',
tag: 'Community Events',
},
{
@@ -82,7 +82,7 @@ const portfolioItems: GalleryItem[] = [
title: '"Pop, Fizz, Fun!" Citrus Beverage Station',
category: 'Specialty',
desc: 'Vibrant orange and pearl white organic balloon wave framing an arched drink station with custom floral typography and rustic wooden beverage crates.',
image: '/images/portfolio_pop_fizz_orange.jpg',
image: '/images/portfolio_pop_fizz_orange.webp',
tag: 'Drink & Treat Stations',
},
];