Sunhill Fresh Market | Eastern Bays, Auckland<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green: #2d5a27;\n --green-light: #4a7c42;\n --green-pale: #e8f0e6;\n --cream: #faf6ee;\n --gold: #c9943a;\n --gold-light: #e8b84b;\n --red: #c0392b;\n --text: #1a1a1a;\n --text-muted: #6b6b6b;\n --white: #ffffff;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--cream);\n color: var(--text);\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.2rem 4rem;\n background: rgba(250,246,238,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(45,90,39,0.1);\n transition: box-shadow 0.3s;\n }\n nav.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.08); }\n .nav-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.45rem;\n font-weight: 700;\n color: var(--green);\n letter-spacing: -0.02em;\n text-decoration: none;\n }\n .nav-logo span { color: var(--gold); }\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n .nav-links a {\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--text);\n text-decoration: none;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n transition: color 0.2s;\n position: relative;\n }\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -3px; left: 0; right: 0;\n height: 2px;\n background: var(--gold);\n transform: scaleX(0);\n transition: transform 0.25s;\n }\n .nav-links a:hover { color: var(--green); }\n .nav-links a:hover::after { transform: scaleX(1); }\n .nav-cta {\n background: var(--green);\n color: var(--white) !important;\n padding: 0.55rem 1.4rem;\n border-radius: 2rem;\n transition: background 0.2s !important;\n }\n .nav-cta::after { display: none !important; }\n .nav-cta:hover { background: var(--green-light) !important; color: var(--white) !important; }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 80px;\n overflow: hidden;\n position: relative;\n }\n .hero-left {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 5rem 3rem 5rem 4rem;\n position: relative;\n z-index: 2;\n }\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--green-pale);\n color: var(--green);\n font-size: 0.78rem;\n font-weight: 500;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0.4rem 1rem;\n border-radius: 2rem;\n margin-bottom: 1.5rem;\n width: fit-content;\n animation: fadeUp 0.8s ease both;\n }\n .hero-badge::before { content: '\ud83c\udf31'; }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 5vw, 4.8rem);\n font-weight: 900;\n line-height: 1.05;\n letter-spacing: -0.03em;\n color: var(--green);\n margin-bottom: 1.5rem;\n animation: fadeUp 0.8s 0.1s ease both;\n }\n .hero h1 em {\n font-style: italic;\n color: var(--gold);\n }\n .hero-sub {\n font-size: 1.1rem;\n color: var(--text-muted);\n line-height: 1.75;\n max-width: 420px;\n margin-bottom: 2.5rem;\n font-weight: 300;\n animation: fadeUp 0.8s 0.2s ease both;\n }\n .hero-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n animation: fadeUp 0.8s 0.3s ease both;\n }\n .btn-primary {\n background: var(--green);\n color: var(--white);\n padding: 0.85rem 2rem;\n border-radius: 2rem;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: background 0.2s, transform 0.2s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--green-light); transform: translateY(-2px); }\n .btn-secondary {\n color: var(--green);\n font-weight: 500;\n font-size: 0.95rem;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n transition: gap 0.2s;\n }\n .btn-secondary:hover { gap: 0.7rem; }\n\n .hero-stats {\n display: flex;\n gap: 2.5rem;\n margin-top: 3.5rem;\n padding-top: 2.5rem;\n border-top: 1px solid rgba(45,90,39,0.15);\n animation: fadeUp 0.8s 0.4s ease both;\n }\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--green);\n }\n .stat-label {\n font-size: 0.8rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-top: 0.1rem;\n }\n\n \/* Hero Right - Organic mosaic *\/\n .hero-right {\n position: relative;\n overflow: hidden;\n background: var(--green);\n }\n .hero-mosaic {\n position: absolute;\n inset: 0;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n gap: 4px;\n }\n .mosaic-cell {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: clamp(3rem, 5vw, 5rem);\n background: var(--green-light);\n transition: transform 0.3s;\n animation: fadeIn 1s ease both;\n position: relative;\n overflow: hidden;\n }\n .mosaic-cell:nth-child(1) { background: #3d7535; animation-delay: 0.1s; }\n .mosaic-cell:nth-child(2) { background: #2d5a27; animation-delay: 0.15s; }\n .mosaic-cell:nth-child(3) { grid-row: span 2; background: #4a7c42; animation-delay: 0.2s; font-size: clamp(5rem, 8vw, 8rem); }\n .mosaic-cell:nth-child(4) { background: #5a9050; animation-delay: 0.25s; }\n .mosaic-cell:nth-child(5) { background: #2a5224; animation-delay: 0.3s; }\n .mosaic-cell:nth-child(6) { grid-column: span 2; background: #3a6c33; animation-delay: 0.35s; font-size: clamp(2.5rem, 4vw, 4rem); display: flex; gap: 1.5rem; }\n .mosaic-cell:hover { transform: scale(1.02); z-index: 1; }\n .hero-overlay-text {\n position: absolute;\n bottom: 2rem;\n right: 2rem;\n background: rgba(250,246,238,0.95);\n padding: 1.2rem 1.5rem;\n border-radius: 1rem;\n max-width: 220px;\n z-index: 5;\n animation: fadeUp 0.8s 0.5s ease both;\n }\n .hero-overlay-text strong {\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n color: var(--green);\n display: block;\n margin-bottom: 0.25rem;\n }\n .hero-overlay-text p {\n font-size: 0.8rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n \/* MARQUEE *\/\n .marquee-bar {\n background: var(--gold);\n padding: 0.75rem 0;\n overflow: hidden;\n white-space: nowrap;\n }\n .marquee-track {\n display: inline-flex;\n gap: 0;\n animation: marquee 20s linear infinite;\n }\n .marquee-item {\n color: var(--white);\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0 2.5rem;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n .marquee-dot { font-size: 0.5rem; opacity: 0.6; }\n\n \/* SECTIONS SHARED *\/\n section { padding: 6rem 4rem; }\n .section-label {\n font-size: 0.78rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 500;\n margin-bottom: 0.75rem;\n }\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 700;\n color: var(--green);\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 1rem;\n }\n .section-sub {\n font-size: 1rem;\n color: var(--text-muted);\n line-height: 1.7;\n max-width: 520px;\n font-weight: 300;\n }\n\n \/* WHAT WE OFFER *\/\n .offerings {\n background: var(--white);\n }\n .offerings-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 4rem;\n gap: 2rem;\n }\n .offerings-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n }\n .offer-card {\n background: var(--cream);\n border-radius: 1.25rem;\n padding: 2.5rem 2rem;\n text-align: center;\n transition: transform 0.3s, box-shadow 0.3s;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n .offer-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--green);\n transform: scaleY(0);\n transform-origin: bottom;\n transition: transform 0.35s ease;\n z-index: 0;\n }\n .offer-card:hover::before { transform: scaleY(1); }\n .offer-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(45,90,39,0.2); }\n .offer-card:hover .offer-title,\n .offer-card:hover .offer-desc { color: var(--white); }\n .offer-icon {\n font-size: 3rem;\n margin-bottom: 1.25rem;\n position: relative;\n z-index: 1;\n display: block;\n }\n .offer-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--green);\n margin-bottom: 0.6rem;\n position: relative;\n z-index: 1;\n transition: color 0.3s;\n }\n .offer-desc {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.6;\n position: relative;\n z-index: 1;\n transition: color 0.3s;\n }\n\n \/* FEATURE SPLIT *\/\n .feature-split {\n background: var(--green);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n padding: 0;\n overflow: hidden;\n }\n .feature-content {\n padding: 6rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .feature-content .section-label { color: var(--gold-light); }\n .feature-content .section-title { color: var(--white); }\n .feature-content .section-sub { color: rgba(255,255,255,0.7); }\n .feature-list {\n margin-top: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n .feature-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n color: rgba(255,255,255,0.9);\n font-size: 0.95rem;\n }\n .feature-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n flex-shrink: 0;\n }\n .feature-visual {\n background: var(--green-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12rem;\n position: relative;\n overflow: hidden;\n }\n .feature-visual::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 40% 60%, rgba(255,255,255,0.08) 0%, transparent 70%);\n }\n\n \/* TESTIMONIALS *\/\n .testimonials {\n background: var(--cream);\n text-align: center;\n }\n .testimonials .section-title,\n .testimonials .section-label { margin: 0 auto; }\n .testimonials .section-title { margin-bottom: 0.5rem; }\n .testimonials .section-sub { margin: 0 auto 3.5rem; text-align: center; }\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-top: 3.5rem;\n }\n .testimonial-card {\n background: var(--white);\n border-radius: 1.25rem;\n padding: 2rem 2rem 1.75rem;\n text-align: left;\n border: 1px solid rgba(45,90,39,0.08);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(0,0,0,0.08); }\n .stars {\n color: var(--gold);\n font-size: 1rem;\n margin-bottom: 1rem;\n letter-spacing: 0.1em;\n }\n .testimonial-text {\n font-size: 0.95rem;\n line-height: 1.75;\n color: var(--text-muted);\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n .testimonial-author {\n font-weight: 500;\n font-size: 0.9rem;\n color: var(--green);\n }\n\n \/* SPECIALS BANNER *\/\n .specials {\n background: var(--gold);\n padding: 5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .specials::before {\n content: '\ud83c\udf4a\ud83c\udf4b\ud83c\udf47\ud83c\udf53\ud83e\udd5d\ud83c\udf4d';\n position: absolute;\n font-size: 8rem;\n opacity: 0.06;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n letter-spacing: 1rem;\n white-space: nowrap;\n }\n .specials .section-title { color: var(--white); }\n .specials .section-sub { color: rgba(255,255,255,0.85); margin: 1rem auto 2rem; }\n .specials .btn-primary {\n background: var(--white);\n color: var(--gold);\n }\n .specials .btn-primary:hover { background: var(--cream); }\n\n \/* CONTACT\/INFO *\/\n .info-section {\n background: var(--white);\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 5rem;\n align-items: center;\n }\n .info-cards {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-top: 3rem;\n }\n .info-card {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.5rem;\n background: var(--cream);\n border-radius: 1rem;\n transition: transform 0.2s;\n }\n .info-card:hover { transform: translateX(4px); }\n .info-card-icon {\n font-size: 1.5rem;\n width: 50px;\n height: 50px;\n background: var(--green-pale);\n border-radius: 0.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .info-card-title {\n font-weight: 600;\n font-size: 0.95rem;\n color: var(--green);\n margin-bottom: 0.25rem;\n }\n .info-card-text {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.6;\n }\n .map-placeholder {\n background: var(--green-pale);\n border-radius: 1.5rem;\n height: 420px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n border: 2px dashed rgba(45,90,39,0.2);\n font-size: 0.9rem;\n color: var(--green);\n }\n .map-placeholder .map-pin { font-size: 3rem; }\n .map-placeholder strong {\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--green);\n color: rgba(255,255,255,0.8);\n padding: 4rem 4rem 2.5rem;\n }\n .footer-top {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 3rem;\n padding-bottom: 3rem;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n .footer-brand .nav-logo {\n font-size: 1.5rem;\n color: var(--white);\n display: block;\n margin-bottom: 1rem;\n }\n .footer-tagline {\n font-size: 0.9rem;\n line-height: 1.65;\n color: rgba(255,255,255,0.6);\n margin-bottom: 1.5rem;\n }\n .social-links { display: flex; gap: 0.75rem; }\n .social-link {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-size: 1rem;\n transition: background 0.2s;\n }\n .social-link:hover { background: var(--gold); }\n .footer-col h4 {\n font-size: 0.8rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold-light);\n margin-bottom: 1.25rem;\n }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }\n .footer-col ul a {\n color: rgba(255,255,255,0.65);\n text-decoration: none;\n font-size: 0.9rem;\n transition: color 0.2s;\n }\n .footer-col ul a:hover { color: var(--white); }\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.82rem;\n color: rgba(255,255,255,0.4);\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes marquee {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* SCROLL REVEAL *\/\n .reveal {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1024px) {\n nav { padding: 1rem 2rem; }\n .nav-links { gap: 1.5rem; }\n section { padding: 5rem 2rem; }\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-right { height: 400px; }\n .hero-left { padding: 4rem 2rem 3rem; }\n .offerings-grid { grid-template-columns: repeat(2, 1fr); }\n .testimonials-grid { grid-template-columns: 1fr 1fr; }\n .feature-split { grid-template-columns: 1fr; }\n .feature-visual { height: 300px; }\n .info-section { grid-template-columns: 1fr; padding: 4rem 2rem; gap: 2rem; }\n .footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }\n }\n @media (max-width: 640px) {\n .nav-links { display: none; }\n nav { padding: 1rem 1.5rem; }\n .hero-left { padding: 3rem 1.5rem 2rem; }\n section { padding: 4rem 1.5rem; }\n .offerings-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .hero-stats { gap: 1.5rem; flex-wrap: wrap; }\n .footer-top { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; gap: 0.5rem; text-align: center; }\n .info-section { gap: 2rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">Sunhill <span>Fresh<\/span> Market<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#offerings\">What We Offer<\/a><\/li>\n <li><a href=\"#about\">Our Story<\/a><\/li>\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\n <li><a href=\"#visit\" class=\"nav-cta\">Visit Us<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\" id=\"home\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\">Eastern Bays, Auckland<\/div>\n <h1>The <em>Freshest<\/em><br>Flavours of<br>the Season<\/h1>\n <p class=\"hero-sub\">Handpicked fruit and vegetables delivered fresh daily from the market \u2014 plus smoothies, real fruit ice cream, and boutique groceries.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#offerings\" class=\"btn-primary\">Explore Products<\/a>\n <a href=\"#visit\" class=\"btn-secondary\">Find Us \u2192<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">Daily<\/div>\n <div class=\"stat-label\">Fresh Deliveries<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">Natural Produce<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">Local<\/div>\n <div class=\"stat-label\">Eastern Bays<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"hero-mosaic\">\n <div class=\"mosaic-cell\">\ud83c\udf4e<\/div>\n <div class=\"mosaic-cell\">\ud83e\udd66<\/div>\n <div class=\"mosaic-cell\">\ud83c\udf49<\/div>\n <div class=\"mosaic-cell\">\ud83c\udf4b<\/div>\n <div class=\"mosaic-cell\">\ud83e\udd55<\/div>\n <div class=\"mosaic-cell\">\ud83e\uded0 \ud83c\udf53 \ud83c\udf47 \ud83e\udd6d<\/div>\n <\/div>\n <div class=\"hero-overlay-text\">\n <strong>Freshly Picked Today<\/strong>\n <p>Handpicked produce arriving every morning from Auckland markets<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee-bar\">\n <div class=\"marquee-track\">\n <span class=\"marquee-item\">\ud83c\udf45 Fresh Tomatoes <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd5d Real Fruit Ice Cream <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf3f Organic Greens <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc3 Fresh Juices & Smoothies <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc0 Boutique Dairy <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd69 Selected Meats <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf4a Citrus Daily <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uded9 Specialty Groceries <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n \n <span class=\"marquee-item\">\ud83c\udf45 Fresh Tomatoes <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd5d Real Fruit Ice Cream <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf3f Organic Greens <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc3 Fresh Juices & Smoothies <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc0 Boutique Dairy <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd69 Selected Meats <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf4a Citrus Daily <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uded9 Specialty Groceries <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"offerings\" id=\"offerings\">\n <div class=\"offerings-header reveal\">\n <div>\n <div class=\"section-label\">What We Offer<\/div>\n <div class=\"section-title\">Everything<br>Naturally Good<\/div>\n <\/div>\n <div class=\"section-sub\">From vibrant seasonal produce to power-packed smoothies and creamy real fruit ice cream \u2014 we’ve got your daily needs covered.<\/div>\n <\/div>\n <div class=\"offerings-grid\">\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83e\udd6c<\/span>\n <div class=\"offer-title\">Fruit & Vegetables<\/div>\n <div class=\"offer-desc\">The best quality, handpicked and delivered fresh from the market every single morning.<\/div>\n <\/div>\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83e\uddc3<\/span>\n <div class=\"offer-title\">Juices & Smoothies<\/div>\n <div class=\"offer-desc\">Fresh-made fruit and vegetable juices \u2014 power-packed with antioxidants and made to order.<\/div>\n <\/div>\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83c\udf66<\/span>\n <div class=\"offer-title\">Real Fruit Ice Cream<\/div>\n <div class=\"offer-desc\">Indulgent, natural, and genuinely fruity ice cream made with real fruit \u2014 a Sunhill signature.<\/div>\n <\/div>\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83d\uded2<\/span>\n <div class=\"offer-title\">Boutique Groceries<\/div>\n <div class=\"offer-desc\">Selected artisan meats, dairy, and specialty grocery items you won’t find at the big supermarkets.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"feature-split\" id=\"about\">\n <div class=\"feature-content reveal\">\n <div class=\"section-label\">Our Story<\/div>\n <div class=\"section-title\">Bringing the<br>Market to<br>Your Neighbourhood<\/div>\n <div class=\"section-sub\">Sunhill Fresh Market has been the heart of Eastern Bays fresh food shopping. We believe everyone deserves access to the finest seasonal produce without travelling across the city.<\/div>\n <div class=\"feature-list\">\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83c\udf05<\/div>\n Daily deliveries straight from Auckland’s wholesale markets\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83e\udd1d<\/div>\n Friendly, knowledgeable staff who know their produce\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83c\udf31<\/div>\n Seasonal, sustainable selections all year round\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83c\udfe1<\/div>\n Proudly serving the Eastern Bays community\n <\/div>\n <\/div>\n <\/div>\n <div class=\"feature-visual\">\n \ud83c\udf3f\n <\/div>\n<\/div>\n\n\n<section class=\"testimonials\" id=\"reviews\">\n <div class=\"section-label reveal\">Happy Customers<\/div>\n <div class=\"section-title reveal\">Loved by the<br>Eastern Bays<\/div>\n <div class=\"section-sub reveal\">Our community keeps coming back for the freshness, the friendliness, and that famous ice cream.<\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testimonial-text\">“The best fresh produce in the area, hands down. I love that everything arrives daily \u2014 you can taste the difference. The smoothies are incredible too!”<\/div>\n <div class=\"testimonial-author\">\u2014 Sarah M., St Heliers<\/div>\n <\/div>\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testimonial-text\">“We’ve been shopping here for years. The staff are always warm and helpful, and the real fruit ice cream is a weekend ritual for our whole family.”<\/div>\n <div class=\"testimonial-author\">\u2014 James T., Kohimarama<\/div>\n <\/div>\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testimonial-text\">“Nothing beats walking in and being greeted by the smell of fresh fruit. Their seasonal specials are always exciting and the prices are fair.”<\/div>\n <div class=\"testimonial-author\">\u2014 Priya K., Mission Bay<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"specials\">\n <div class=\"section-label reveal\" style=\"color:rgba(255,255,255,0.7)\">Weekly Specials<\/div>\n <div class=\"section-title reveal\">Don’t Miss This<br>Week’s Picks<\/div>\n <div class=\"section-sub reveal\">Fresh deals on seasonal favourites \u2014 updated every week. Follow us on Facebook and Instagram to stay in the loop.<\/div>\n <a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\" class=\"btn-primary reveal\">See Our Latest Specials \u2192<\/a>\n<\/section>\n\n\n<section class=\"info-section\" id=\"visit\">\n <div>\n <div class=\"section-label reveal\">Find Us<\/div>\n <div class=\"section-title reveal\">Come Visit<br>the Market<\/div>\n <div class=\"section-sub reveal\">We’re conveniently located on St Johns Road, right in the heart of the Eastern Bays. Pop in \u2014 we’d love to see you!<\/div>\n <div class=\"info-cards\">\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83d\udccd<\/div>\n <div>\n <div class=\"info-card-title\">Our Location<\/div>\n <div class=\"info-card-text\">317 St Johns Road, Auckland 1072<br>Eastern Bays, Auckland, New Zealand<\/div>\n <\/div>\n <\/div>\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83d\udcde<\/div>\n <div>\n <div class=\"info-card-title\">Phone<\/div>\n <div class=\"info-card-text\"><a href=\"tel:095288711\" style=\"color:inherit; text-decoration:none;\">09 528 8711<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83d\udd50<\/div>\n <div>\n <div class=\"info-card-title\">Opening Hours<\/div>\n <div class=\"info-card-text\">Monday \u2013 Friday: 7:30am \u2013 6:30pm<br>Saturday \u2013 Sunday: 8:00am \u2013 5:30pm<\/div>\n <\/div>\n <\/div>\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83c\udf10<\/div>\n <div>\n <div class=\"info-card-title\">Find Us Online<\/div>\n <div class=\"info-card-text\"><a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\" style=\"color:var(--green);\">Facebook<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/sunhillfreshmarket\/\" target=\"_blank\" style=\"color:var(--green);\">Instagram<\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"map-placeholder reveal\">\n <div class=\"map-pin\">\ud83d\udccd<\/div>\n <strong>Sunhill Fresh Market<\/strong>\n <p style=\"color:var(--text-muted); font-size:0.85rem; text-align:center; max-width:200px;\">317 St Johns Road<br>Auckland 1072<\/p>\n <a href=\"https:\/\/maps.google.com\/?q=317+St+Johns+Road+Auckland\" target=\"_blank\" class=\"btn-primary\" style=\"margin-top:0.5rem; font-size:0.85rem; padding:0.6rem 1.4rem;\">Open in Maps \u2192<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"nav-logo\">Sunhill <span>Fresh<\/span> Market<\/a>\n <div class=\"footer-tagline\">Bringing you the best fruit and vegetables to the Eastern Bays \u2014 fresh every morning, friendly every day.<\/div>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\" class=\"social-link\">\ud83d\udcd8<\/a>\n <a href=\"https:\/\/www.instagram.com\/sunhillfreshmarket\/\" target=\"_blank\" class=\"social-link\">\ud83d\udcf8<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Shop<\/h4>\n <ul>\n <li><a href=\"#offerings\">Fruit & Veg<\/a><\/li>\n <li><a href=\"#offerings\">Juices & Smoothies<\/a><\/li>\n <li><a href=\"#offerings\">Ice Cream<\/a><\/li>\n <li><a href=\"#offerings\">Groceries<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>About<\/h4>\n <ul>\n <li><a href=\"#about\">Our Story<\/a><\/li>\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\n <li><a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\">Facebook<\/a><\/li>\n <li><a href=\"https:\/\/www.instagram.com\/sunhillfreshmarket\/\" target=\"_blank\">Instagram<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Visit<\/h4>\n <ul>\n <li><a href=\"#visit\">317 St Johns Rd<\/a><\/li>\n <li><a href=\"tel:095288711\">09 528 8711<\/a><\/li>\n <li><a href=\"#visit\">Opening Hours<\/a><\/li>\n <li><a href=\"https:\/\/maps.google.com\/?q=317+St+Johns+Road+Auckland\" target=\"_blank\">Directions<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Sunhill Fresh Market. All rights reserved.<\/span>\n <span>317 St Johns Road, Auckland \u00b7 09 528 8711<\/span>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Nav scroll effect\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 40);\n });\n\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n entry.target.style.transitionDelay = (i % 4) * 80 + 'ms';\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sunhill Fresh Market | Eastern Bays, Auckland Sunhill Fresh Market What We Offer Our Story Reviews Visit Us Eastern Bays, Auckland The FreshestFlavours ofthe Season Handpicked fruit and vegetables delivered fresh daily from the market \u2014 plus smoothies, real fruit ice cream, and boutique groceries. Explore Products Find Us \u2192 Daily Fresh Deliveries 100% Natural […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":3,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":9,"date":"2026-05-23T03:42:33","date_gmt":"2026-05-23T03:42:33","guid":{"rendered":"https:\/\/freshmarketsunhill.co.nz\/?page_id=9"},"modified":"2026-05-23T03:42:33","modified_gmt":"2026-05-23T03:42:33","slug":"home-page","status":"publish","type":"page","link":"https:\/\/freshmarketsunhill.co.nz\/?page_id=9","title":{"rendered":"Home Page"},"content":{"rendered":"\n\n\n\n\n\n

