patx/demo
add primo produce
Commit abfa066 · patx · 2026-07-13T21:51:45-04:00
Comments
No comments yet.
Diff
diff --git a/docs/prima/about.html b/docs/prima/about.html
new file mode 100644
index 0000000..7f33c1f
--- /dev/null
+++ b/docs/prima/about.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>About Us - Prima Produce</title>
+ <meta name="description" content="The story of Prima Produce: founder Shawn Murray's journey from his family's produce business to building a customer-focused produce concierge in South Florida.">
+ <link rel="canonical" href="https://primaproducefl.com/about.html">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Prima Produce">
+ <meta property="og:title" content="About Us - Prima Produce">
+ <meta property="og:description" content="The story of Prima Produce: founder Shawn Murray's journey from his family's produce business to building a customer-focused produce concierge in South Florida.">
+ <meta property="og:url" content="https://primaproducefl.com/about.html">
+ <meta property="og:image" content="https://primaproducefl.com/assets/img/hero.jpg">
+ <link rel="icon" type="image/png" href="assets/img/favicon.png">
+ <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=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Inter:[email protected]&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+ <a class="skip-link" href="#main">Skip to content</a>
+
+ <div class="ticker" aria-hidden="true">
+ <div class="ticker-track">
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ </div>
+ </div>
+
+ <header class="site-header">
+ <div class="container header-inner">
+ <a class="brand" href="index.html">
+ <img src="assets/img/logo.png" alt="Prima Produce" width="180" height="46">
+ </a>
+ <nav class="site-nav" id="site-nav" aria-label="Main navigation">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html" aria-current="page">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ <li class="nav-portal"><a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a></li>
+ </ul>
+ </nav>
+ <div class="header-cta">
+ <p class="header-phone">
+ <span class="label">Order by phone</span>
+ <a href="tel:+19546370008">954.637.0008</a>
+ </p>
+ <a class="btn btn-gold header-portal" href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a>
+ <button class="nav-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </button>
+ </div>
+ </div>
+ </header>
+
+ <main id="main">
+
+ <section class="page-banner page-banner-about">
+ <div class="container banner-grid">
+ <div>
+ <p class="eyebrow">Our Story</p>
+ <h1>About <span class="accent">Prima Produce</span></h1>
+ <p>Three generations of produce know-how, built into a company that puts hospitality first.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container split reveal">
+ <div class="split-media">
+ <img src="assets/img/photo-event.jpg" alt="Fresh kale, avocados, and produce from grocery bags" loading="lazy">
+ </div>
+ <div>
+ <p class="eyebrow">Background</p>
+ <h2>Rooted in the Family Business</h2>
+ <p>Shawn Murray’s journey in the produce industry began at a very young age, rooted in his father’s business, Berry Fruitty. His father, who started in the produce industry at 16, worked tirelessly to build his career from the ground up, initially at Top Tomato in Brooklyn, New York.</p>
+ <p>After gaining experience, Shawn’s father relocated the family to South Florida, where he continued his entrepreneurial journey by establishing Berry Fruitty in Delray Beach. Shawn and his siblings were involved from the beginning, taking on roles such as cashiers and helping with tasks like breaking down boxes and stocking the stands. It was here that Shawn learned the foundational values of hard work, customer service, and the importance of delivering quality products.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container prose reveal">
+ <p class="eyebrow">The Journey</p>
+ <h2>From the Farm Stand to the Distribution Network</h2>
+ <p>After gaining substantial experience in his father’s business, Shawn ventured into distribution during college, where he began wholesaling produce directly from farms. This marked the beginning of his hands-on experience in the broader distribution network. Over time, Shawn took on various roles in the industry, including a significant stint at a major distributor, where he worked as a manager, purchaser, and repack supervisor. He also worked with Gourmet Fresh Cuts, under the mentorship of a seasoned industry veteran, where he gained a deeper understanding of the industry’s inner workings.</p>
+ <p>It was during these roles that Shawn recognized the inefficiencies and lack of customer-centric approaches prevalent in many large distribution companies. His frustration with these shortcomings led him to realize that the industry was ripe for innovation, particularly in the areas of hospitality, convenience, and operational efficiency.</p>
+ <p>Shawn’s experiences culminated in the founding of Prima Produce, a company born out of his desire to address the gaps he had observed throughout his career. With Prima Produce, Shawn aims to revolutionize the produce industry by providing seamless, reliable, and customer-focused solutions. Leveraging his deep industry knowledge and firsthand experience, Shawn has built Prima Produce to set new standards for efficiency and service, truly understanding and meeting the needs of its clients.</p>
+ </div>
+ </section>
+
+ <section class="section mission">
+ <div class="container reveal">
+ <p class="eyebrow">Our Mission</p>
+ <h2>Revolutionizing the Produce Industry</h2>
+ <p>At Prima Produce, our mission is to revolutionize the produce industry by providing a seamless and convenient platform that fosters strong relationships between farms and restaurant professionals. We strive to be the trusted concierge for marketing and logistics, utilizing innovative technology and exceptional service to deliver the highest quality produce with unmatched value and convenience. Our commitment to excellence and customer-centric approach drives us to exceed expectations, making us the preferred partner for catering, commissary, luxury hotels, and fine dining establishments.</p>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container split reverse reveal">
+ <div class="split-media">
+ <img src="assets/img/photo-salad.jpg" alt="Prepared dishes with fresh produce" loading="lazy">
+ </div>
+ <div>
+ <p class="eyebrow">A Dedicated Partner</p>
+ <h2>More Than Just a Distributor</h2>
+ <p>At Prima Produce, we are more than just a distributor—we are a dedicated partner committed to elevating your business. Our approach goes beyond simply delivering produce; we integrate advanced technology and personalized service to ensure that every client receives exactly what they need, when they need it.</p>
+ <p>Looking ahead, we’re excited to introduce new initiatives that will further support our customers by helping them grow their businesses.</p>
+ <a class="btn btn-primary" href="contact.html">Work With Us</a>
+ </div>
+ </div>
+ </section>
+
+ <section class="section cta-band">
+ <div class="container reveal">
+ <h2>Let’s Grow Together</h2>
+ <p>Join the restaurants, caterers, and hotels across South Florida that trust Prima Produce.</p>
+ <div class="hero-actions">
+ <a class="btn btn-gold" href="tel:+19546370008">Call 954.637.0008</a>
+ <a class="btn btn-outline" href="contact.html">Get in Touch</a>
+ </div>
+ </div>
+ </section>
+
+ </main>
+
+ <footer class="site-footer">
+ <div class="container">
+ <div class="footer-grid">
+ <div class="footer-brand">
+ <img src="assets/img/logo.png" alt="Prima Produce" loading="lazy">
+ <p>A produce marketing and logistics concierge connecting farms and food service professionals across Broward & Palm Beach Counties. Free shipping on orders over $100.</p>
+ </div>
+ <div>
+ <h4>Navigation</h4>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-contact">
+ <h4>Get in Touch</h4>
+ <ul>
+ <li><strong>Order by phone:</strong> <a href="tel:+19546370008">954.637.0008</a></li>
+ <li><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
+ <li><strong>Existing customers:</strong> <a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order online & view pricing</a></li>
+ <li>Serving Broward & Palm Beach Counties</li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-bottom">
+ <p>© 2026 Prima Produce. All rights reserved.</p>
+ </div>
+ </div>
+ </footer>
+
+ <script src="js/main.js"></script>
+</body>
+</html>
diff --git a/docs/prima/assets/img/about-hero.webp b/docs/prima/assets/img/about-hero.webp
new file mode 100644
index 0000000..01a586e
Binary files /dev/null and b/docs/prima/assets/img/about-hero.webp differ
diff --git a/docs/prima/assets/img/brand-andy-boy.png b/docs/prima/assets/img/brand-andy-boy.png
new file mode 100644
index 0000000..d6fd549
Binary files /dev/null and b/docs/prima/assets/img/brand-andy-boy.png differ
diff --git a/docs/prima/assets/img/brand-chiquita.svg b/docs/prima/assets/img/brand-chiquita.svg
new file mode 100644
index 0000000..76d632a
--- /dev/null
+++ b/docs/prima/assets/img/brand-chiquita.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" width="113" height="138" viewBox="0 0 113 138"><title>LOGO/logo-chiquita-stroke</title><g fill="none" fill-rule="evenodd"><path d="M56.255 138c-10.477 0-19.605-1.839-27.132-5.462-6.984-3.363-12.781-8.355-17.231-14.84C4.119 106.373.232 90.64.01 69.596c-.226-21.22 3.385-37.125 11.04-48.628 4.387-6.591 10.178-11.692 17.212-15.16C35.845 2.07 45.099.118 55.766.005 56.1.002 56.424 0 56.753 0c10.476 0 19.603 1.837 27.129 5.461 6.982 3.363 12.779 8.355 17.228 14.84 7.769 11.322 11.655 27.054 11.88 48.094.227 21.22-3.383 37.125-11.038 48.63-4.386 6.592-10.177 11.694-17.212 15.163-7.583 3.74-16.837 5.694-27.506 5.807-.329.003-.649.005-.974.005h-.005z" fill="#FFDF00"></path><path d="M56.203 125.743c-8.605-.001-16.102-1.498-22.284-4.449-5.736-2.738-10.497-6.805-14.152-12.086-6.384-9.223-9.576-22.037-9.759-39.176-.186-17.281 2.78-30.235 9.067-39.603 3.603-5.369 8.36-9.523 14.137-12.347 6.228-3.045 13.828-4.635 22.59-4.726.273-.003.54-.004.81-.004 8.604 0 16.1 1.496 22.281 4.448 5.735 2.738 10.496 6.804 14.15 12.085 6.38 9.222 9.573 22.034 9.757 39.17.187 17.28-2.778 30.235-9.065 39.605-3.602 5.369-8.359 9.524-14.137 12.349-6.228 3.046-13.829 4.638-22.591 4.73-.27.002-.533.004-.8.004h-.004z" fill="#005CA8"></path><g fill="#FFDF00"><path d="M56.928 118.426c-17.778.177-28.671-6.402-34.486-18.936-.038 0-.071.003-.11.003-1.315 0-2.442-.116-3.42-.32 6.23 14.773 18.439 22.554 38.048 22.347 19.194-.2 31.132-7.905 37.168-22.207-1.143.29-3.515.294-3.515.294-5.642 12.12-16.3 18.635-33.685 18.819m41.589-43.183c.079-1.997.106-4.052.084-6.171-.363-33.478-12.935-51.812-42.772-51.503-29.837.313-42.006 18.904-41.643 52.389.024 2.08.093 3.859.213 5.823.47-1.321 1.541-2.059 3.063-2.688a144.825 144.825 0 0 1-.073-3.175c-.34-31.482 9.95-48.972 38.475-49.275 28.523-.295 39.19 16.98 39.531 48.466.019 1.763 0 3.476-.05 5.15.282-.092.577-.16.891-.155 1.17.022 1.764.452 2.281 1.139"></path><path d="M38.672 32.014c.229.218.634.492.878.532.664.113.974.454.538.427-1.404-.092-2.76 1.13-3.135 1.866-.534 1.04-.942 2.49.518 3.057.517.199 2.08-.064 2.7-.31.651-.284 1.54-.91 1.801.38.254 1.3 1.287 2.508 1.845 3.08.522.539 1.537 1.156 2.551 1.65.763.372 1.255.69 1.327 1.725.068 1.045.553 1.546.823 1.779.335.29.61.684.14 1.679-.172.414-.58 1.108-.196 1.613.386.514 1.552.573 1.788-.012.439-1.062.722-.95 1.037-.421.212.35.156.404.163 1.26.01.845-.1 1.463-1.62 1.633-1.996.233-2.18-.712-3.91-1.016-.617-.107-2.38-.36-3.835.289-.836.379-1.31.605-1.303 1.39.006.231.612 1.077-.102 1.142-.562.054-1.764.398-2.341 1.292-.103.199-.234.72-.024 1.024.212.305.665.44-.196.545-.48.058-1.882.83-2.182 1.718-.306.894-.247 2.262 1.04 2.902.417.202 1.909.092 2.523 0 .871-.13.936.163.497.85-.073.135-.235.51-.439.855-.202.349-.463.676.136 1.558 1.512 2.207 3.519 4.242 6.133 6.27 1.745 1.344 2.755 2.044 3.486 2.515.35.197 1.053.796 1.41.953.449.2 1.38.273 2.378-.348.999-.625 1.831-1.115 3.802-1.037.656.024.735-.43-.168-.728-.866-.264-2.037-.973-3.424-.825-.412.037-1.212.325-1.56.398-.379.108-1.208.194-1.802-.273-.418-.305-1.714-1.454-2.288-2.215-.425-.561-2.75-3.42-3.14-3.991-.456-.65-1.434-1.072-.558-2.435.349-.74.621-.965 1.428-.221.245.233.994.338 1.936.154.473-.094 1.22.223 1.798 1.184.333.566 1.224.719 3.398.524 1.35-.118 2.682-2.856 1.555-4.812-.3-.523-.93-.753-.935-1.372-.007-.61.199-.854 1.094-.54.392.144.474-.501.017-1.269-.183-.3-.396-.757-1.2-1.036-.634-.216-1.023-.732.289-.621.69.046 1.563-.812 1.624-1.455.095-.689-.089-1.774-.683-2.415-.178-.2-.005-.687.305-.65.31.035 1.266-.016 1.478.014.206.034 1.065.207 1.507-.93.032-.133.115-.338.115-.437-.005-.139-.57-.056-.837-.111-.169-.036-.292-.053-.78-.317-.207-.102-.417-.34-.628-.607-.316-.411-.548-.595.112-.65.474-.037.769-.123 1.098-.305.19-.107.594-.284 1.455-.194-.182-.556-.093-.443.29-1.032-1.212-1.574-.545-2.582-.275-2.761.416-.269.628-.446.805-.616.135-.127.16-.638-.072-.92-.245-.303-.828-.587-1.555-.572-.76.009-2.817.063-3.266.07-2.005.042-2.458 2.956-2.562 3.604-.108.74.1.474.145 2.338.044.649-.368 1.344-.591.459-.098-.396-.494-.478-.599-.548-.14-.103-1.006-.996-1.58-2.838-.466-1.498-.64-1.002-2.133-1.918-1.078-.661-2.642-1.764-3.348-3.965-.437-1.354.641-1.224 1.122-1.2 8.625 1.076 14.074.47 18.696-.736 1.032-.253 2.518-.541 1.85 1.15-.663 1.685-1.611 2.836-4.039 4.304-.386.234-1.495.906-.846 1.217.118.062.775-.093.775-.093s-.15.356-.532.533c-.058.087-.102.139 0 .168.421.125.861-.176.658.24-.066.138-1.037.324-1.033.602-.062.951-.01.07.25 1.432.256 1.296-1.274 3.341-2.117 4.876-.413.743-.85 1.216.052 2.206.952 1.04 2.141 2.493 2.635 3.235.459.716 1.02 2.666.092 5.296-.187.53-.147 1.056-1.235 2.808-.578.958-.632 2.01-.052 3.413.407.978 1.739 4.01 3.2 4.953 1.183.734 1.853-.355.85-1.005-.569-.362-2.66-3.338-3.197-4.845-.287-.854-.435-1.574.21-2.465.515-.727 1.563-.527 2.59-.15.628.238 1.85.495 2.701-.644.309-.413.586-.352.607-2.092-.004-.486-.035-.76.466-.742 1.731.066 2.62-.366 2.983-1.944.401-1.544.11-2.53 0-2.97-.107-.448-.155-.688.262-.803.447-.067 2.335-.222 2.84-1.55.538-1.373.952-3.742-.209-5.473-.173-.27-.864-.595-1.12-1.754-.074-.407-.159-.528-.579-1.138-.14-.208-.746-.851-1.27-.949-.209-.037-.418-.23-.418-.408-.038-.204-.004-.769.308-1.313.062-.174 1.044-2.415 1.79-3.75.51-.928 2.185-4.655 2.662-5.363.315-.467.53-.91 1.167-1.206 1.003-.479 1.61-.933 1.95-1.11.346-.175 1.955-1.18 2.718-2.118.254-.303-.168-.655-.719-.463-.599.219-1.3.888-2.334 1.244-.324.117-1.056.264-1.365.228-.931-.102-1.322-.454-1.537-1.238-.126-.447-.664-1.058-1.021-.582-.18.246.455 2.235-.259 3.577-.712 1.34-1.413 3.472-5.063 8.424-.34.45-.814 1.547-1.92 1.728-1.102.19-2.126.25-2.722.995-.736.925-1.184.468-1.188.164.03-.345-.01-.592.731-1.19.913-.745 2.723-2.36 3.467-4.043.404-.858.851-1.655-.06-2.766-.314-.339-.312-1.015.312-1.188a14.594 14.594 0 0 1 1.642-.344c.323-.302-.39-.418-.786-.422-.154 0-1.038.076-.927-.687.043-.268.578-.64.677-.945.101-.305-.03-.356-.475-.26-.325.067-.477.263-.685.304-.207.035-.433.06-.54-.143-.103-.202-.191-.684-.297-.889-.074-.163-.103-.268-.275.042-.167.306-.158.863-.365 1.072-.453.088-.744-.071-.671-.478.197-1.128.579-2.345-.158-3.563-.217-.376-1.166-1.043-2.257-.039-.243.206-.048.34-1.192.24-1.006-.097-1.029.522-1.572.8-.657.335-.672.517-.836.666-.507.453-.318.675-1.396.102-1.39-.774-3.631-.173-4.694.699-.274.173-.791.716-1.485.139-.211-.166-1.118-.689-1.879-.784-.8-.06-.832-.063-.943-.438-.112-.372.06-.915.02-1.188-.03-.279-.66.122-.743.807-.221-.007-.176.25-.493-.018-.244-.203-.454-.266-.595-.437-.105-.134-.406-.067-.273.17.373.684.191.838.199 1.044 0 .166-1.349-.003-1.554 0-.177.006-.177.122-.104.135.575.174.666.47.97.622.207.093-.376.354-.84.185-.85-.323-2.841-.656-4.308-.287-.845.22-2.096 1.363-.97 2.387"></path><path d="M58.708 44.182c.24.113.094.21.537.138.146-.35.468-.619.193-1.384-.089.01-.35.275-.35.275s.03.49-.38.971m-.413 3.27c-.422-.29-.902-.266-1.31-.04-.383.205-.624.205-.95.246.273.176.276.556.782.486.437-.053.494.09.922.054.356-.04.474-.42.556-.746"></path></g><g fill="#005CA8"><path d="M49.025 48.792c.004.276.56.547.83.102.24-.408.1-.797.098-.963-.042-.377-.62-.856-.763-.097-.053.29-.166.652-.165.958m5.263-7.035c.79-.031 1.012.228 1.363.428.359.2.832-.185.257-.377-.626-.223-.464-.402-.924-.407-.782-.01-1.429.383-.696.356m.14 1.001c-.27.1-.051.441-.858.156-.154.104.236.44.126.534-.07.054-.355.2-.744.147-.464-.064.096.234.48.474.244.17 1.077.22 1.43-.372.129-.22-.003-.761.2-.857.593-.009.664.367.72.585.036.13-.09.647-.047.819-.003.137.24.173.293-.24.023-.172.113-.353.05-.615-.062-.261-.316-.75-.808-.838-.362-.088-.66.146-.842.207M39.434 31.007c-.102.177.01.691.318.791.313.098 3.435.576 3.918.637.483.066.795-.013.924-.485.102-.45.065-.75-.285-.925-.87-.431-3.5-.68-4.156-.538-.448.075-.615.351-.72.52m-.463 5.789c.623-.174 1.444-.63 2.205-.733.794-.149 1.93-.402 2.693-.414.793-.014 1.08-.263.653-1.11-.374-.744.108-1.324-1.173-1.342-1.94-.081-2.703.257-3.802.98-.652.42-1.388 1.16-1.59 1.475-.481.685.049 1.465 1.015 1.144m7.992-6.553c-.893.523-1.402 1.074-1.36 2.268.054 1.2.506 2.35.891 2.856.173.276.244.446.42.444.21 0 2.887.416 3.126.416.24-.013.913-.044 1.017-.115.138-.1.528-.966.629-1.14.102-.17.035-.803.035-1.01-.005-.2-.575-2.31-1.998-3.213-.458-.307-1.832-1.061-2.76-.506m4.942 1.363c.14.373.89 1.528 1.03 1.694.137.173.241.035.308.029.106-.034.538-.346.716-.381.202-.067.652-.282.756-.285.133-.004.128-.437.199-.502.034-.032 1.29-1.11 1.424-1.283.168-.205.476-.681-.354-.948-.737-.242-1.218-.348-2.432-.018a3.396 3.396 0 0 0-1.504.84.898.898 0 0 0-.143.854m5.266 1.822a2.964 2.964 0 0 0-1.28-.112c-.623.055-2.259.615-2.939 1.63-.228.36-.933 1.223-.1 1.248.83.033 2.7-.038 3.01-.053.313-.018.516-.16.64-.401.095-.214.69-1.583.811-1.862.093-.21.177-.365-.142-.45m2.084-4.796c-.617.59-2.114 2.618-2.352 2.962-.242.34-.688.693-.028.887.276.065.94.27 1.145.332.207.063.484.131.62-.08.138-.205 1.02-1.68 1.593-2.913.474-1.065-.362-1.772-.978-1.188m2.613-.838c-.368.73-1.134 2.606-1.436 3.223-.374.724-.222.476.192.409.446-.112 1.708-.432 2.049-.607.343-.173.219-.48.221-.652-.002-.174.018-1.5.047-2.12-.007-.577-.55-1.286-1.073-.253m-2.871 8.042c.657-.1 2.799-.294 3.283-.404.516-.15 2.028-.601 2.307-.815.307-.233.444-.55.16-1.028-.246-.436-.709-1.563-2.263-1.514-1.52.019-3.627.556-4.4 2.749-.267.825.22 1.165.913 1.012M43.152 53.819c.72.099 1.414.082 2.057.51.934.604 1.761.51 2.49.506.763-.044 1.622-.608 2.732-.008.798.273 1.012.286 1.362-.186.284-.383.424-.98-.338-1.352-.735-.336-1.228-.369-2.209-.538-.925-.147-1.775.056-2.3-.208-.798-.433-2.772-.686-3.527-.373-.729.285-.659.387-.897.627-.272.31-.358.884.63 1.022"></path><path d="M40.668 55.32c-.415.547.12.858.666.938.92.16 2.04.266 2.95.768.932.54 1.973.704 2.84.66.895-.082 1.649.139 2.628.215 1.038.075 1.822-.05 2.132-.498.303-.451.097-1.267-.632-1.639-.764-.404-1.223-.583-1.979-.54-.768.039-.969.475-1.487.549-.487.035-1.03.094-1.97-.51-1.009-.672-2.385-.93-3.283-.816-.519.036-1.46.317-1.865.873m-3.008 3.349c-.231.656.17 1.384 1.09 1.399.69.019 1.12-.298 1.601-.438.452-.106 1.386-.013 2.012.457.63.471 2.273 1.306 3.548 1.289.658-.006 2.14-.04 3.466.934.417.306 1.712 1.517 2.983.506.93-.746.674-1.27.46-1.989-.255-.87-1.63-1.495-2.05-1.76-.593-.403-1.645-.632-3.16-.21-.603.171-1.71.19-2.929-.548-1.25-.772-1.671-1.04-2.431-1.239-.798-.23-2.19-.02-2.84.226-.488.181-1.51.72-1.75 1.373m26.393-12.954c.418-.002 1.026-.673 1.517.043.492.712.7 1.222.91 1.491.25.308.55.495.722.488.133 0 .709-.025.921.525.247.578.387.913.667 1.083.279.173.77.82.497 1.377-.238.581-.24 1.037-.222 1.59.044 1.472 1.358 1.623 1.775 1.481.55-.208 1.33-1.114 1.462-1.493.168-.412.33-1.471.257-1.875-.04-.447-.725-1.277-1.213-1.621-.456-.302-.45-.574-.515-1.515-.07-.918-.568-1.879-1.362-2.036-.797-.172-1.06.007-1.173-.879-.11-.882-1.494-1.716-2.43-1.708-.968-.02-1.99.035-2.841 1.338-.576.896-.01 1.793 1.028 1.71"></path><path d="M61.19 48.245c.004.24.646.935 1.31 1.029.69.063 2.46.728 2.512 2.41.01.607-.019 1.553.44 2.195.455.644.584 1.534.353 2.526-.063.343-.46 1.27.173 2.24.389.58 2.31.727 2.644-.477.371-1.165.555-3.82-.107-4.731-.597-.853-1.33-1.146-.865-2.758.168-.681-.108-1.919-.975-2.047-1.108-.2-1.467-.667-1.816-1.359-.35-.71-1.962-1.024-2.792-.775-.48.142-1.025.415-.876 1.747"></path><path d="M60.818 50.442c-.652.34-.918.966-.988 1.384-.064.4.12 1.558.471 1.96.384.441 1.637 1.147 1.51 2.102-.03.443.256 1.115.762 1.49.271.206.473.894.072 1.749-.41.86-.578 2.106-.506 2.582.114.652 1.114 1.004 1.945.93.83-.083 1.438-1.072 1.507-1.352.102-.307.104-1.472-.463-2.425-.528-.918-.955-1.255-.482-2.18.508-.96.396-2.844-.33-3.29-.84-.524-1.015-.625-1.06-1.476-.003-.276-.15-.89-.532-1.264-.49-.473-1.08-.667-1.906-.21"></path></g><path d="M92.408 93.497v-5.568l-1.793.835c-.401.205-1.131.741-1.131 1.481v4.03c0 .64.868 1.048 1.43.95 0 0 1.494-.06 1.494-1.728zm-3.02 3.885c-.927-.07-3.239-.29-3.493-2.932-.068-.69-.068-1.24-.068-2.164 0-3.126.471-3.84 1.964-4.591 1.122-.569 3.785-1.808 4.113-1.978.341-.17.504-.401.504-.74v-2.032c0-.574-.028-1.163-1.464-1.171-1.407-.009-1.425.631-1.425 1.201v1.787a.735.735 0 0 1-.63.617h-2.127a.718.718 0 0 1-.633-.63v-1.717c0-1.74 1.36-3.317 4.785-3.317 3.358 0 5.207 1.107 5.207 5.262v9.202s.032 1.813.499 2.149c0 0 .164.203.173.443v.034s.033.277-.258.277h-2.088s-.51.082-.585-.62c-1.11.913-2.844.935-2.844.935l-1.63-.015zm-61.751-8.138h-2.43c-.356.038-.667.313-.667.829v2.935c0 .936-.054 2.058-2.476 2.058-2.478 0-2.478-1.335-2.484-2.058V78.65c0-1.27 1.083-1.542 2.514-1.542 1.43 0 2.505.473 2.505 1.475v3.22a.74.74 0 0 0 .687.654H27.5c.398-.028.704-.29.711-.688v-3.138c0-3.425-2.962-3.84-6.155-3.832-4.254.01-6.898 1.55-6.898 4.433v13.497c0 2.19 1.443 4.602 6.945 4.602 4.579 0 6.311-1.567 6.311-4.344v-2.932c-.027-.569-.202-.81-.812-.81m13.254 4.84s.142 1.813.534 2.266c0 0 .14.159.151.399v.041s.034.281-.272.281l-3.275-.013s-.87-.521-.85-2.388l.021-3.305v-7.979c0-.826-.398-1.405-1.414-1.388-1.78.031-2.127 2.756-2.127 2.756l.02 11.701a.749.749 0 0 1-.686.632h-2.36a.755.755 0 0 1-.694-.653V78.09s-.102-2.423 2.974-2.863c.41-.061.685.067.703.377v6.289c1.062-1.954 2.672-2.2 3.22-2.2 1.697 0 4.06.811 4.06 3.414l-.005 10.978zm36.334-9.482L77.198 80c.003-.17-.164-.323-.385-.307-.142-.01-.236.008-.4.02-3.324.384-2.972 2.884-2.972 2.884v12.098c-.006 2.415.763 2.387.763 2.387H77.6c.31 0 .272-.285.272-.285v-.04a.652.652 0 0 0-.18-.406c-.392-.538-.5-2.288-.5-2.288v-9.459zm-30.521 0L46.675 80c.004-.17-.164-.323-.385-.307-.142-.01-.235.008-.4.02-3.324.384-2.972 2.884-2.972 2.884v12.098c-.005 2.415.764 2.387.764 2.387h3.395c.31 0 .272-.285.272-.285v-.04c-.012-.247-.15-.406-.15-.406-.358-.495-.53-2.288-.53-2.288v-9.459zm37.055-2.359h.973c.29 0 .608-.252.617-.556v-1.199c-.017-.3-.342-.567-.643-.562h-.947v-4.4c.003-.17-.134-.313-.364-.29-.18-.008-.251-.003-.4.003-3.14.34-2.917 2.865-2.917 2.865l-.007 1.822h-.935c-.341 0-.645.283-.645.605v1.115c0 .313.304.597.626.597h.961V94.71c-.01 2.395.637 2.368.637 2.368h3.465c.303 0 .268-.284.268-.284v-.039a.686.686 0 0 0-.15-.401c-.48-.541-.54-2.268-.54-2.268v-11.84zM55.496 94.032l.008-11.112s.01-1.016-1.817-1.016c-1.788 0-1.776 1.004-1.776 1.004v11.135c-.01 0 .003.97 1.792.97 1.512 0 1.744-.642 1.786-.891.01-.056.007-.09.007-.09m4.037 11.047h-3.266s-.658.182-.664-2.233l.008-1.068V100.1l-.003-3.765-.009.001s-.018.829-2.65.829c-4.482 0-4.443-3.127-4.443-3.127l-.022-11.371s-.342-3.11 4.948-3.11c3.033 0 3.317 1.108 3.317 1.108s.366-.506.76-.758c.285-.182.57-.298.89-.348.645-.1.705.481.705.481l.005 2.624v13.6h-.006l-.007 5.844s.05 1.834.556 2.145c0 0 .136.27.145.507v.039s.036.28-.264.28m12.399-8.85c-.303-.503-.448-.623-.472-1.804V80.723s.07-.73-.913-.73h-1.862s-.922-.05-.922.734v13.282s0 1.044-1.652 1.044c-1.693 0-1.686-1.044-1.686-1.044V83.146h-.005V80.19c.01-.295-.26-.474-.697-.382-3.039.44-2.843 2.94-2.843 2.94v.4h-.002v11.619s.023 2.627 4.867 2.627c2.786 0 3.335-1.058 3.335-1.058s.365.82 1.423.82h1.254s.405.044.524-.209c.077-.205-.106-.316-.35-.719m23.21-17.557l-.028-2.263c.143.003.355 0 .642 0 .284-.004.44-.004.473-.004.18.01.33.045.454.113.204.106.307.288.308.532 0 .196-.05.33-.155.422a.738.738 0 0 1-.398.15.956.956 0 0 1 .328.125c.135.111.203.274.205.509l.007.2a.197.197 0 0 0 .005.071.185.185 0 0 0 .016.062l.02.069-.573.004a1.474 1.474 0 0 1-.041-.312 1.125 1.125 0 0 0-.038-.277.266.266 0 0 0-.173-.163.537.537 0 0 0-.205-.035l-.132-.007h-.123l.006.804h-.598zm1.07-1.823a.868.868 0 0 0-.343-.047h-.147l.004.665.235-.011a.61.61 0 0 0 .329-.079c.077-.064.114-.154.114-.277-.002-.122-.066-.207-.191-.25zm1.285 2.13c-.4.387-.877.583-1.44.593a2.022 2.022 0 0 1-1.48-.578c-.4-.384-.603-.863-.61-1.444-.007-.598.202-1.097.627-1.496.404-.375.873-.56 1.418-.57.569.002 1.06.19 1.467.59.409.393.617.872.624 1.438a1.958 1.958 0 0 1-.606 1.467zm-2.69-2.616a1.624 1.624 0 0 0-.482 1.181c.008.47.178.872.519 1.208a1.63 1.63 0 0 0 1.205.478c.468-.002.87-.173 1.204-.512.327-.334.49-.74.487-1.21a1.63 1.63 0 0 0-.51-1.17 1.633 1.633 0 0 0-1.215-.502c-.47.002-.879.177-1.208.527zm-49.834 2.504c1.343 0 1.904-.387 1.904-2.323 0-1.845-.533-2.322-1.904-2.322-1.626 0-1.837.77-1.837 2.384 0 1.957.585 2.261 1.837 2.261m30.521 0c1.344 0 1.905-.387 1.905-2.323 0-1.845-.533-2.322-1.905-2.322-1.625 0-1.836.77-1.836 2.384 0 1.957.585 2.261 1.836 2.261" fill="#FEFEFE"></path></g></svg>
\ No newline at end of file
diff --git a/docs/prima/assets/img/brand-del-monte.png b/docs/prima/assets/img/brand-del-monte.png
new file mode 100644
index 0000000..d035826
Binary files /dev/null and b/docs/prima/assets/img/brand-del-monte.png differ
diff --git a/docs/prima/assets/img/brand-dole.png b/docs/prima/assets/img/brand-dole.png
new file mode 100644
index 0000000..40ebd03
Binary files /dev/null and b/docs/prima/assets/img/brand-dole.png differ
diff --git a/docs/prima/assets/img/brand-driscolls.png b/docs/prima/assets/img/brand-driscolls.png
new file mode 100644
index 0000000..c99c5b9
Binary files /dev/null and b/docs/prima/assets/img/brand-driscolls.png differ
diff --git a/docs/prima/assets/img/brand-glf.png b/docs/prima/assets/img/brand-glf.png
new file mode 100644
index 0000000..8ed300f
Binary files /dev/null and b/docs/prima/assets/img/brand-glf.png differ
diff --git a/docs/prima/assets/img/brand-manns.png b/docs/prima/assets/img/brand-manns.png
new file mode 100644
index 0000000..86c5392
Binary files /dev/null and b/docs/prima/assets/img/brand-manns.png differ
diff --git a/docs/prima/assets/img/brand-natures-reward.png b/docs/prima/assets/img/brand-natures-reward.png
new file mode 100644
index 0000000..70ad41a
Binary files /dev/null and b/docs/prima/assets/img/brand-natures-reward.png differ
diff --git a/docs/prima/assets/img/brand-sselects.png b/docs/prima/assets/img/brand-sselects.png
new file mode 100644
index 0000000..2cd4f79
Binary files /dev/null and b/docs/prima/assets/img/brand-sselects.png differ
diff --git a/docs/prima/assets/img/brand-sunkist.png b/docs/prima/assets/img/brand-sunkist.png
new file mode 100644
index 0000000..0cae9e5
Binary files /dev/null and b/docs/prima/assets/img/brand-sunkist.png differ
diff --git a/docs/prima/assets/img/brand-sunset.png b/docs/prima/assets/img/brand-sunset.png
new file mode 100644
index 0000000..5f500e6
Binary files /dev/null and b/docs/prima/assets/img/brand-sunset.png differ
diff --git a/docs/prima/assets/img/brand-tanimura.png b/docs/prima/assets/img/brand-tanimura.png
new file mode 100644
index 0000000..265a30e
Binary files /dev/null and b/docs/prima/assets/img/brand-tanimura.png differ
diff --git a/docs/prima/assets/img/cutouts/avocado.webp b/docs/prima/assets/img/cutouts/avocado.webp
new file mode 100644
index 0000000..3c8a249
Binary files /dev/null and b/docs/prima/assets/img/cutouts/avocado.webp differ
diff --git a/docs/prima/assets/img/cutouts/bowl.webp b/docs/prima/assets/img/cutouts/bowl.webp
new file mode 100644
index 0000000..39e6cd8
Binary files /dev/null and b/docs/prima/assets/img/cutouts/bowl.webp differ
diff --git a/docs/prima/assets/img/cutouts/garlic.webp b/docs/prima/assets/img/cutouts/garlic.webp
new file mode 100644
index 0000000..25f92e8
Binary files /dev/null and b/docs/prima/assets/img/cutouts/garlic.webp differ
diff --git a/docs/prima/assets/img/cutouts/kale.webp b/docs/prima/assets/img/cutouts/kale.webp
new file mode 100644
index 0000000..dea675c
Binary files /dev/null and b/docs/prima/assets/img/cutouts/kale.webp differ
diff --git a/docs/prima/assets/img/cutouts/lime-bowl.webp b/docs/prima/assets/img/cutouts/lime-bowl.webp
new file mode 100644
index 0000000..7bdec0c
Binary files /dev/null and b/docs/prima/assets/img/cutouts/lime-bowl.webp differ
diff --git a/docs/prima/assets/img/cutouts/pineapple.webp b/docs/prima/assets/img/cutouts/pineapple.webp
new file mode 100644
index 0000000..bf0660a
Binary files /dev/null and b/docs/prima/assets/img/cutouts/pineapple.webp differ
diff --git a/docs/prima/assets/img/cutouts/strawberry.webp b/docs/prima/assets/img/cutouts/strawberry.webp
new file mode 100644
index 0000000..b80c325
Binary files /dev/null and b/docs/prima/assets/img/cutouts/strawberry.webp differ
diff --git a/docs/prima/assets/img/cutouts/tomatoes.webp b/docs/prima/assets/img/cutouts/tomatoes.webp
new file mode 100644
index 0000000..4f5f2ff
Binary files /dev/null and b/docs/prima/assets/img/cutouts/tomatoes.webp differ
diff --git a/docs/prima/assets/img/favicon.png b/docs/prima/assets/img/favicon.png
new file mode 100644
index 0000000..334b83f
Binary files /dev/null and b/docs/prima/assets/img/favicon.png differ
diff --git a/docs/prima/assets/img/hero.jpg b/docs/prima/assets/img/hero.jpg
new file mode 100644
index 0000000..bda4fea
Binary files /dev/null and b/docs/prima/assets/img/hero.jpg differ
diff --git a/docs/prima/assets/img/logo.png b/docs/prima/assets/img/logo.png
new file mode 100644
index 0000000..a8f5111
Binary files /dev/null and b/docs/prima/assets/img/logo.png differ
diff --git a/docs/prima/assets/img/photo-event.jpg b/docs/prima/assets/img/photo-event.jpg
new file mode 100644
index 0000000..10d583e
Binary files /dev/null and b/docs/prima/assets/img/photo-event.jpg differ
diff --git a/docs/prima/assets/img/photo-produce.jpg b/docs/prima/assets/img/photo-produce.jpg
new file mode 100644
index 0000000..752cc4c
Binary files /dev/null and b/docs/prima/assets/img/photo-produce.jpg differ
diff --git a/docs/prima/assets/img/photo-salad.jpg b/docs/prima/assets/img/photo-salad.jpg
new file mode 100644
index 0000000..405c188
Binary files /dev/null and b/docs/prima/assets/img/photo-salad.jpg differ
diff --git a/docs/prima/contact.html b/docs/prima/contact.html
new file mode 100644
index 0000000..df9a22f
--- /dev/null
+++ b/docs/prima/contact.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Contact - Prima Produce</title>
+ <meta name="description" content="Contact Prima Produce: call 954.637.0008 or email [email protected]. Same-day produce delivery across Broward & Palm Beach Counties.">
+ <link rel="canonical" href="https://primaproducefl.com/contact.html">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Prima Produce">
+ <meta property="og:title" content="Contact - Prima Produce">
+ <meta property="og:description" content="Call 954.637.0008 or email [email protected]. Same-day produce delivery across Broward & Palm Beach Counties.">
+ <meta property="og:url" content="https://primaproducefl.com/contact.html">
+ <meta property="og:image" content="https://primaproducefl.com/assets/img/hero.jpg">
+ <link rel="icon" type="image/png" href="assets/img/favicon.png">
+ <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=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Inter:[email protected]&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+ <a class="skip-link" href="#main">Skip to content</a>
+
+ <div class="ticker" aria-hidden="true">
+ <div class="ticker-track">
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ </div>
+ </div>
+
+ <header class="site-header">
+ <div class="container header-inner">
+ <a class="brand" href="index.html">
+ <img src="assets/img/logo.png" alt="Prima Produce" width="180" height="46">
+ </a>
+ <nav class="site-nav" id="site-nav" aria-label="Main navigation">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html" aria-current="page">Contact</a></li>
+ <li class="nav-portal"><a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a></li>
+ </ul>
+ </nav>
+ <div class="header-cta">
+ <p class="header-phone">
+ <span class="label">Order by phone</span>
+ <a href="tel:+19546370008">954.637.0008</a>
+ </p>
+ <a class="btn btn-gold header-portal" href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a>
+ <button class="nav-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </button>
+ </div>
+ </div>
+ </header>
+
+ <main id="main">
+
+ <section class="page-banner page-banner-contact">
+ <div class="container banner-grid">
+ <div>
+ <p class="eyebrow">Get in Touch</p>
+ <h1>Contact <span class="accent">Us</span></h1>
+ <p>We’re here to help! Whether you have a question, need support, or want to share feedback, feel free to contact us. We look forward to hearing from you.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container">
+ <div class="contact-grid">
+ <div class="contact-card reveal">
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
+ </svg>
+ <h2>Call Now</h2>
+ <p>For orders, questions, and support.</p>
+ <a class="contact-link" href="tel:+19546370008">954.637.0008</a>
+ </div>
+ <div class="contact-card reveal">
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/>
+ </svg>
+ <h2>Email Us</h2>
+ <p>We read every message and respond quickly.</p>
+ <a class="contact-link" href="mailto:[email protected]">Primaproducefl@<wbr>gmail.com</a>
+ </div>
+ <div class="contact-card reveal">
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>
+ </svg>
+ <h2>Order Online</h2>
+ <p>Existing customers can view pricing and place orders anytime.</p>
+ <a class="contact-link" href="https://prima.vegy.app/" target="_blank" rel="noopener">prima.vegy.app</a>
+ </div>
+ <div class="contact-card reveal">
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z"/><circle cx="12" cy="10" r="3"/>
+ </svg>
+ <h2>Service Area</h2>
+ <p>Same-day delivery throughout South Florida.</p>
+ <span class="contact-link">Broward & Palm Beach Counties</span>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="section cta-band">
+ <div class="container reveal">
+ <h2>Become a Customer Today</h2>
+ <p>Free shipping on orders over $100. Trusted by top restaurants and hotels across South Florida.</p>
+ <div class="hero-actions">
+ <a class="btn btn-gold" href="tel:+19546370008">Call 954.637.0008</a>
+ <a class="btn btn-outline" href="mailto:[email protected]">Send an Email</a>
+ </div>
+ </div>
+ </section>
+
+ </main>
+
+ <footer class="site-footer">
+ <div class="container">
+ <div class="footer-grid">
+ <div class="footer-brand">
+ <img src="assets/img/logo.png" alt="Prima Produce" loading="lazy">
+ <p>A produce marketing and logistics concierge connecting farms and food service professionals across Broward & Palm Beach Counties. Free shipping on orders over $100.</p>
+ </div>
+ <div>
+ <h4>Navigation</h4>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-contact">
+ <h4>Get in Touch</h4>
+ <ul>
+ <li><strong>Order by phone:</strong> <a href="tel:+19546370008">954.637.0008</a></li>
+ <li><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
+ <li><strong>Existing customers:</strong> <a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order online & view pricing</a></li>
+ <li>Serving Broward & Palm Beach Counties</li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-bottom">
+ <p>© 2026 Prima Produce. All rights reserved.</p>
+ </div>
+ </div>
+ </footer>
+
+ <script src="js/main.js"></script>
+</body>
+</html>
diff --git a/docs/prima/css/styles.css b/docs/prima/css/styles.css
new file mode 100644
index 0000000..fc03245
--- /dev/null
+++ b/docs/prima/css/styles.css
@@ -0,0 +1,1246 @@
+/* ============================================================
+ Prima Produce — shared stylesheet
+ ============================================================ */
+
+:root {
+ --green: #4a713a;
+ --green-dark: #33552a;
+ --green-deep: #1d3417;
+ --cream: #f5f0e1;
+ --cream-soft: #fbf8f0;
+ --gold: #c9a45c;
+ --gold-dark: #a8843d;
+ --ink: #21261c;
+ --ink-soft: #5a5f52;
+ --white: #ffffff;
+ --hairline: rgba(33, 38, 28, 0.16);
+ --hairline-light: rgba(245, 240, 225, 0.2);
+ --radius: 3px;
+ --font-display: "Fraunces", Georgia, "Times New Roman", serif;
+ --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html {
+ scroll-behavior: smooth;
+}
+
+body {
+ margin: 0;
+ font-family: var(--font-body);
+ font-size: 1.0313rem;
+ font-weight: 400;
+ line-height: 1.8;
+ color: var(--ink);
+ background: var(--cream-soft);
+ -webkit-font-smoothing: antialiased;
+}
+
+::selection {
+ background: var(--gold);
+ color: var(--green-deep);
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+ display: block;
+}
+
+h1, h2, h3, h4 {
+ font-family: var(--font-display);
+ font-weight: 500;
+ line-height: 1.12;
+ color: var(--green-deep);
+ margin: 0 0 0.65em;
+}
+
+h1 { font-size: clamp(2.6rem, 5.5vw, 4.2rem); }
+h2 { font-size: clamp(1.9rem, 3.4vw, 2.7rem); }
+h3 { font-size: clamp(1.25rem, 2.2vw, 1.45rem); }
+
+p {
+ margin: 0 0 1.3em;
+}
+
+a {
+ color: var(--green);
+ text-decoration-thickness: 1px;
+ text-underline-offset: 3px;
+}
+
+.container {
+ width: min(1200px, 90%);
+ margin-inline: auto;
+}
+
+.section {
+ padding: clamp(4.5rem, 10vw, 7.5rem) 0;
+}
+
+.section-intro {
+ max-width: 46rem;
+}
+
+.eyebrow {
+ display: inline-block;
+ font-size: 0.72rem;
+ font-weight: 600;
+ letter-spacing: 0.26em;
+ text-transform: uppercase;
+ color: var(--gold-dark);
+ margin-bottom: 1.2rem;
+}
+
+.eyebrow::before {
+ content: "";
+ display: inline-block;
+ width: 2.4rem;
+ height: 1px;
+ background: var(--gold);
+ vertical-align: middle;
+ margin-right: 1rem;
+}
+
+.mission .eyebrow::after {
+ content: "";
+ display: inline-block;
+ width: 2.4rem;
+ height: 1px;
+ background: var(--gold);
+ vertical-align: middle;
+ margin-left: 1rem;
+}
+
+@media (max-width: 640px) {
+ .eyebrow::before,
+ .mission .eyebrow::after {
+ display: none;
+ }
+}
+
+.skip-link {
+ position: absolute;
+ left: -999px;
+ top: 0;
+ background: var(--green-deep);
+ color: var(--white);
+ padding: 0.6rem 1rem;
+ z-index: 200;
+}
+
+.skip-link:focus {
+ left: 0;
+}
+
+/* ---------- Buttons ---------- */
+
+.btn {
+ display: inline-block;
+ padding: 1.05rem 2.5rem;
+ border-radius: var(--radius);
+ font-size: 0.78rem;
+ font-weight: 600;
+ letter-spacing: 0.18em;
+ text-transform: uppercase;
+ text-decoration: none;
+ transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
+}
+
+.btn-primary {
+ background: var(--green-deep);
+ color: var(--cream);
+}
+
+.btn-primary:hover {
+ background: var(--gold-dark);
+ color: var(--white);
+}
+
+.btn-gold {
+ background: var(--gold);
+ color: var(--green-deep);
+}
+
+.btn-gold:hover {
+ background: var(--cream);
+}
+
+.btn-outline {
+ border: 1px solid rgba(245, 240, 225, 0.6);
+ color: var(--cream);
+}
+
+.btn-outline:hover {
+ border-color: var(--cream);
+ background: var(--cream);
+ color: var(--green-deep);
+}
+
+.btn-outline-ink {
+ border: 1px solid var(--hairline);
+ color: var(--ink);
+}
+
+.btn-outline-ink:hover {
+ border-color: var(--gold-dark);
+ color: var(--gold-dark);
+}
+
+/* ---------- Announcement ticker ---------- */
+
+.ticker {
+ background: var(--green-deep);
+ color: var(--cream);
+ overflow: hidden;
+ white-space: nowrap;
+ font-size: 0.68rem;
+ font-weight: 500;
+ letter-spacing: 0.22em;
+ text-transform: uppercase;
+ padding: 0.65rem 0;
+}
+
+.ticker-track {
+ display: inline-flex;
+ animation: ticker-scroll 44s linear infinite;
+}
+
+.ticker:hover .ticker-track {
+ animation-play-state: paused;
+}
+
+.ticker-track span {
+ padding: 0 1.6rem;
+}
+
+.ticker-track span::after {
+ content: "✦";
+ color: var(--gold);
+ margin-left: 3.2rem;
+}
+
+@keyframes ticker-scroll {
+ from { transform: translateX(0); }
+ to { transform: translateX(-50%); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+ html { scroll-behavior: auto; }
+ .ticker-track { animation: none; }
+ .brand-track { animation: none; }
+ .brand-marquee { overflow-x: auto; }
+ .js .hero-underline path { animation: none; stroke-dashoffset: 0; }
+ .site-header { transition: none; }
+ .js .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
+}
+
+/* ---------- Header ---------- */
+
+.site-header {
+ position: sticky;
+ top: 0;
+ z-index: 100;
+ background: var(--cream-soft);
+ border-bottom: 1px solid var(--hairline);
+ transition: transform 0.35s ease;
+}
+
+.site-header.header-hidden {
+ transform: translateY(-105%);
+}
+
+.header-inner {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 1.5rem;
+ padding: 1.15rem 0;
+}
+
+.brand img {
+ width: clamp(140px, 16vw, 175px);
+}
+
+.site-nav ul {
+ display: flex;
+ align-items: center;
+ gap: 2.4rem;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.site-nav a {
+ text-decoration: none;
+ color: var(--ink);
+ font-size: 0.76rem;
+ font-weight: 500;
+ letter-spacing: 0.16em;
+ text-transform: uppercase;
+ padding: 0.3rem 0;
+ border-bottom: 1px solid transparent;
+ transition: color 0.2s ease, border-color 0.2s ease;
+}
+
+.site-nav a:hover {
+ color: var(--gold-dark);
+}
+
+.site-nav a[aria-current="page"] {
+ color: var(--green-deep);
+ border-bottom-color: var(--gold);
+}
+
+.header-cta {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+}
+
+.header-phone {
+ text-align: right;
+ line-height: 1.4;
+ margin: 0;
+}
+
+.header-phone .label {
+ display: block;
+ font-size: 0.62rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.22em;
+ color: var(--gold-dark);
+}
+
+.header-phone a {
+ font-family: var(--font-display);
+ font-weight: 500;
+ font-size: 1.1rem;
+ color: var(--green-deep);
+ text-decoration: none;
+}
+
+.header-phone a:hover {
+ color: var(--gold-dark);
+}
+
+.header-portal {
+ padding: 0.72rem 1.5rem;
+ font-size: 0.68rem;
+ white-space: nowrap;
+}
+
+.site-nav .nav-portal {
+ display: none;
+}
+
+.site-nav .nav-portal a {
+ color: var(--gold-dark);
+}
+
+.nav-toggle {
+ display: none;
+ background: none;
+ border: 0;
+ padding: 0.5rem;
+ cursor: pointer;
+}
+
+.nav-toggle .bar {
+ display: block;
+ width: 26px;
+ height: 2px;
+ background: var(--green-deep);
+ margin: 6px 0;
+ transition: transform 0.2s ease, opacity 0.2s ease;
+}
+
+@media (max-width: 1000px) {
+ .nav-toggle {
+ display: block;
+ }
+
+ .header-portal {
+ display: none;
+ }
+
+ .site-nav .nav-portal {
+ display: list-item;
+ }
+
+ .site-nav {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ background: var(--cream-soft);
+ border-bottom: 1px solid var(--hairline);
+ display: none;
+ }
+
+ .site-nav.open {
+ display: block;
+ }
+
+ .site-nav ul {
+ flex-direction: column;
+ align-items: stretch;
+ gap: 0;
+ padding: 0.5rem 0 1rem;
+ }
+
+ .site-nav a {
+ display: block;
+ padding: 0.95rem 5%;
+ border-bottom: 0;
+ }
+
+ .site-nav a[aria-current="page"] {
+ background: var(--cream);
+ }
+
+ .header-phone .label {
+ display: none;
+ }
+
+ .nav-toggle[aria-expanded="true"] .bar:nth-child(1) {
+ transform: translateY(8px) rotate(45deg);
+ }
+
+ .nav-toggle[aria-expanded="true"] .bar:nth-child(2) {
+ opacity: 0;
+ }
+
+ .nav-toggle[aria-expanded="true"] .bar:nth-child(3) {
+ transform: translateY(-8px) rotate(-45deg);
+ }
+}
+
+/* ---------- Hero (home, editorial split) ---------- */
+
+.hero {
+ position: relative;
+ overflow: hidden;
+ background: var(--cream);
+ border-bottom: 1px solid var(--hairline);
+ padding: clamp(3.5rem, 8vw, 6.5rem) 0;
+}
+
+.hero-grid {
+ display: grid;
+ grid-template-columns: 1.05fr 0.95fr;
+ gap: clamp(2rem, 5vw, 4.5rem);
+ align-items: center;
+}
+
+.hero-copy h1 {
+ margin-bottom: 0.45em;
+}
+
+.hero-copy > p:not(.eyebrow) {
+ font-size: clamp(1rem, 1.6vw, 1.15rem);
+ font-weight: 300;
+ line-height: 1.9;
+ color: var(--ink-soft);
+ max-width: 34rem;
+}
+
+.accent {
+ position: relative;
+ display: inline-block;
+ font-style: italic;
+ color: var(--green);
+}
+
+.hero-underline {
+ position: absolute;
+ left: 0;
+ bottom: -0.1em;
+ width: 100%;
+ height: 0.14em;
+ color: var(--gold);
+ overflow: visible;
+}
+
+.js .hero-underline path {
+ stroke-dasharray: 230;
+ stroke-dashoffset: 230;
+ animation: draw-underline 0.9s ease-out 0.45s forwards;
+}
+
+@keyframes draw-underline {
+ to { stroke-dashoffset: 0; }
+}
+
+.hero-actions {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1.1rem;
+ margin-top: 2.4rem;
+}
+
+.hero-art {
+ position: relative;
+ min-height: clamp(340px, 40vw, 560px);
+}
+
+.ghost-text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -54%);
+ font-family: var(--font-display);
+ font-style: italic;
+ font-size: clamp(7rem, 15vw, 12rem);
+ line-height: 1;
+ white-space: nowrap;
+ color: transparent;
+ -webkit-text-stroke: 1px rgba(168, 132, 61, 0.3);
+ user-select: none;
+}
+
+.hero-bowl {
+ position: absolute;
+ inset: 6%;
+ display: grid;
+ place-items: center;
+}
+
+.hero-bowl img {
+ width: min(100%, 470px);
+ height: auto;
+ filter: drop-shadow(0 34px 44px rgba(29, 52, 23, 0.28));
+}
+
+.hero-float {
+ position: absolute;
+}
+
+.hero-float img {
+ width: 100%;
+ height: auto;
+ filter: drop-shadow(0 14px 20px rgba(29, 52, 23, 0.24));
+}
+
+.hero-float-tomatoes {
+ top: 3%;
+ left: 0;
+ width: clamp(64px, 7vw, 104px);
+}
+
+.hero-float-avocado {
+ bottom: 5%;
+ left: 7%;
+ width: clamp(60px, 6.5vw, 96px);
+}
+
+.hero-float-lime {
+ top: 6%;
+ right: 0;
+ width: clamp(84px, 9vw, 132px);
+}
+
+@media (max-width: 860px) {
+ .hero-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .hero-art {
+ min-height: 320px;
+ }
+}
+
+/* ---------- Stats strip ---------- */
+
+.stats {
+ background: var(--green-deep);
+ padding: clamp(2.6rem, 5vw, 3.8rem) 0;
+}
+
+.stats-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 2rem;
+ text-align: center;
+}
+
+.stat-num {
+ display: block;
+ font-family: var(--font-display);
+ font-size: clamp(2.3rem, 4.6vw, 3.4rem);
+ line-height: 1.1;
+ color: var(--gold);
+}
+
+.stat-num-word {
+ font-style: italic;
+}
+
+.stat-label {
+ display: block;
+ margin-top: 0.45rem;
+ font-size: 0.7rem;
+ font-weight: 600;
+ letter-spacing: 0.22em;
+ text-transform: uppercase;
+ color: var(--cream);
+ opacity: 0.85;
+}
+
+@media (max-width: 640px) {
+ .stats-grid {
+ grid-template-columns: 1fr;
+ gap: 1.7rem;
+ }
+}
+
+/* ---------- Page banner (subpages) ---------- */
+
+.page-banner {
+ position: relative;
+ overflow: hidden;
+ display: flex;
+ align-items: center;
+ min-height: clamp(360px, 42vw, 520px);
+ background-image:
+ linear-gradient(90deg, rgba(16, 28, 11, 0.9) 0%, rgba(16, 28, 11, 0.76) 48%, rgba(16, 28, 11, 0.3) 100%),
+ var(--banner-image);
+ background-position: var(--banner-position, center);
+ background-size: cover;
+ background-repeat: no-repeat;
+ border-bottom: 1px solid var(--hairline);
+ padding: clamp(4.5rem, 9vw, 7rem) 0;
+}
+
+.page-banner-products {
+ --banner-image: url("../assets/img/photo-event.jpg");
+ --banner-position: center 42%;
+}
+
+.page-banner-about {
+ --banner-image: url("../assets/img/about-hero.webp");
+ --banner-position: center 52%;
+}
+
+.page-banner-service-areas {
+ --banner-image: url("../assets/img/photo-salad.jpg");
+ --banner-position: center 55%;
+}
+
+.page-banner-contact {
+ --banner-image: url("../assets/img/photo-event.jpg");
+ --banner-position: center 68%;
+}
+
+.banner-grid > div {
+ max-width: 42rem;
+}
+
+.page-banner h1 {
+ color: var(--cream);
+ margin-bottom: 0.35em;
+}
+
+.page-banner p {
+ color: rgba(245, 240, 225, 0.92);
+ font-weight: 300;
+ max-width: 38rem;
+ margin: 0;
+}
+
+.page-banner .eyebrow,
+.page-banner .accent {
+ color: var(--gold);
+}
+
+.page-banner .hero-actions {
+ margin-top: 2rem;
+}
+
+@media (max-width: 640px) {
+ .page-banner {
+ min-height: 390px;
+ background-image:
+ linear-gradient(rgba(16, 28, 11, 0.78), rgba(16, 28, 11, 0.78)),
+ var(--banner-image);
+ }
+
+ .page-banner-products,
+ .page-banner-about,
+ .page-banner-service-areas,
+ .page-banner-contact {
+ --banner-position: center;
+ }
+}
+
+/* ---------- Value props ---------- */
+
+.value-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 1.6rem;
+}
+
+.value-card {
+ position: relative;
+ background: var(--white);
+ border: 1px solid var(--hairline);
+ border-radius: var(--radius);
+ padding: 3rem 2.2rem;
+ text-align: center;
+ transition: border-color 0.25s ease;
+}
+
+.card-num {
+ position: absolute;
+ top: 1.1rem;
+ left: 1.4rem;
+ font-family: var(--font-display);
+ font-style: italic;
+ font-size: 1.05rem;
+ color: var(--gold-dark);
+ opacity: 0.75;
+}
+
+.value-card:hover {
+ border-color: var(--gold);
+}
+
+.value-card svg {
+ width: 42px;
+ height: 42px;
+ stroke: var(--gold-dark);
+ stroke-width: 1.2;
+ margin-bottom: 1.3rem;
+}
+
+.value-card h3 {
+ margin-bottom: 0.5em;
+}
+
+.value-card p {
+ margin: 0;
+ color: var(--ink-soft);
+ font-size: 0.95rem;
+ line-height: 1.75;
+}
+
+/* ---------- Split feature sections ---------- */
+
+.split {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: clamp(2.5rem, 6vw, 5.5rem);
+ align-items: center;
+}
+
+.split.reverse .split-media {
+ order: 2;
+}
+
+.split-media {
+ --blob: 62% 38% 56% 44% / 48% 58% 42% 52%;
+ position: relative;
+}
+
+.split-media > img {
+ position: relative;
+ z-index: 1;
+ border-radius: var(--blob);
+ aspect-ratio: 4 / 3.4;
+ object-fit: cover;
+ width: 100%;
+}
+
+.split-media::after {
+ content: "";
+ position: absolute;
+ inset: 0;
+ transform: translate(18px, 16px);
+ border: 1px solid var(--gold);
+ border-radius: var(--blob);
+ z-index: 0;
+}
+
+.split.reverse .split-media {
+ --blob: 42% 58% 44% 56% / 55% 44% 56% 45%;
+}
+
+.split.reverse .split-media::after {
+ transform: translate(-18px, 16px);
+}
+
+.split-accent {
+ position: absolute;
+ z-index: 2;
+}
+
+.split-accent img {
+ width: 100%;
+ height: auto;
+ filter: drop-shadow(0 14px 20px rgba(29, 52, 23, 0.24));
+}
+
+.split-accent-garlic {
+ width: clamp(100px, 11vw, 160px);
+ left: -2.2rem;
+ bottom: -1.8rem;
+}
+
+.split-accent-strawberry {
+ width: clamp(84px, 9vw, 130px);
+ right: -1.8rem;
+ top: -2rem;
+}
+
+.split-accent-tomatoes {
+ width: clamp(72px, 8vw, 110px);
+ right: -1.5rem;
+ bottom: -1.5rem;
+}
+
+@media (max-width: 800px) {
+ .split,
+ .split.reverse .split-media {
+ grid-template-columns: 1fr;
+ order: 0;
+ }
+}
+
+/* ---------- Testimonial ---------- */
+
+.testimonial {
+ background: var(--cream);
+ border-top: 1px solid var(--hairline);
+ border-bottom: 1px solid var(--hairline);
+}
+
+.testimonial blockquote {
+ max-width: 52rem;
+ margin: 0 auto;
+ text-align: center;
+ padding: 0 1rem;
+}
+
+.testimonial blockquote::before {
+ content: "\201C";
+ display: block;
+ font-family: var(--font-display);
+ font-size: 5.5rem;
+ line-height: 0.6;
+ color: var(--gold);
+ margin-bottom: 1.6rem;
+}
+
+.stars {
+ color: var(--gold-dark);
+ font-size: 0.95rem;
+ letter-spacing: 0.55em;
+ margin-bottom: 1.6rem;
+}
+
+.testimonial blockquote p {
+ font-family: var(--font-display);
+ font-style: italic;
+ font-weight: 400;
+ font-size: clamp(1.2rem, 2.4vw, 1.55rem);
+ line-height: 1.6;
+ color: var(--green-deep);
+}
+
+.testimonial cite {
+ display: block;
+ margin-top: 1.8rem;
+ font-style: normal;
+ font-size: 0.78rem;
+ font-weight: 600;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ color: var(--ink);
+}
+
+.testimonial cite span {
+ display: block;
+ margin-top: 0.3rem;
+ font-weight: 400;
+ letter-spacing: 0.14em;
+ color: var(--ink-soft);
+ font-size: 0.72rem;
+}
+
+/* ---------- Mission band ---------- */
+
+.mission {
+ background: var(--green-deep);
+ text-align: center;
+}
+
+.mission h2,
+.mission p {
+ color: var(--cream);
+}
+
+.mission .eyebrow {
+ color: var(--gold);
+}
+
+.mission p {
+ max-width: 52rem;
+ margin-inline: auto;
+ font-weight: 300;
+ opacity: 0.92;
+}
+
+/* ---------- Brands ---------- */
+
+.brands {
+ background: var(--green-deep);
+ border-top: 1px solid var(--hairline-light);
+ text-align: center;
+}
+
+.brands h2 {
+ color: var(--cream);
+}
+
+.brand-marquee {
+ overflow: hidden;
+ margin-top: 3rem;
+}
+
+.brand-track {
+ display: inline-flex;
+ animation: ticker-scroll 38s linear infinite;
+}
+
+.brand-marquee:hover .brand-track {
+ animation-play-state: paused;
+}
+
+.brand-set {
+ display: flex;
+ gap: 1.4rem;
+ padding-right: 1.4rem;
+}
+
+.brand-set img {
+ flex: 0 0 auto;
+ background: var(--cream-soft);
+ border-radius: var(--radius);
+ padding: 1rem 1.3rem;
+ width: 172px;
+ height: 86px;
+ object-fit: contain;
+}
+
+.brand-set img.dark-tile {
+ background: var(--green-dark);
+}
+
+/* ---------- Products ---------- */
+
+.product-category {
+ margin-bottom: clamp(3rem, 6vw, 4.5rem);
+}
+
+.product-category:last-child {
+ margin-bottom: 0;
+}
+
+.product-category header {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ gap: 1rem;
+ border-bottom: 1px solid var(--gold);
+ padding-bottom: 0.7rem;
+ margin-bottom: 1.8rem;
+}
+
+.product-category h2 {
+ margin: 0;
+}
+
+.product-category .count {
+ color: var(--gold-dark);
+ font-size: 0.68rem;
+ font-weight: 600;
+ letter-spacing: 0.22em;
+ text-transform: uppercase;
+}
+
+.product-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
+ gap: 0.8rem;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.product-grid li {
+ background: transparent;
+ border: 1px solid var(--hairline);
+ border-radius: var(--radius);
+ padding: 0.75rem 1rem;
+ font-size: 0.92rem;
+ letter-spacing: 0.02em;
+ text-align: center;
+ color: var(--ink);
+ transition: border-color 0.25s ease, background-color 0.25s ease;
+}
+
+.product-grid li:hover {
+ border-color: var(--gold);
+ background: var(--white);
+}
+
+/* ---------- CTA band ---------- */
+
+.cta-band {
+ background:
+ linear-gradient(rgba(16, 28, 11, 0.85), rgba(16, 28, 11, 0.85)),
+ url("../assets/img/photo-produce.jpg") center / cover no-repeat;
+ text-align: center;
+}
+
+.cta-band h2,
+.cta-band p {
+ color: var(--cream);
+}
+
+.cta-band p {
+ max-width: 44rem;
+ margin-inline: auto;
+ font-weight: 300;
+ opacity: 0.92;
+}
+
+.cta-band .hero-actions {
+ margin-top: 2rem;
+ justify-content: center;
+}
+
+.cta-note {
+ margin-top: 1.8rem;
+ font-size: 0.88rem;
+ letter-spacing: 0.04em;
+}
+
+.cta-note a {
+ color: var(--gold);
+}
+
+/* ---------- Contact ---------- */
+
+.contact-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+ gap: 1.6rem;
+}
+
+.contact-card {
+ background: var(--white);
+ border: 1px solid var(--hairline);
+ border-radius: var(--radius);
+ padding: 3rem 2.2rem;
+ text-align: center;
+ transition: border-color 0.25s ease;
+}
+
+.contact-card:hover {
+ border-color: var(--gold);
+}
+
+.contact-card svg {
+ width: 40px;
+ height: 40px;
+ stroke: var(--gold-dark);
+ stroke-width: 1.2;
+ margin-bottom: 1.2rem;
+}
+
+.contact-card h2 {
+ font-size: 1.35rem;
+ margin-bottom: 0.4em;
+}
+
+.contact-card p {
+ color: var(--ink-soft);
+ font-size: 0.92rem;
+}
+
+.contact-card .contact-link {
+ display: inline-block;
+ font-family: var(--font-display);
+ font-size: clamp(1.05rem, 1.6vw, 1.3rem);
+ font-weight: 500;
+ color: var(--green-deep);
+ text-decoration: none;
+}
+
+.contact-card .contact-link:hover {
+ color: var(--gold-dark);
+}
+
+/* ---------- About ---------- */
+
+.prose {
+ max-width: 46rem;
+}
+
+.prose p {
+ color: var(--ink-soft);
+}
+
+.prose p:first-of-type {
+ color: var(--ink);
+}
+
+/* ---------- Footer ---------- */
+
+.site-footer {
+ background: var(--green-deep);
+ color: var(--cream);
+ padding-top: clamp(3.5rem, 7vw, 5.5rem);
+}
+
+.footer-grid {
+ display: grid;
+ grid-template-columns: 2fr 1fr 1.4fr;
+ gap: clamp(2rem, 5vw, 4.5rem);
+ padding-bottom: 3.5rem;
+}
+
+@media (max-width: 800px) {
+ .footer-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+.site-footer h4 {
+ color: var(--gold);
+ font-family: var(--font-body);
+ font-size: 0.72rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.24em;
+ margin-bottom: 1.3rem;
+}
+
+.footer-brand img {
+ width: 165px;
+ filter: brightness(0) invert(1);
+ opacity: 0.95;
+ margin-bottom: 1.3rem;
+}
+
+.footer-brand p {
+ font-size: 0.92rem;
+ font-weight: 300;
+ line-height: 1.85;
+ opacity: 0.85;
+ max-width: 30rem;
+}
+
+.site-footer ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.site-footer li {
+ margin-bottom: 0.65rem;
+ font-size: 0.95rem;
+ font-weight: 300;
+}
+
+.site-footer a {
+ color: var(--cream);
+ text-decoration: none;
+ opacity: 0.9;
+ transition: color 0.2s ease, opacity 0.2s ease;
+}
+
+.site-footer a:hover {
+ opacity: 1;
+ color: var(--gold);
+}
+
+.footer-contact strong {
+ color: var(--gold);
+ font-weight: 500;
+}
+
+.footer-bottom {
+ border-top: 1px solid var(--hairline-light);
+ padding: 1.4rem 0;
+ font-size: 0.78rem;
+ letter-spacing: 0.06em;
+ opacity: 0.75;
+ text-align: center;
+}
+
+/* ---------- Grain texture & watermark on dark bands ---------- */
+
+.stats,
+.mission,
+.brands,
+.cta-band,
+.site-footer {
+ position: relative;
+}
+
+.stats::before,
+.mission::before,
+.brands::before,
+.cta-band::before,
+.site-footer::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ pointer-events: none;
+ opacity: 0.13;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
+}
+
+.mission::after {
+ content: "";
+ position: absolute;
+ right: 5%;
+ bottom: 8%;
+ width: clamp(120px, 14vw, 210px);
+ aspect-ratio: 128 / 263;
+ background: url("../assets/img/cutouts/pineapple.webp") center / contain no-repeat;
+ opacity: 0.14;
+ pointer-events: none;
+}
+
+.stats > .container,
+.mission > .container,
+.brands > .container,
+.cta-band > .container,
+.site-footer > .container {
+ position: relative;
+ z-index: 1;
+}
+
+/* ---------- Scroll reveal ---------- */
+
+.js .reveal {
+ opacity: 0;
+ transform: translateY(20px);
+ transition: opacity 0.8s ease, transform 0.8s ease;
+}
+
+.js .reveal.visible {
+ opacity: 1;
+ transform: none;
+}
diff --git a/docs/prima/index.html b/docs/prima/index.html
new file mode 100644
index 0000000..8128dc7
--- /dev/null
+++ b/docs/prima/index.html
@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Prima Produce - Serving Broward & Palm Beach Counties</title>
+ <meta name="description" content="Connecting farms and food service with quality, convenience, and tailored solutions. Your ideal partner in catering and luxury dining.">
+ <link rel="canonical" href="https://primaproducefl.com/">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Prima Produce">
+ <meta property="og:title" content="Prima Produce - Serving Broward & Palm Beach Counties">
+ <meta property="og:description" content="Connecting farms and food service with quality, convenience, and tailored solutions. Your ideal partner in catering and luxury dining.">
+ <meta property="og:url" content="https://primaproducefl.com/">
+ <meta property="og:image" content="https://primaproducefl.com/assets/img/hero.jpg">
+ <link rel="icon" type="image/png" href="assets/img/favicon.png">
+ <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=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Inter:[email protected]&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="css/styles.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@type": "Organization",
+ "name": "Prima Produce",
+ "url": "https://primaproducefl.com/",
+ "logo": "https://primaproducefl.com/assets/img/logo.png",
+ "email": "[email protected]",
+ "telephone": "+1-954-637-0008",
+ "areaServed": ["Broward County FL", "Palm Beach County FL"]
+ }
+ </script>
+</head>
+<body>
+ <a class="skip-link" href="#main">Skip to content</a>
+
+ <div class="ticker" aria-hidden="true">
+ <div class="ticker-track">
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ </div>
+ </div>
+
+ <header class="site-header">
+ <div class="container header-inner">
+ <a class="brand" href="index.html">
+ <img src="assets/img/logo.png" alt="Prima Produce" width="180" height="46">
+ </a>
+ <nav class="site-nav" id="site-nav" aria-label="Main navigation">
+ <ul>
+ <li><a href="index.html" aria-current="page">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ <li class="nav-portal"><a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a></li>
+ </ul>
+ </nav>
+ <div class="header-cta">
+ <p class="header-phone">
+ <span class="label">Order by phone</span>
+ <a href="tel:+19546370008">954.637.0008</a>
+ </p>
+ <a class="btn btn-gold header-portal" href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a>
+ <button class="nav-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </button>
+ </div>
+ </div>
+ </header>
+
+ <main id="main">
+
+ <section class="hero">
+ <div class="container hero-grid">
+ <div class="hero-copy">
+ <p class="eyebrow">Farm-to-Kitchen Concierge</p>
+ <h1>Welcome to <span class="accent">Prima<svg class="hero-underline" viewBox="0 0 220 12" preserveAspectRatio="none" aria-hidden="true"><path d="M3 9 C 55 3, 165 2, 217 7" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"/></svg></span> Produce</h1>
+ <p>We are a produce marketing and logistics concierge, connecting farms and food service professionals to create exceptional experiences by facilitating seamless communication between all parties.</p>
+ <div class="hero-actions">
+ <a class="btn btn-primary" href="products.html">View Our Products</a>
+ <a class="btn btn-outline-ink" href="contact.html">Contact Us</a>
+ </div>
+ </div>
+ <div class="hero-art" aria-hidden="true">
+ <span class="ghost-text">Prima</span>
+ <div class="hero-bowl" data-parallax="0.06">
+ <img src="assets/img/cutouts/bowl.webp" alt="" width="796" height="790" fetchpriority="high">
+ </div>
+ <div class="hero-float hero-float-tomatoes" data-parallax="0.2" data-rotate="14">
+ <img src="assets/img/cutouts/tomatoes.webp" alt="" loading="lazy">
+ </div>
+ <div class="hero-float hero-float-avocado" data-parallax="0.28" data-rotate="-16">
+ <img src="assets/img/cutouts/avocado.webp" alt="" loading="lazy">
+ </div>
+ <div class="hero-float hero-float-lime" data-parallax="0.12" data-rotate="8">
+ <img src="assets/img/cutouts/lime-bowl.webp" alt="" loading="lazy">
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="stats">
+ <div class="container stats-grid">
+ <div class="stat reveal">
+ <span class="stat-num" data-count="60" data-suffix="+">60+</span>
+ <span class="stat-label">Produce Varieties</span>
+ </div>
+ <div class="stat reveal" data-delay="140">
+ <span class="stat-num" data-count="2">2</span>
+ <span class="stat-label">Counties Served</span>
+ </div>
+ <div class="stat reveal" data-delay="280">
+ <span class="stat-num stat-num-word">Same-Day</span>
+ <span class="stat-label">Delivery on Every Order</span>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container">
+ <div class="value-grid">
+ <div class="value-card reveal">
+ <span class="card-num">01</span>
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <path d="M1 6h13v11H1z"/><path d="M14 9h4l4 4v4h-8z"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="19" r="2"/>
+ </svg>
+ <h3>Same Day Delivery</h3>
+ <p>Fresh produce delivered the same day, so your kitchen never waits on quality ingredients.</p>
+ </div>
+ <div class="value-card reveal" data-delay="140">
+ <span class="card-num">02</span>
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <path d="M12 2c4.5 3 8 6.5 8 12a8 8 0 0 1-16 0c0-5.5 3.5-9 8-12z"/><path d="M12 22V8"/>
+ </svg>
+ <h3>Superior Quality</h3>
+ <p>Every order is hand-selected and carefully handled — fresh, vibrant, and consistently top-notch.</p>
+ </div>
+ <div class="value-card reveal" data-delay="280">
+ <span class="card-num">03</span>
+ <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+ <circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>
+ </svg>
+ <h3>Convenience</h3>
+ <p>One call handles sourcing, logistics, and delivery — a seamless experience end to end.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container split reveal">
+ <div class="split-media">
+ <img src="assets/img/photo-produce.jpg" alt="Fresh vegetables and produce" loading="lazy">
+ </div>
+ <div>
+ <p class="eyebrow">Experience Unmatched Excellence in Every Detail</p>
+ <h2>Your Trusted Partner in Catering, Luxury, and Beyond</h2>
+ <p>What sets us apart is our unwavering dedication to hospitality, quality, value, and convenience. From our innovative technology to exceptional client service, we go above and beyond to exceed your expectations and deliver outstanding results.</p>
+ <p>At Prima Produce, we value relationships and consider all stakeholders as key partners. Our aim is to accommodate every party involved, striving for perfection in every aspect of our service.</p>
+ <a class="btn btn-primary" href="contact.html">Contact Us</a>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container split reverse reveal">
+ <div class="split-media">
+ <img src="assets/img/photo-event.jpg" alt="Fresh kale, avocados, and produce from grocery bags" loading="lazy">
+ <div class="split-accent split-accent-strawberry" data-parallax="0.2" data-rotate="10">
+ <img src="assets/img/cutouts/strawberry.webp" alt="" loading="lazy">
+ </div>
+ </div>
+ <div>
+ <p class="eyebrow">Built for a Changing Market</p>
+ <h2>Tailored Solutions for Growth and Success</h2>
+ <p>Our team of skilled professionals brings extensive expertise to every project. We work closely with our clients, understanding their unique needs and providing tailored solutions that drive growth and success.</p>
+ <p>If you’re in the catering, commissary, luxury hotel, or fine dining industry, Prima Produce is the ideal partner for you. Join us today and experience the convenience, quality, and value that sets us apart.</p>
+ <a class="btn btn-primary" href="contact.html">Become a Customer</a>
+ </div>
+ </div>
+ </section>
+
+ <section class="section testimonial">
+ <div class="container reveal">
+ <blockquote>
+ <div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
+ <p>“I’ve been sourcing my produce from Prima Produce for a while now, and I couldn’t be happier. The quality of the fruits and vegetables is consistently top-notch — fresh, vibrant, and great quality. Whether it’s a last-minute order or a special request, they always go the extra mile. They’ve earned my highest recommendation!”</p>
+ <cite>Chef Marcelo <span>Runyons, Coral Springs</span></cite>
+ </blockquote>
+ </div>
+ </section>
+
+ <section class="section mission">
+ <div class="container reveal">
+ <p class="eyebrow">Our Mission</p>
+ <h2>Revolutionizing the Produce Industry</h2>
+ <p>Our mission is to revolutionize the produce industry by providing a seamless and convenient platform that fosters strong relationships between farms and restaurant professionals. We strive to be the trusted concierge for marketing and logistics, utilizing innovative technology and exceptional service to deliver the highest quality produce with unmatched value and convenience.</p>
+ </div>
+ </section>
+
+ <section class="section brands">
+ <div class="container reveal">
+ <h2>Trusted Brands</h2>
+ <div class="brand-marquee">
+ <div class="brand-track">
+ <div class="brand-set">
+ <img src="assets/img/brand-andy-boy.png" alt="Andy Boy" loading="lazy">
+ <img src="assets/img/brand-chiquita.svg" alt="Chiquita" loading="lazy">
+ <img src="assets/img/brand-del-monte.png" alt="Del Monte" loading="lazy">
+ <img src="assets/img/brand-dole.png" alt="Dole" loading="lazy">
+ <img src="assets/img/brand-driscolls.png" alt="Driscoll's" loading="lazy">
+ <img src="assets/img/brand-glf.png" alt="GreenLife Farms" loading="lazy">
+ <img src="assets/img/brand-manns.png" alt="Mann's" loading="lazy">
+ <img src="assets/img/brand-natures-reward.png" alt="Nature's Reward" loading="lazy">
+ <img src="assets/img/brand-sselects.png" alt="Southern Selects" loading="lazy">
+ <img src="assets/img/brand-sunkist.png" alt="Sunkist" class="dark-tile" loading="lazy">
+ <img src="assets/img/brand-sunset.png" alt="Sunset" loading="lazy">
+ <img src="assets/img/brand-tanimura.png" alt="Tanimura & Antle" loading="lazy">
+ </div>
+ <div class="brand-set" aria-hidden="true">
+ <img src="assets/img/brand-andy-boy.png" alt="" loading="lazy">
+ <img src="assets/img/brand-chiquita.svg" alt="" loading="lazy">
+ <img src="assets/img/brand-del-monte.png" alt="" loading="lazy">
+ <img src="assets/img/brand-dole.png" alt="" loading="lazy">
+ <img src="assets/img/brand-driscolls.png" alt="" loading="lazy">
+ <img src="assets/img/brand-glf.png" alt="" loading="lazy">
+ <img src="assets/img/brand-manns.png" alt="" loading="lazy">
+ <img src="assets/img/brand-natures-reward.png" alt="" loading="lazy">
+ <img src="assets/img/brand-sselects.png" alt="" loading="lazy">
+ <img src="assets/img/brand-sunkist.png" alt="" class="dark-tile" loading="lazy">
+ <img src="assets/img/brand-sunset.png" alt="" loading="lazy">
+ <img src="assets/img/brand-tanimura.png" alt="" loading="lazy">
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container split reveal">
+ <div class="split-media">
+ <img src="assets/img/photo-salad.jpg" alt="Colorful bowl of fresh vegetables and grains" loading="lazy">
+ <div class="split-accent split-accent-tomatoes" data-parallax="0.22" data-rotate="12">
+ <img src="assets/img/cutouts/tomatoes.webp" alt="" loading="lazy">
+ </div>
+ </div>
+ <div>
+ <p class="eyebrow">A Dedicated Partner</p>
+ <h2>More Than Just a Distributor</h2>
+ <p>At Prima Produce, we are more than just a distributor—we are a dedicated partner committed to elevating your business. Our approach goes beyond simply delivering produce; we integrate advanced technology and personalized service to ensure that every client receives exactly what they need, when they need it.</p>
+ <p>Looking ahead, we’re excited to introduce new initiatives that will further support our customers by helping them grow their businesses.</p>
+ <a class="btn btn-primary" href="about.html">Learn More About Us</a>
+ </div>
+ </div>
+ </section>
+
+ <section class="section cta-band">
+ <div class="container reveal">
+ <h2>Become a Customer Today</h2>
+ <p>Experience the convenience, quality, and value that sets us apart. Serving Broward & Palm Beach Counties with same-day delivery.</p>
+ <div class="hero-actions">
+ <a class="btn btn-gold" href="tel:+19546370008">Call 954.637.0008</a>
+ <a class="btn btn-outline" href="contact.html">Get in Touch</a>
+ </div>
+ <p class="cta-note">Already a customer? <a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order online & view pricing</a></p>
+ </div>
+ </section>
+
+ </main>
+
+ <footer class="site-footer">
+ <div class="container">
+ <div class="footer-grid">
+ <div class="footer-brand">
+ <img src="assets/img/logo.png" alt="Prima Produce" loading="lazy">
+ <p>A produce marketing and logistics concierge connecting farms and food service professionals across Broward & Palm Beach Counties. Free shipping on orders over $100.</p>
+ </div>
+ <div>
+ <h4>Navigation</h4>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-contact">
+ <h4>Get in Touch</h4>
+ <ul>
+ <li><strong>Order by phone:</strong> <a href="tel:+19546370008">954.637.0008</a></li>
+ <li><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
+ <li><strong>Existing customers:</strong> <a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order online & view pricing</a></li>
+ <li>Serving Broward & Palm Beach Counties</li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-bottom">
+ <p>© 2026 Prima Produce. All rights reserved.</p>
+ </div>
+ </div>
+ </footer>
+
+ <script src="js/main.js"></script>
+</body>
+</html>
diff --git a/docs/prima/js/main.js b/docs/prima/js/main.js
new file mode 100644
index 0000000..ad426fd
--- /dev/null
+++ b/docs/prima/js/main.js
@@ -0,0 +1,180 @@
+document.documentElement.classList.add("js");
+
+const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+
+/* ---------- Mobile nav toggle ---------- */
+
+const navToggle = document.querySelector(".nav-toggle");
+const siteNav = document.querySelector(".site-nav");
+
+if (navToggle && siteNav) {
+ navToggle.addEventListener("click", () => {
+ const open = siteNav.classList.toggle("open");
+ navToggle.setAttribute("aria-expanded", String(open));
+ });
+}
+
+/* ---------- Staggered scroll reveal ---------- */
+
+const revealEls = document.querySelectorAll(".reveal");
+
+if ("IntersectionObserver" in window) {
+ revealEls.forEach((el) => {
+ if (el.dataset.delay) el.style.transitionDelay = el.dataset.delay + "ms";
+ });
+ const revealObserver = new IntersectionObserver(
+ (entries) => {
+ for (const entry of entries) {
+ if (entry.isIntersecting) {
+ entry.target.classList.add("visible");
+ revealObserver.unobserve(entry.target);
+ }
+ }
+ },
+ { threshold: 0.12, rootMargin: "0px 0px -4% 0px" }
+ );
+ revealEls.forEach((el) => revealObserver.observe(el));
+} else {
+ revealEls.forEach((el) => el.classList.add("visible"));
+}
+
+/* ---------- Count-up stats ---------- */
+
+const countEls = document.querySelectorAll("[data-count]");
+
+function runCount(el) {
+ const target = parseInt(el.dataset.count, 10);
+ const suffix = el.dataset.suffix || "";
+ const duration = 1300;
+ const start = performance.now();
+ function frame(now) {
+ const t = Math.min((now - start) / duration, 1);
+ const eased = 1 - Math.pow(1 - t, 3);
+ el.textContent = Math.round(target * eased) + suffix;
+ if (t < 1) requestAnimationFrame(frame);
+ }
+ requestAnimationFrame(frame);
+}
+
+if (countEls.length) {
+ if (reducedMotion || !("IntersectionObserver" in window)) {
+ countEls.forEach((el) => {
+ el.textContent = el.dataset.count + (el.dataset.suffix || "");
+ });
+ } else {
+ const countObserver = new IntersectionObserver(
+ (entries) => {
+ for (const entry of entries) {
+ if (entry.isIntersecting) {
+ runCount(entry.target);
+ countObserver.unobserve(entry.target);
+ }
+ }
+ },
+ { threshold: 0.6 }
+ );
+ countEls.forEach((el) => countObserver.observe(el));
+ }
+}
+
+/* ---------- Parallax drift (decorative cutouts) ---------- */
+
+const parallaxItems = [];
+
+if (!reducedMotion && "IntersectionObserver" in window) {
+ document.querySelectorAll("[data-parallax]").forEach((el) => {
+ parallaxItems.push({
+ el,
+ speed: parseFloat(el.dataset.parallax) || 0.15,
+ rotate: parseFloat(el.dataset.rotate) || 0,
+ top: 0,
+ height: 0,
+ y: 0,
+ visible: false,
+ });
+ });
+}
+
+if (parallaxItems.length) {
+ const gate = new IntersectionObserver(
+ (entries) => {
+ for (const entry of entries) {
+ const item = parallaxItems.find((p) => p.el === entry.target);
+ if (item) item.visible = entry.isIntersecting;
+ }
+ },
+ { rootMargin: "20% 0px 20% 0px" }
+ );
+ parallaxItems.forEach((p) => gate.observe(p.el));
+
+ function measure() {
+ for (const p of parallaxItems) {
+ const rect = p.el.getBoundingClientRect();
+ p.top = rect.top + window.scrollY - p.y;
+ p.height = rect.height;
+ }
+ }
+
+ let ticking = false;
+
+ function render() {
+ ticking = false;
+ const vh = window.innerHeight;
+ const sc = window.scrollY;
+ for (const p of parallaxItems) {
+ if (!p.visible) continue;
+ const fromCenter = p.top + p.height / 2 - sc - vh / 2;
+ p.y = fromCenter * -p.speed;
+ const deg = p.rotate * (fromCenter / vh);
+ p.el.style.transform =
+ "translate3d(0," + p.y.toFixed(1) + "px,0) rotate(" + deg.toFixed(2) + "deg)";
+ }
+ }
+
+ function requestRender() {
+ if (!ticking) {
+ ticking = true;
+ requestAnimationFrame(render);
+ }
+ }
+
+ measure();
+ render();
+ window.addEventListener("scroll", requestRender, { passive: true });
+ window.addEventListener("resize", () => {
+ measure();
+ requestRender();
+ });
+}
+
+/* ---------- Smart header (hide on scroll down, show on scroll up) ---------- */
+
+const header = document.querySelector(".site-header");
+
+if (header && !reducedMotion) {
+ let lastY = window.scrollY;
+ let headerTicking = false;
+
+ function updateHeader() {
+ headerTicking = false;
+ const y = window.scrollY;
+ const navOpen = siteNav && siteNav.classList.contains("open");
+ if (!navOpen && y > 180 && y > lastY + 6) {
+ header.classList.add("header-hidden");
+ } else if (y < lastY - 6 || y <= 180) {
+ header.classList.remove("header-hidden");
+ }
+ lastY = y;
+ }
+
+ window.addEventListener(
+ "scroll",
+ () => {
+ if (!headerTicking) {
+ headerTicking = true;
+ requestAnimationFrame(updateHeader);
+ }
+ },
+ { passive: true }
+ );
+}
diff --git a/docs/prima/products.html b/docs/prima/products.html
new file mode 100644
index 0000000..ed338cb
--- /dev/null
+++ b/docs/prima/products.html
@@ -0,0 +1,232 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Products - Prima Produce</title>
+ <meta name="description" content="Browse Prima Produce's full product list: fresh fruits, vegetables, roots, and herbs delivered same day across Broward & Palm Beach Counties.">
+ <link rel="canonical" href="https://primaproducefl.com/products.html">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Prima Produce">
+ <meta property="og:title" content="Products - Prima Produce">
+ <meta property="og:description" content="Fresh fruits, vegetables, roots, and herbs delivered same day across Broward & Palm Beach Counties.">
+ <meta property="og:url" content="https://primaproducefl.com/products.html">
+ <meta property="og:image" content="https://primaproducefl.com/assets/img/hero.jpg">
+ <link rel="icon" type="image/png" href="assets/img/favicon.png">
+ <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=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Inter:[email protected]&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+ <a class="skip-link" href="#main">Skip to content</a>
+
+ <div class="ticker" aria-hidden="true">
+ <div class="ticker-track">
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ </div>
+ </div>
+
+ <header class="site-header">
+ <div class="container header-inner">
+ <a class="brand" href="index.html">
+ <img src="assets/img/logo.png" alt="Prima Produce" width="180" height="46">
+ </a>
+ <nav class="site-nav" id="site-nav" aria-label="Main navigation">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html" aria-current="page">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ <li class="nav-portal"><a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a></li>
+ </ul>
+ </nav>
+ <div class="header-cta">
+ <p class="header-phone">
+ <span class="label">Order by phone</span>
+ <a href="tel:+19546370008">954.637.0008</a>
+ </p>
+ <a class="btn btn-gold header-portal" href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a>
+ <button class="nav-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </button>
+ </div>
+ </div>
+ </header>
+
+ <main id="main">
+
+ <section class="page-banner page-banner-products">
+ <div class="container banner-grid">
+ <div>
+ <p class="eyebrow">Fresh Daily</p>
+ <h1>Our <span class="accent">Products</span></h1>
+ <p>Hand-selected fruits, vegetables, roots, and herbs — delivered same day. Don’t see what you need? Call us and we’ll source it.</p>
+ <div class="hero-actions">
+ <a class="btn btn-gold" href="https://prima.vegy.app/public_catalog" target="_blank" rel="noopener">View Full Catalog</a>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container">
+
+ <div class="product-category reveal">
+ <header>
+ <h2>Fruits</h2>
+ <span class="count">13 varieties</span>
+ </header>
+ <ul class="product-grid">
+ <li>Apples</li>
+ <li>Avocado</li>
+ <li>Banana</li>
+ <li>Berries</li>
+ <li>Citrus</li>
+ <li>Grapes</li>
+ <li>Kiwi</li>
+ <li>Mango</li>
+ <li>Melons</li>
+ <li>Oranges</li>
+ <li>Pineapple</li>
+ <li>Tomatillo</li>
+ <li>Tomatoes</li>
+ </ul>
+ </div>
+
+ <div class="product-category reveal">
+ <header>
+ <h2>Vegetables</h2>
+ <span class="count">24 varieties</span>
+ </header>
+ <ul class="product-grid">
+ <li>Artichoke</li>
+ <li>Arugula Baby</li>
+ <li>Asparagus</li>
+ <li>Beans Green</li>
+ <li>Broccoli</li>
+ <li>Broccoli Rabe</li>
+ <li>Brussels Sprouts</li>
+ <li>Cabbage</li>
+ <li>Carrots Baby</li>
+ <li>Cauliflower</li>
+ <li>Celery</li>
+ <li>Corn</li>
+ <li>Cucumber</li>
+ <li>Haricot Verts</li>
+ <li>Kale</li>
+ <li>Leek</li>
+ <li>Lettuce</li>
+ <li>Lettuce Hydro</li>
+ <li>Mushrooms</li>
+ <li>Peas</li>
+ <li>Peppers</li>
+ <li>Scallions</li>
+ <li>Spinach</li>
+ <li>Squash</li>
+ </ul>
+ </div>
+
+ <div class="product-category reveal">
+ <header>
+ <h2>Roots</h2>
+ <span class="count">14 varieties</span>
+ </header>
+ <ul class="product-grid">
+ <li>Beets</li>
+ <li>Carrots</li>
+ <li>Garlic</li>
+ <li>Ginger</li>
+ <li>Horseradish</li>
+ <li>Jicama</li>
+ <li>Onion</li>
+ <li>Parsnip</li>
+ <li>Potato</li>
+ <li>Radish</li>
+ <li>Rutabaga</li>
+ <li>Turmeric</li>
+ <li>Turnip</li>
+ <li>Yuca</li>
+ </ul>
+ </div>
+
+ <div class="product-category reveal">
+ <header>
+ <h2>Herbs</h2>
+ <span class="count">9 varieties</span>
+ </header>
+ <ul class="product-grid">
+ <li>Basil</li>
+ <li>Chervil</li>
+ <li>Chives</li>
+ <li>Cilantro</li>
+ <li>Dill</li>
+ <li>Mint</li>
+ <li>Oregano</li>
+ <li>Parsley</li>
+ <li>Rosemary</li>
+ </ul>
+ </div>
+
+ </div>
+ </section>
+
+ <section class="section cta-band">
+ <div class="container reveal">
+ <h2>Ready to Order?</h2>
+ <p>Same-day delivery across Broward & Palm Beach Counties. Free shipping on orders over $100.</p>
+ <div class="hero-actions">
+ <a class="btn btn-gold" href="tel:+19546370008">Call 954.637.0008</a>
+ <a class="btn btn-outline" href="contact.html">Get in Touch</a>
+ </div>
+ </div>
+ </section>
+
+ </main>
+
+ <footer class="site-footer">
+ <div class="container">
+ <div class="footer-grid">
+ <div class="footer-brand">
+ <img src="assets/img/logo.png" alt="Prima Produce" loading="lazy">
+ <p>A produce marketing and logistics concierge connecting farms and food service professionals across Broward & Palm Beach Counties. Free shipping on orders over $100.</p>
+ </div>
+ <div>
+ <h4>Navigation</h4>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-contact">
+ <h4>Get in Touch</h4>
+ <ul>
+ <li><strong>Order by phone:</strong> <a href="tel:+19546370008">954.637.0008</a></li>
+ <li><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
+ <li><strong>Existing customers:</strong> <a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order online & view pricing</a></li>
+ <li>Serving Broward & Palm Beach Counties</li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-bottom">
+ <p>© 2026 Prima Produce. All rights reserved.</p>
+ </div>
+ </div>
+ </footer>
+
+ <script src="js/main.js"></script>
+</body>
+</html>
diff --git a/docs/prima/service-areas.html b/docs/prima/service-areas.html
new file mode 100644
index 0000000..7381d3b
--- /dev/null
+++ b/docs/prima/service-areas.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Service Areas - Prima Produce</title>
+ <meta name="description" content="Prima Produce delivers fresh produce same day throughout Broward & Palm Beach Counties, from Fort Lauderdale to West Palm Beach. Free shipping on orders over $100.">
+ <link rel="canonical" href="https://primaproducefl.com/service-areas.html">
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Prima Produce">
+ <meta property="og:title" content="Service Areas - Prima Produce">
+ <meta property="og:description" content="Same-day produce delivery throughout Broward & Palm Beach Counties. Free shipping on orders over $100.">
+ <meta property="og:url" content="https://primaproducefl.com/service-areas.html">
+ <meta property="og:image" content="https://primaproducefl.com/assets/img/hero.jpg">
+ <link rel="icon" type="image/png" href="assets/img/favicon.png">
+ <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=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&family=Inter:[email protected]&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+ <a class="skip-link" href="#main">Skip to content</a>
+
+ <div class="ticker" aria-hidden="true">
+ <div class="ticker-track">
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ <span>Free shipping on orders over $100</span>
+ <span>Serving Broward & Palm Beach Counties</span>
+ <span>Fresh Produce Delivered Same Day</span>
+ <span>Trusted by Top Restaurants & Hotels</span>
+ </div>
+ </div>
+
+ <header class="site-header">
+ <div class="container header-inner">
+ <a class="brand" href="index.html">
+ <img src="assets/img/logo.png" alt="Prima Produce" width="180" height="46">
+ </a>
+ <nav class="site-nav" id="site-nav" aria-label="Main navigation">
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html" aria-current="page">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ <li class="nav-portal"><a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a></li>
+ </ul>
+ </nav>
+ <div class="header-cta">
+ <p class="header-phone">
+ <span class="label">Order by phone</span>
+ <a href="tel:+19546370008">954.637.0008</a>
+ </p>
+ <a class="btn btn-gold header-portal" href="https://prima.vegy.app/" target="_blank" rel="noopener">Order Online</a>
+ <button class="nav-toggle" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </button>
+ </div>
+ </div>
+ </header>
+
+ <main id="main">
+
+ <section class="page-banner page-banner-service-areas">
+ <div class="container banner-grid">
+ <div>
+ <p class="eyebrow">South Florida</p>
+ <h1>Service <span class="accent">Areas</span></h1>
+ <p>Same-day produce delivery throughout Broward & Palm Beach Counties. If your kitchen is in South Florida, we’ve got you covered.</p>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container">
+
+ <div class="product-category reveal">
+ <header>
+ <h2>Broward County</h2>
+ <span class="count">Same-day delivery</span>
+ </header>
+ <ul class="product-grid">
+ <li>Fort Lauderdale</li>
+ <li>Hollywood</li>
+ <li>Pembroke Pines</li>
+ <li>Coral Springs</li>
+ <li>Pompano Beach</li>
+ <li>Davie</li>
+ <li>Plantation</li>
+ <li>Sunrise</li>
+ <li>Weston</li>
+ <li>Deerfield Beach</li>
+ <li>Parkland</li>
+ <li>Hallandale Beach</li>
+ </ul>
+ </div>
+
+ <div class="product-category reveal">
+ <header>
+ <h2>Palm Beach County</h2>
+ <span class="count">Same-day delivery</span>
+ </header>
+ <ul class="product-grid">
+ <li>West Palm Beach</li>
+ <li>Boca Raton</li>
+ <li>Delray Beach</li>
+ <li>Boynton Beach</li>
+ <li>Jupiter</li>
+ <li>Palm Beach Gardens</li>
+ <li>Wellington</li>
+ <li>Lake Worth Beach</li>
+ <li>Royal Palm Beach</li>
+ <li>Palm Beach</li>
+ </ul>
+ </div>
+
+ <p class="section-intro">Don’t see your city listed? If you’re anywhere in Broward or Palm Beach County, we deliver to you — give us a call at <a href="tel:+19546370008">954.637.0008</a> to confirm your route.</p>
+
+ </div>
+ </section>
+
+ <section class="section cta-band">
+ <div class="container reveal">
+ <h2>Fresh Produce, Delivered to Your Door</h2>
+ <p>Same-day delivery for restaurants, caterers, commissaries, and hotels. Free shipping on orders over $100.</p>
+ <div class="hero-actions">
+ <a class="btn btn-gold" href="tel:+19546370008">Call 954.637.0008</a>
+ <a class="btn btn-outline" href="contact.html">Get in Touch</a>
+ </div>
+ </div>
+ </section>
+
+ </main>
+
+ <footer class="site-footer">
+ <div class="container">
+ <div class="footer-grid">
+ <div class="footer-brand">
+ <img src="assets/img/logo.png" alt="Prima Produce" loading="lazy">
+ <p>A produce marketing and logistics concierge connecting farms and food service professionals across Broward & Palm Beach Counties. Free shipping on orders over $100.</p>
+ </div>
+ <div>
+ <h4>Navigation</h4>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="products.html">Products</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service-areas.html">Service Areas</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </div>
+ <div class="footer-contact">
+ <h4>Get in Touch</h4>
+ <ul>
+ <li><strong>Order by phone:</strong> <a href="tel:+19546370008">954.637.0008</a></li>
+ <li><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></li>
+ <li><strong>Existing customers:</strong> <a href="https://prima.vegy.app/" target="_blank" rel="noopener">Order online & view pricing</a></li>
+ <li>Serving Broward & Palm Beach Counties</li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer-bottom">
+ <p>© 2026 Prima Produce. All rights reserved.</p>
+ </div>
+ </div>
+ </footer>
+
+ <script src="js/main.js"></script>
+</body>
+</html>