================================================================
  IVORY — Luxury Wedding Photography Website
  Free Template by ShutterNoise (shutternoise.com)
================================================================

WHAT'S INCLUDED
  index.html — Your complete wedding photography website (single file)

QUICK START
  1. Open index.html in any text editor (VS Code, Notepad++, etc.)
  2. Make the changes below
  3. Upload to your web host
  That's it. No build tools, no npm, no frameworks.

================================================================
CUSTOMIZATION GUIDE
================================================================

BRANDING & TEXT
  Search and replace these to personalize:

  "Ivory"                 → Your brand/studio name
  "Wedding Photography"   → Your subtitle (under logo)
  "Your love story,"      → Your headline
  "beautifully told"      → Your headline continued
  "Based in your city"    → Your actual city
  "— Your Name"           → Your name (about section)

BOOKING BAR
  The gold bar at the top reads "Now Booking 2026 & 2027 Weddings"
  Update the years as needed. To remove it entirely, delete
  the <div class="topbar"> element.

SOCIAL / DIRECTORY LINKS
  Find the footer-links div. Update to your actual profiles:
  
  <a href="#">Instagram</a>     → Your Instagram
  <a href="#">Pinterest</a>     → Your Pinterest
  <a href="#">The Knot</a>      → Your Knot storefront
  <a href="#">Junebug</a>       → Your Junebug profile

PHOTOS
  Wedding images appear in the featured-grid section.
  Each feat-item has two image references:

  1. The <img> src — thumbnail in the grid
     Recommended: 800px wide, JPG, quality 80

  2. The data-full attribute — lightbox image
     Recommended: 1400px wide, JPG, quality 85

  Replace with YOUR wedding photography:
    BEFORE: src="https://images.unsplash.com/photo-..."
    AFTER:  src="images/sarah-james-01.jpg"

  Tip: Use your absolute best work here. Five stunning images
  beat fifteen mediocre ones every time.

HERO IMAGE
  The large left-side hero image is the first thing visitors see.
  Replace it with your single strongest wedding photo.
  Recommended: 1200px wide minimum, portrait orientation works
  best with the split-screen layout.

ADDING MORE WEDDINGS
  Copy a feat-item div, paste it in the featured-grid, and update:
  - Image sources
  - Couple names (h3)
  - Location (span)
  
  The grid works best with 5-8 images. For the layout pattern:
  - Item 1 spans 2 rows (tall vertical image works best)
  - Item 4 spans 2 columns (wide horizontal works best)
  - Others are standard squares

PRICING / PACKAGES
  Find the packages section with three pkg-card divs.
  Update for YOUR actual pricing:

  - Package names (Elopement, Full Day, Destination)
  - Prices ($3,500, $5,800, $8,500)
  - Line items in each pkg-list
  - The "Most Popular" badge is on the middle card
    (class="pkg-card featured-pkg")

  To move the "Most Popular" badge, move the featured-pkg
  class to a different card.

  To ADD a fourth package, copy a pkg-card div and paste it.
  The grid auto-adjusts.

  To REMOVE the pricing section entirely (some photographers
  prefer "inquire for pricing"), delete the entire
  <section class="packages"> block.

TESTIMONIAL
  Find the testimonial section. Replace the quote text and
  the attribution with a real client testimonial. This section
  has a dark background for visual contrast.

  To add multiple testimonials, you'd need to duplicate the
  testimonial-quote and testimonial-author divs, but one
  strong testimonial is usually more effective than many.

CONTACT FORM
  The form currently shows an alert on submit (placeholder).
  To make it actually work, you have several options:

  OPTION 1 — Formspree (free, easiest)
    Change the form tag to:
    <form class="contact-form" action="https://formspree.io/f/YOUR_ID" method="POST">
    Sign up at formspree.io to get your form ID.

  OPTION 2 — Netlify Forms (free if hosted on Netlify)
    Add netlify to the form tag:
    <form class="contact-form" netlify>

  OPTION 3 — EmailJS (free tier available)
    Visit emailjs.com for JavaScript-based email sending.

  OPTION 4 — Your own backend
    Point the form action to your PHP/Node handler.

COLORS
  Find the :root section in the <style> block:

  --bg:#faf8f5           → Page background (warm white)
  --gold:#b8956a         → Gold accent color
  --text:#2c2825         → Main text color
  --bg-warm:#f3efe8      → Warm section backgrounds
  --cream:#e8ddd3        → Subtle border/divider color

  Popular accent alternatives:
    Warm gold:    #b8956a  (default)
    Rose gold:    #c4907a
    Dusty rose:   #c4a08a
    Sage green:   #8a9e82
    Slate blue:   #7a8ea0
    Champagne:    #d4af6a

FONTS
  The template uses Google Fonts:
  - Marcellus (headings — elegant serif, very bridal)
  - Nunito Sans (body — clean, readable)

  Alternative heading fonts that work well:
  - Cormorant Garamond (more classic)
  - Libre Baskerville (editorial)
  - Crimson Pro (warm serif)

  To change: visit fonts.google.com, update the <link> tag
  and the --display / --body variables in :root.

================================================================
PRO TIPS FOR WEDDING PHOTOGRAPHERS
================================================================
  
  • Lead with emotion, not technique. Your hero image should
    make someone FEEL something, not admire your lens choice.
  
  • The testimonial section is your highest-converting element.
    Use a real quote with real names and a real location.
  
  • Price anchoring: putting your most expensive package last
    makes the middle one feel like a deal. The "Most Popular"
    badge reinforces this.
  
  • Update the booking bar seasonally. "Limited Dates for
    Fall 2026" creates urgency.
  
  • The contact form dropdown ("Which collection interests you?")
    pre-qualifies leads and gives you context before responding.

================================================================
HOSTING
================================================================
  Static HTML — works on ANY web host:
  - GoDaddy, Bluehost, SiteGround, DreamHost
  - Netlify or Vercel (both free, Netlify has free form handling)
  - Squarespace / Wix (upload as custom code)
  - Any FTP upload to shared hosting

================================================================
FEATURES INCLUDED
================================================================
  ✓ Split-screen hero with slow-zoom animation
  ✓ Booking status bar (customizable)
  ✓ Image gallery with hover captions + lightbox
  ✓ Three pricing packages with "Most Popular" highlight
  ✓ Client testimonial section
  ✓ Contact form with event-type dropdown
  ✓ Scroll-triggered reveal animations
  ✓ Decorative ampersand ornament
  ✓ Mobile responsive with hamburger menu
  ✓ No external dependencies (except Google Fonts)
  ✓ SEO-friendly semantic HTML

================================================================
CREDITS & LICENSE
================================================================
  Free template by ShutterNoise — shutternoise.com

  You are free to:
  ✓ Use this for personal or commercial projects
  ✓ Modify it however you like
  ✓ Use it for client work

  We just ask that you:
  → Keep the "Free template by ShutterNoise" credit in the footer

  Placeholder photos from Unsplash (unsplash.com) — replace
  with your own wedding photography before publishing.

  Questions? Visit shutternoise.com
================================================================