\nSunhill Fresh Market | Eastern Bays, Auckland<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green: #2d5a27;\n --green-light: #4a7c42;\n --green-pale: #e8f0e6;\n --cream: #faf6ee;\n --gold: #c9943a;\n --gold-light: #e8b84b;\n --red: #c0392b;\n --text: #1a1a1a;\n --text-muted: #6b6b6b;\n --white: #ffffff;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--cream);\n color: var(--text);\n overflow-x: hidden;\n }\n\n \/* NAV *\/\n nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 100;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.2rem 4rem;\n background: rgba(250,246,238,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid rgba(45,90,39,0.1);\n transition: box-shadow 0.3s;\n }\n nav.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.08); }\n .nav-logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.45rem;\n font-weight: 700;\n color: var(--green);\n letter-spacing: -0.02em;\n text-decoration: none;\n }\n .nav-logo span { color: var(--gold); }\n .nav-links {\n display: flex;\n gap: 2.5rem;\n list-style: none;\n }\n .nav-links a {\n font-size: 0.9rem;\n font-weight: 500;\n color: var(--text);\n text-decoration: none;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n transition: color 0.2s;\n position: relative;\n }\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -3px; left: 0; right: 0;\n height: 2px;\n background: var(--gold);\n transform: scaleX(0);\n transition: transform 0.25s;\n }\n .nav-links a:hover { color: var(--green); }\n .nav-links a:hover::after { transform: scaleX(1); }\n .nav-cta {\n background: var(--green);\n color: var(--white) !important;\n padding: 0.55rem 1.4rem;\n border-radius: 2rem;\n transition: background 0.2s !important;\n }\n .nav-cta::after { display: none !important; }\n .nav-cta:hover { background: var(--green-light) !important; color: var(--white) !important; }\n\n \/* HERO *\/\n .hero {\n min-height: 100vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n padding-top: 80px;\n overflow: hidden;\n position: relative;\n }\n .hero-left {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 5rem 3rem 5rem 4rem;\n position: relative;\n z-index: 2;\n }\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--green-pale);\n color: var(--green);\n font-size: 0.78rem;\n font-weight: 500;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0.4rem 1rem;\n border-radius: 2rem;\n margin-bottom: 1.5rem;\n width: fit-content;\n animation: fadeUp 0.8s ease both;\n }\n .hero-badge::before { content: '\ud83c\udf31'; }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(3rem, 5vw, 4.8rem);\n font-weight: 900;\n line-height: 1.05;\n letter-spacing: -0.03em;\n color: var(--green);\n margin-bottom: 1.5rem;\n animation: fadeUp 0.8s 0.1s ease both;\n }\n .hero h1 em {\n font-style: italic;\n color: var(--gold);\n }\n .hero-sub {\n font-size: 1.1rem;\n color: var(--text-muted);\n line-height: 1.75;\n max-width: 420px;\n margin-bottom: 2.5rem;\n font-weight: 300;\n animation: fadeUp 0.8s 0.2s ease both;\n }\n .hero-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n animation: fadeUp 0.8s 0.3s ease both;\n }\n .btn-primary {\n background: var(--green);\n color: var(--white);\n padding: 0.85rem 2rem;\n border-radius: 2rem;\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: background 0.2s, transform 0.2s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--green-light); transform: translateY(-2px); }\n .btn-secondary {\n color: var(--green);\n font-weight: 500;\n font-size: 0.95rem;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n transition: gap 0.2s;\n }\n .btn-secondary:hover { gap: 0.7rem; }\n\n .hero-stats {\n display: flex;\n gap: 2.5rem;\n margin-top: 3.5rem;\n padding-top: 2.5rem;\n border-top: 1px solid rgba(45,90,39,0.15);\n animation: fadeUp 0.8s 0.4s ease both;\n }\n .stat-num {\n font-family: 'Playfair Display', serif;\n font-size: 2rem;\n font-weight: 700;\n color: var(--green);\n }\n .stat-label {\n font-size: 0.8rem;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-top: 0.1rem;\n }\n\n \/* Hero Right - Organic mosaic *\/\n .hero-right {\n position: relative;\n overflow: hidden;\n background: var(--green);\n }\n .hero-mosaic {\n position: absolute;\n inset: 0;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n gap: 4px;\n }\n .mosaic-cell {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: clamp(3rem, 5vw, 5rem);\n background: var(--green-light);\n transition: transform 0.3s;\n animation: fadeIn 1s ease both;\n position: relative;\n overflow: hidden;\n }\n .mosaic-cell:nth-child(1) { background: #3d7535; animation-delay: 0.1s; }\n .mosaic-cell:nth-child(2) { background: #2d5a27; animation-delay: 0.15s; }\n .mosaic-cell:nth-child(3) { grid-row: span 2; background: #4a7c42; animation-delay: 0.2s; font-size: clamp(5rem, 8vw, 8rem); }\n .mosaic-cell:nth-child(4) { background: #5a9050; animation-delay: 0.25s; }\n .mosaic-cell:nth-child(5) { background: #2a5224; animation-delay: 0.3s; }\n .mosaic-cell:nth-child(6) { grid-column: span 2; background: #3a6c33; animation-delay: 0.35s; font-size: clamp(2.5rem, 4vw, 4rem); display: flex; gap: 1.5rem; }\n .mosaic-cell:hover { transform: scale(1.02); z-index: 1; }\n .hero-overlay-text {\n position: absolute;\n bottom: 2rem;\n right: 2rem;\n background: rgba(250,246,238,0.95);\n padding: 1.2rem 1.5rem;\n border-radius: 1rem;\n max-width: 220px;\n z-index: 5;\n animation: fadeUp 0.8s 0.5s ease both;\n }\n .hero-overlay-text strong {\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n color: var(--green);\n display: block;\n margin-bottom: 0.25rem;\n }\n .hero-overlay-text p {\n font-size: 0.8rem;\n color: var(--text-muted);\n line-height: 1.5;\n }\n\n \/* MARQUEE *\/\n .marquee-bar {\n background: var(--gold);\n padding: 0.75rem 0;\n overflow: hidden;\n white-space: nowrap;\n }\n .marquee-track {\n display: inline-flex;\n gap: 0;\n animation: marquee 20s linear infinite;\n }\n .marquee-item {\n color: var(--white);\n font-size: 0.85rem;\n font-weight: 500;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n padding: 0 2.5rem;\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n .marquee-dot { font-size: 0.5rem; opacity: 0.6; }\n\n \/* SECTIONS SHARED *\/\n section { padding: 6rem 4rem; }\n .section-label {\n font-size: 0.78rem;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 500;\n margin-bottom: 0.75rem;\n }\n .section-title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 700;\n color: var(--green);\n line-height: 1.15;\n letter-spacing: -0.02em;\n margin-bottom: 1rem;\n }\n .section-sub {\n font-size: 1rem;\n color: var(--text-muted);\n line-height: 1.7;\n max-width: 520px;\n font-weight: 300;\n }\n\n \/* WHAT WE OFFER *\/\n .offerings {\n background: var(--white);\n }\n .offerings-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 4rem;\n gap: 2rem;\n }\n .offerings-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n }\n .offer-card {\n background: var(--cream);\n border-radius: 1.25rem;\n padding: 2.5rem 2rem;\n text-align: center;\n transition: transform 0.3s, box-shadow 0.3s;\n position: relative;\n overflow: hidden;\n cursor: default;\n }\n .offer-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--green);\n transform: scaleY(0);\n transform-origin: bottom;\n transition: transform 0.35s ease;\n z-index: 0;\n }\n .offer-card:hover::before { transform: scaleY(1); }\n .offer-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(45,90,39,0.2); }\n .offer-card:hover .offer-title,\n .offer-card:hover .offer-desc { color: var(--white); }\n .offer-icon {\n font-size: 3rem;\n margin-bottom: 1.25rem;\n position: relative;\n z-index: 1;\n display: block;\n }\n .offer-title {\n font-family: 'Playfair Display', serif;\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--green);\n margin-bottom: 0.6rem;\n position: relative;\n z-index: 1;\n transition: color 0.3s;\n }\n .offer-desc {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.6;\n position: relative;\n z-index: 1;\n transition: color 0.3s;\n }\n\n \/* FEATURE SPLIT *\/\n .feature-split {\n background: var(--green);\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n padding: 0;\n overflow: hidden;\n }\n .feature-content {\n padding: 6rem 4rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .feature-content .section-label { color: var(--gold-light); }\n .feature-content .section-title { color: var(--white); }\n .feature-content .section-sub { color: rgba(255,255,255,0.7); }\n .feature-list {\n margin-top: 2.5rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n .feature-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n color: rgba(255,255,255,0.9);\n font-size: 0.95rem;\n }\n .feature-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.1rem;\n flex-shrink: 0;\n }\n .feature-visual {\n background: var(--green-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12rem;\n position: relative;\n overflow: hidden;\n }\n .feature-visual::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 40% 60%, rgba(255,255,255,0.08) 0%, transparent 70%);\n }\n\n \/* TESTIMONIALS *\/\n .testimonials {\n background: var(--cream);\n text-align: center;\n }\n .testimonials .section-title,\n .testimonials .section-label { margin: 0 auto; }\n .testimonials .section-title { margin-bottom: 0.5rem; }\n .testimonials .section-sub { margin: 0 auto 3.5rem; text-align: center; }\n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-top: 3.5rem;\n }\n .testimonial-card {\n background: var(--white);\n border-radius: 1.25rem;\n padding: 2rem 2rem 1.75rem;\n text-align: left;\n border: 1px solid rgba(45,90,39,0.08);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(0,0,0,0.08); }\n .stars {\n color: var(--gold);\n font-size: 1rem;\n margin-bottom: 1rem;\n letter-spacing: 0.1em;\n }\n .testimonial-text {\n font-size: 0.95rem;\n line-height: 1.75;\n color: var(--text-muted);\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n .testimonial-author {\n font-weight: 500;\n font-size: 0.9rem;\n color: var(--green);\n }\n\n \/* SPECIALS BANNER *\/\n .specials {\n background: var(--gold);\n padding: 5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .specials::before {\n content: '\ud83c\udf4a\ud83c\udf4b\ud83c\udf47\ud83c\udf53\ud83e\udd5d\ud83c\udf4d';\n position: absolute;\n font-size: 8rem;\n opacity: 0.06;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n letter-spacing: 1rem;\n white-space: nowrap;\n }\n .specials .section-title { color: var(--white); }\n .specials .section-sub { color: rgba(255,255,255,0.85); margin: 1rem auto 2rem; }\n .specials .btn-primary {\n background: var(--white);\n color: var(--gold);\n }\n .specials .btn-primary:hover { background: var(--cream); }\n\n \/* CONTACT\/INFO *\/\n .info-section {\n background: var(--white);\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 5rem;\n align-items: center;\n }\n .info-cards {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-top: 3rem;\n }\n .info-card {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.5rem;\n background: var(--cream);\n border-radius: 1rem;\n transition: transform 0.2s;\n }\n .info-card:hover { transform: translateX(4px); }\n .info-card-icon {\n font-size: 1.5rem;\n width: 50px;\n height: 50px;\n background: var(--green-pale);\n border-radius: 0.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .info-card-title {\n font-weight: 600;\n font-size: 0.95rem;\n color: var(--green);\n margin-bottom: 0.25rem;\n }\n .info-card-text {\n font-size: 0.88rem;\n color: var(--text-muted);\n line-height: 1.6;\n }\n .map-placeholder {\n background: var(--green-pale);\n border-radius: 1.5rem;\n height: 420px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n border: 2px dashed rgba(45,90,39,0.2);\n font-size: 0.9rem;\n color: var(--green);\n }\n .map-placeholder .map-pin { font-size: 3rem; }\n .map-placeholder strong {\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n }\n\n \/* FOOTER *\/\n footer {\n background: var(--green);\n color: rgba(255,255,255,0.8);\n padding: 4rem 4rem 2.5rem;\n }\n .footer-top {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 4rem;\n margin-bottom: 3rem;\n padding-bottom: 3rem;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n .footer-brand .nav-logo {\n font-size: 1.5rem;\n color: var(--white);\n display: block;\n margin-bottom: 1rem;\n }\n .footer-tagline {\n font-size: 0.9rem;\n line-height: 1.65;\n color: rgba(255,255,255,0.6);\n margin-bottom: 1.5rem;\n }\n .social-links { display: flex; gap: 0.75rem; }\n .social-link {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-size: 1rem;\n transition: background 0.2s;\n }\n .social-link:hover { background: var(--gold); }\n .footer-col h4 {\n font-size: 0.8rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--gold-light);\n margin-bottom: 1.25rem;\n }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.65rem; }\n .footer-col ul a {\n color: rgba(255,255,255,0.65);\n text-decoration: none;\n font-size: 0.9rem;\n transition: color 0.2s;\n }\n .footer-col ul a:hover { color: var(--white); }\n .footer-bottom {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.82rem;\n color: rgba(255,255,255,0.4);\n }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes marquee {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* SCROLL REVEAL *\/\n .reveal {\n opacity: 0;\n transform: translateY(32px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1024px) {\n nav { padding: 1rem 2rem; }\n .nav-links { gap: 1.5rem; }\n section { padding: 5rem 2rem; }\n .hero { grid-template-columns: 1fr; min-height: auto; }\n .hero-right { height: 400px; }\n .hero-left { padding: 4rem 2rem 3rem; }\n .offerings-grid { grid-template-columns: repeat(2, 1fr); }\n .testimonials-grid { grid-template-columns: 1fr 1fr; }\n .feature-split { grid-template-columns: 1fr; }\n .feature-visual { height: 300px; }\n .info-section { grid-template-columns: 1fr; padding: 4rem 2rem; gap: 2rem; }\n .footer-top { grid-template-columns: 1fr 1fr; gap: 2rem; }\n }\n @media (max-width: 640px) {\n .nav-links { display: none; }\n nav { padding: 1rem 1.5rem; }\n .hero-left { padding: 3rem 1.5rem 2rem; }\n section { padding: 4rem 1.5rem; }\n .offerings-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .hero-stats { gap: 1.5rem; flex-wrap: wrap; }\n .footer-top { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; gap: 0.5rem; text-align: center; }\n .info-section { gap: 2rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">Sunhill <span>Fresh<\/span> Market<\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#offerings\">What We Offer<\/a><\/li>\n <li><a href=\"#about\">Our Story<\/a><\/li>\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\n <li><a href=\"#visit\" class=\"nav-cta\">Visit Us<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section class=\"hero\" id=\"home\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\">Eastern Bays, Auckland<\/div>\n <h1>The <em>Freshest<\/em><br>Flavours of<br>the Season<\/h1>\n <p class=\"hero-sub\">Handpicked fruit and vegetables delivered fresh daily from the market \u2014 plus smoothies, real fruit ice cream, and boutique groceries.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#offerings\" class=\"btn-primary\">Explore Products<\/a>\n <a href=\"#visit\" class=\"btn-secondary\">Find Us \u2192<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">Daily<\/div>\n <div class=\"stat-label\">Fresh Deliveries<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">100%<\/div>\n <div class=\"stat-label\">Natural Produce<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">Local<\/div>\n <div class=\"stat-label\">Eastern Bays<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"hero-mosaic\">\n <div class=\"mosaic-cell\">\ud83c\udf4e<\/div>\n <div class=\"mosaic-cell\">\ud83e\udd66<\/div>\n <div class=\"mosaic-cell\">\ud83c\udf49<\/div>\n <div class=\"mosaic-cell\">\ud83c\udf4b<\/div>\n <div class=\"mosaic-cell\">\ud83e\udd55<\/div>\n <div class=\"mosaic-cell\">\ud83e\uded0 \ud83c\udf53 \ud83c\udf47 \ud83e\udd6d<\/div>\n <\/div>\n <div class=\"hero-overlay-text\">\n <strong>Freshly Picked Today<\/strong>\n <p>Handpicked produce arriving every morning from Auckland markets<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"marquee-bar\">\n <div class=\"marquee-track\">\n <span class=\"marquee-item\">\ud83c\udf45 Fresh Tomatoes <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd5d Real Fruit Ice Cream <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf3f Organic Greens <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc3 Fresh Juices & Smoothies <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc0 Boutique Dairy <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd69 Selected Meats <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf4a Citrus Daily <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uded9 Specialty Groceries <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n \n <span class=\"marquee-item\">\ud83c\udf45 Fresh Tomatoes <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd5d Real Fruit Ice Cream <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf3f Organic Greens <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc3 Fresh Juices & Smoothies <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uddc0 Boutique Dairy <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\udd69 Selected Meats <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83c\udf4a Citrus Daily <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <span class=\"marquee-item\">\ud83e\uded9 Specialty Groceries <span class=\"marquee-dot\">\u25cf<\/span><\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"offerings\" id=\"offerings\">\n <div class=\"offerings-header reveal\">\n <div>\n <div class=\"section-label\">What We Offer<\/div>\n <div class=\"section-title\">Everything<br>Naturally Good<\/div>\n <\/div>\n <div class=\"section-sub\">From vibrant seasonal produce to power-packed smoothies and creamy real fruit ice cream \u2014 we’ve got your daily needs covered.<\/div>\n <\/div>\n <div class=\"offerings-grid\">\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83e\udd6c<\/span>\n <div class=\"offer-title\">Fruit & Vegetables<\/div>\n <div class=\"offer-desc\">The best quality, handpicked and delivered fresh from the market every single morning.<\/div>\n <\/div>\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83e\uddc3<\/span>\n <div class=\"offer-title\">Juices & Smoothies<\/div>\n <div class=\"offer-desc\">Fresh-made fruit and vegetable juices \u2014 power-packed with antioxidants and made to order.<\/div>\n <\/div>\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83c\udf66<\/span>\n <div class=\"offer-title\">Real Fruit Ice Cream<\/div>\n <div class=\"offer-desc\">Indulgent, natural, and genuinely fruity ice cream made with real fruit \u2014 a Sunhill signature.<\/div>\n <\/div>\n <div class=\"offer-card reveal\">\n <span class=\"offer-icon\">\ud83d\uded2<\/span>\n <div class=\"offer-title\">Boutique Groceries<\/div>\n <div class=\"offer-desc\">Selected artisan meats, dairy, and specialty grocery items you won’t find at the big supermarkets.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"feature-split\" id=\"about\">\n <div class=\"feature-content reveal\">\n <div class=\"section-label\">Our Story<\/div>\n <div class=\"section-title\">Bringing the<br>Market to<br>Your Neighbourhood<\/div>\n <div class=\"section-sub\">Sunhill Fresh Market has been the heart of Eastern Bays fresh food shopping. We believe everyone deserves access to the finest seasonal produce without travelling across the city.<\/div>\n <div class=\"feature-list\">\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83c\udf05<\/div>\n Daily deliveries straight from Auckland’s wholesale markets\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83e\udd1d<\/div>\n Friendly, knowledgeable staff who know their produce\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83c\udf31<\/div>\n Seasonal, sustainable selections all year round\n <\/div>\n <div class=\"feature-item\">\n <div class=\"feature-icon\">\ud83c\udfe1<\/div>\n Proudly serving the Eastern Bays community\n <\/div>\n <\/div>\n <\/div>\n <div class=\"feature-visual\">\n \ud83c\udf3f\n <\/div>\n<\/div>\n\n\n<section class=\"testimonials\" id=\"reviews\">\n <div class=\"section-label reveal\">Happy Customers<\/div>\n <div class=\"section-title reveal\">Loved by the<br>Eastern Bays<\/div>\n <div class=\"section-sub reveal\">Our community keeps coming back for the freshness, the friendliness, and that famous ice cream.<\/div>\n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testimonial-text\">“The best fresh produce in the area, hands down. I love that everything arrives daily \u2014 you can taste the difference. The smoothies are incredible too!”<\/div>\n <div class=\"testimonial-author\">\u2014 Sarah M., St Heliers<\/div>\n <\/div>\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testimonial-text\">“We’ve been shopping here for years. The staff are always warm and helpful, and the real fruit ice cream is a weekend ritual for our whole family.”<\/div>\n <div class=\"testimonial-author\">\u2014 James T., Kohimarama<\/div>\n <\/div>\n <div class=\"testimonial-card reveal\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"testimonial-text\">“Nothing beats walking in and being greeted by the smell of fresh fruit. Their seasonal specials are always exciting and the prices are fair.”<\/div>\n <div class=\"testimonial-author\">\u2014 Priya K., Mission Bay<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"specials\">\n <div class=\"section-label reveal\" style=\"color:rgba(255,255,255,0.7)\">Weekly Specials<\/div>\n <div class=\"section-title reveal\">Don’t Miss This<br>Week’s Picks<\/div>\n <div class=\"section-sub reveal\">Fresh deals on seasonal favourites \u2014 updated every week. Follow us on Facebook and Instagram to stay in the loop.<\/div>\n <a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\" class=\"btn-primary reveal\">See Our Latest Specials \u2192<\/a>\n<\/section>\n\n\n<section class=\"info-section\" id=\"visit\">\n <div>\n <div class=\"section-label reveal\">Find Us<\/div>\n <div class=\"section-title reveal\">Come Visit<br>the Market<\/div>\n <div class=\"section-sub reveal\">We’re conveniently located on St Johns Road, right in the heart of the Eastern Bays. Pop in \u2014 we’d love to see you!<\/div>\n <div class=\"info-cards\">\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83d\udccd<\/div>\n <div>\n <div class=\"info-card-title\">Our Location<\/div>\n <div class=\"info-card-text\">317 St Johns Road, Auckland 1072<br>Eastern Bays, Auckland, New Zealand<\/div>\n <\/div>\n <\/div>\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83d\udcde<\/div>\n <div>\n <div class=\"info-card-title\">Phone<\/div>\n <div class=\"info-card-text\"><a href=\"tel:095288711\" style=\"color:inherit; text-decoration:none;\">09 528 8711<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83d\udd50<\/div>\n <div>\n <div class=\"info-card-title\">Opening Hours<\/div>\n <div class=\"info-card-text\">Monday \u2013 Friday: 7:30am \u2013 6:30pm<br>Saturday \u2013 Sunday: 8:00am \u2013 5:30pm<\/div>\n <\/div>\n <\/div>\n <div class=\"info-card reveal\">\n <div class=\"info-card-icon\">\ud83c\udf10<\/div>\n <div>\n <div class=\"info-card-title\">Find Us Online<\/div>\n <div class=\"info-card-text\"><a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\" style=\"color:var(--green);\">Facebook<\/a> \u00b7 <a href=\"https:\/\/www.instagram.com\/sunhillfreshmarket\/\" target=\"_blank\" style=\"color:var(--green);\">Instagram<\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"map-placeholder reveal\">\n <div class=\"map-pin\">\ud83d\udccd<\/div>\n <strong>Sunhill Fresh Market<\/strong>\n <p style=\"color:var(--text-muted); font-size:0.85rem; text-align:center; max-width:200px;\">317 St Johns Road<br>Auckland 1072<\/p>\n <a href=\"https:\/\/maps.google.com\/?q=317+St+Johns+Road+Auckland\" target=\"_blank\" class=\"btn-primary\" style=\"margin-top:0.5rem; font-size:0.85rem; padding:0.6rem 1.4rem;\">Open in Maps \u2192<\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"nav-logo\">Sunhill <span>Fresh<\/span> Market<\/a>\n <div class=\"footer-tagline\">Bringing you the best fruit and vegetables to the Eastern Bays \u2014 fresh every morning, friendly every day.<\/div>\n <div class=\"social-links\">\n <a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\" class=\"social-link\">\ud83d\udcd8<\/a>\n <a href=\"https:\/\/www.instagram.com\/sunhillfreshmarket\/\" target=\"_blank\" class=\"social-link\">\ud83d\udcf8<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Shop<\/h4>\n <ul>\n <li><a href=\"#offerings\">Fruit & Veg<\/a><\/li>\n <li><a href=\"#offerings\">Juices & Smoothies<\/a><\/li>\n <li><a href=\"#offerings\">Ice Cream<\/a><\/li>\n <li><a href=\"#offerings\">Groceries<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>About<\/h4>\n <ul>\n <li><a href=\"#about\">Our Story<\/a><\/li>\n <li><a href=\"#reviews\">Reviews<\/a><\/li>\n <li><a href=\"https:\/\/www.facebook.com\/sunhillfreshmarket\/\" target=\"_blank\">Facebook<\/a><\/li>\n <li><a href=\"https:\/\/www.instagram.com\/sunhillfreshmarket\/\" target=\"_blank\">Instagram<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Visit<\/h4>\n <ul>\n <li><a href=\"#visit\">317 St Johns Rd<\/a><\/li>\n <li><a href=\"tel:095288711\">09 528 8711<\/a><\/li>\n <li><a href=\"#visit\">Opening Hours<\/a><\/li>\n <li><a href=\"https:\/\/maps.google.com\/?q=317+St+Johns+Road+Auckland\" target=\"_blank\">Directions<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Sunhill Fresh Market. All rights reserved.<\/span>\n <span>317 St Johns Road, Auckland \u00b7 09 528 8711<\/span>\n <\/div>\n<\/footer>\n\n<script>\n \/\/ Nav scroll effect\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n navbar.classList.toggle('scrolled', window.scrollY > 40);\n });\n\n \/\/ Scroll reveal\n const reveals = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n entry.target.style.transitionDelay = (i % 4) * 80 + 'ms';\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.12 });\n reveals.forEach(el => observer.observe(el));\n<\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sunhill Fresh Market | Eastern Bays, Auckland Sunhill Fresh Market What We Offer Our Story Reviews Visit Us Eastern Bays, Auckland The FreshestFlavours ofthe Season Handpicked fruit and vegetables delivered fresh daily from the market \u2014 plus smoothies, real fruit ice cream, and boutique groceries. Explore Products Find Us \u2192 Daily Fresh Deliveries 100% Natural […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":3,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/freshmarketsunhill.co.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}