buildHtml
baseUrl https://fresh.scroll.pub
metaTags
editButton /edit.html
title Fresh Scroll - Grocery Delivery Made Simple
style.css
header
 class hero
 nav
  div Fresh
   class logo
  div
   class nav-links
   a Home
    href #home
   a Categories
    href #categories
   a How It Works
    href #how-it-works
   a Sign In
    class auth-button
    href #login
   a Get Started
    class cta-button
    href #signup
 div
  class hero-content
  h1 Fresh Groceries Delivered to Your Door
  p Get your favorite groceries delivered in under 60 minutes
  div
   class search-container
   input
    type text
    placeholder Enter your delivery address...
   button Search
    class search-button
main
 section
  id categories
  class categories
  h2 Shop by Category
  div
   class category-grid
   div
    class category-card
    img
     src images/fruits.svg
     alt Fruits & Vegetables
    h3 Fruits & Vegetables
   div
    class category-card
    img
     src images/dairy.svg
     alt Dairy & Eggs
    h3 Dairy & Eggs
   div
    class category-card
    img
     src images/meat.svg
     alt Meat & Seafood
    h3 Meat & Seafood
   div
    class category-card
    img
     src images/bakery.svg
     alt Bakery
    h3 Bakery
 section
  id how-it-works
  class process
  h2 How It Works
  div
   class process-grid
   div
    class process-card
    div 1
     class step-number
    h3 Choose Your Items
    p Browse through thousands of fresh products
   div
    class process-card
    div 2
     class step-number
    h3 Schedule Delivery
    p Pick a convenient delivery time
   div
    class process-card
    div 3
     class step-number
    h3 Get Your Groceries
    p Enjoy fresh groceries at your doorstep
footer
 div
  class footer-content
  div
   class footer-links
   a About Us
    href #about
   a Help Center
    href #help
   a Become a Shopper
    href #careers
   a Privacy Policy
    href #privacy
  p Making grocery shopping easier for everyone
script.js