cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:3031::ac43:cddb:443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
cf-cache-status: DYNAMIC
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=oGV7W3tKFiWfryuSWWK%2FzR94S0sF4gu4M0ukrISvwREcTQyFRCr3HdXbluf3dmqOAwp9x%2BLn5NT5RYhmRv3wEgAp3Sf8Pj0iuGoxXN9d%2Fr%2FjZ1b8s5iXjA0rUWBx"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=12,cfOrigin;dur=38
CF-RAY: 9c22494cdf5fc52e-SJC
alt-svc: h3=":443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 2606:4700:3033::6815:3272:8443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
cf-cache-status: DYNAMIC
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Pkd79YSY1IxdxcqFs%2Fl%2BF9YnyF5B0mbQ59BGtE2QaNFEglyPVbUIq7xdMiHS0OTn8sXQWlKFNu36%2F4Eevq%2BHJs%2FAFkBbVyxiANqBxzT1pq3GKfDICuO85BuLvuuY"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=19,cfOrigin;dur=39
CF-RAY: 9c22494c4dcfab90-YYZ
alt-svc: h3=":8443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 2606:4700:3033::6815:3272:80 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Length: 0
Connection: close
Location: https://www.verawells.com/
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=tCaIAl7aMo%2FBXXZ1DBOs%2B5ALgwmZkKVh7CWxP9wExC9cVskd0y0%2BHnV%2BDnYTLM491J1X5Oe%2FQSrGnb7ZvOQgzsw1JL379fcy4auDYmTHS%2Fk%2FQRwZSmbDotM2AdFu"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=17,cfOrigin;dur=8
cf-cache-status: DYNAMIC
CF-RAY: 9c22494bfc947327-EWR
alt-svc: h3=":443"; ma=86400
Open service 104.21.50.114:80 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Length: 0
Connection: close
Location: https://www.verawells.com/
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=nQKteLYCNiXoNyC1Evt5WiQ1TBjzYQnG%2BD3OV8xrz01%2F1gGDYSo0pBay8XGDaBrR3WKeQ%2BHfnSrjG0hCW6Wr75Rk32bbl6jVBiHegu9%2F%2BZbs"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=11,cfOrigin;dur=2
cf-cache-status: DYNAMIC
CF-RAY: 9c22494bec5742f2-EWR
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:3031::ac43:cddb:80 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Length: 0
Connection: close
Location: https://www.verawells.com/
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=r%2Bifj16SZTFHQWK%2BA8eVpbDIYNFcAoQLBH%2BwNHKRhWSgjWQB6LBjJgpDewVvc%2FSifsz3pReXDH6rIeivSGjwZZ6pEJMP170tZqzDk%2BbkyEXoatW7NPDJI7RbB1Zz"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=18,cfOrigin;dur=7
cf-cache-status: DYNAMIC
CF-RAY: 9c22494e195a40cf-BOM
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:3033::6815:3272:443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:50 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
cf-cache-status: DYNAMIC
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=2Q0lKGYAJpG0d9zi%2BHQbqRTO95uJl2T6n5IYhi1De0ZTFpcKYnNPou0nRrt9kwCjn1XNFYIDoalN2MQLTdquuwaht0dK%2BOegjPeqcx9JODgEqMaf6KbdGcae5net"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=8,cfOrigin;dur=300
CF-RAY: 9c22494dbaba47de-BOM
alt-svc: h3=":443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 104.21.50.114:443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=QD94aoBVLrqB6PYeuwVK%2FCAxXs800QAGk2flI8sbwnEDmpTE%2BlT80vz5QuH6sUNIBmn0lqZ0Hg6P1RPXR1zvVcIELjm%2B2l8u9M9Nuo41Fy7C"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c22494bac711716-AMS
alt-svc: h3=":443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 172.67.205.219:443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
cf-cache-status: DYNAMIC
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=gcy5uxYOmCYdEUURnaKWb3IwstJa04rMFx1lEm8iSjZfpH%2FBsijlhgkYungDEOMoTvIsHibR12hJ%2FCqhDxvniSh7JWHfiI4yoczvSiqw%2BjX1"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=7,cfOrigin;dur=36
CF-RAY: 9c22494cf8fcfd0f-SIN
alt-svc: h3=":443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 172.67.205.219:8443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=v0REhdIPknn32S38G4oBI13xBhTGJ%2BT94CvKW3J9E6xbdZmvjWw6c86G0j7jIRJolwezoRaPdwhaDxB7s%2FA%2Bni9QQgT2tnGG6Kz%2BE%2FwIiubg"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c22494b7e5ed2c3-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 2606:4700:3031::ac43:cddb:8443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
cf-cache-status: DYNAMIC
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Ffwybhu0gXePOcpFtrzrkTZFbxiJTVvZjs5TCPzGoD%2FOd%2BMtxYXp6Oec6I8lLMjznnEqiRgDBoiGYuIdam1oh7fqIRe3EDKM7J3hserxud6Wfe12RP5ryc85VAkR"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=9,cfOrigin;dur=38
CF-RAY: 9c22494b5fd0f2aa-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"
Open service 172.67.205.219:80 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 301 Moved Permanently
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Length: 0
Connection: close
Location: https://www.verawells.com/
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=7b9xvdAw2R6PT2ML37nBRFwra3tWdU9G1U4ajJQY1pF6D59jTMUJFdk6TOkAQg0N7V4rx4TshxK%2BMdXbaltQwXuNVDV8uvb0ktHIKg%2BQCvGc"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
cf-cache-status: DYNAMIC
CF-RAY: 9c22494afcef35e0-FRA
alt-svc: h3=":443"; ma=86400
Open service 104.21.50.114:8443 · www.verawells.com
2026-01-22 21:53
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 21:53:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
cf-cache-status: DYNAMIC
Link: <https://fonts.googleapis.com>; rel="preconnect", <https://fonts.googleapis.com>; rel="preconnect"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Q2zpLKq5fXPuZAvCCytjpVX8nZMlHbhnajbvziYM3r5bEtVDBapr8PKejYSj3pn0FMZjXMfdj%2BiqFVZSb3CL0ZCLaBeQZekf7pOpuam9BD4w"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
Server-Timing: cfCacheStatus;desc="DYNAMIC"
Server-Timing: cfEdge;dur=11,cfOrigin;dur=33
CF-RAY: 9c22494b09bfe403-YYZ
alt-svc: h3=":8443"; ma=86400
Page title: Vera Wells
<!DOCTYPE html><html lang="en" class="h-full"> <head><meta charset="utf-8"><link rel="icon" type="image/x-icon" href="//favicon.ico"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width"><meta name="generator" content="Astro v5.8.1"><title>Vera Wells</title><link rel="stylesheet" href="/_astro/about.Ctrj_Y5C.css">
<link rel="stylesheet" href="/_astro/index.C88Akkzn.css"></head> <body> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet"><nav x-data="{ isOpen: false, scrolled: false }" @scroll.window="scrolled = window.scrollY > 50" class="fixed top-0 left-0 w-full z-50 transition-all duration-300" :class="scrolled ? 'py-3 bg-white shadow-sm' : 'py-5 bg-transparent'"> <div class="container mx-auto flex justify-between items-center"> <a href="/" id="logo" class="text-2xl md:text-4xl font-semibold tracking-tight"> VW </a> <!-- Desktop Menu --> <div class="hidden md:flex space-x-8"> <a href="/" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Home </a><a href="//collections" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> Gallery </a><a href="//about" class="nav-link relative after:content-[''] after:absolute after:left-0 after:bottom-[-2px] after:h-[2px] after:bg-black after:w-0 hover:after:w-full transition-all"> About </a> </div> <!-- Mobile Menu Button --> <button @click="isOpen = !isOpen" class="md:hidden text-gray-800 focus:outline-none"> <svg x-show="!isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg x-show="isOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <!-- Mobile Menu --> <div x-show="isOpen" class="md:hidden absolute top-full left-0 w-full bg-white shadow-md"> <div class="flex flex-col py-4 px-6 space-y-4"> <a href="/" class="text-lg" @click="isOpen = false"> Home </a><a href="//collections" class="text-lg" @click="isOpen = false"> Gallery </a><a href="//about" class="text-lg" @click="isOpen = false"> About </a> </div> </div> </nav> <main> <section class="relative min-h-screen items-center flex py-20 md:py-16 overflow-hidden"> <div class="absolute left-0 right-0 z-0"> <div class="text-center mb-12 relative z-10"> <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"> Vera Wells Photography
</h1> <p class="mt-4 text-base md:text-lg text-gray-700">A place to showcase my photography</p> <a href="//collections" class="mt-8 inline-block px-6 py-3 border-2 border-black rounded-md
hover:bg-black hover:text-white transition-all duration-300
text-sm md:text-base font-medium
transform hover:scale-105 active:scale-95">
View Gallery
</a> </div> </div> <div id="featured-gallery-scroll" class="absolute bottom-10 left-0 right-0 flex justify-center transition-opacity duration-300"> <button onclick="scrollToContent();" class="flex flex-col items-center text-gray-600 hover:text-gray-900 transition-colors hover:cursor-pointer" aria-label="Scroll down to see featured work"> <span class="text-sm mb-2">Featured Work</span> <svg xmlns="http://www.w3.org/2000/svg" stroke-width="2" width="24" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none" viewBox="0 0 24 24"