<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <title>Botanicals & Aromatics – Precision Botanical Science for Modern Wellness</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <meta name="description" content="Botanicals & Aromatics – lab-grade terpene isolates, strain profiles, and natural wellness products for modern health and lifestyle innovation." />

  <style>

    :root {

      --bg: #f7f7f4;

      --bg-alt: #ffffff;

      --primary: #3b7c5b;

      --primary-dark: #285542;

      --accent: #c7a76b;

      --text: #222222;

      --muted: #666666;

      --border: #e0e0dd;

      --danger: #b23b3b;

      --radius: 8px;

      --shadow-soft: 0 8px 20px rgba(0,0,0,0.06);

      --max-width: 1100px;

    }

 

    * {

      box-sizing: border-box;

      margin: 0;

      padding: 0;

    }

 

    body {

      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

      background: var(--bg);

      color: var(--text);

      line-height: 1.6;

    }

 

    a {

      color: var(--primary);

      text-decoration: none;

    }

 

    a:hover {

      text-decoration: underline;

    }

 

    .page {

      min-height: 100vh;

      display: flex;

      flex-direction: column;

    }

 

    header {

      background: var(--bg-alt);

      border-bottom: 1px solid var(--border);

      box-shadow: var(--shadow-soft);

      position: sticky;

      top: 0;

      z-index: 10;

    }

 

    .header-inner {

      max-width: var(--max-width);

      margin: 0 auto;

      padding: 0.75rem 1.25rem;

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 1rem;

    }

 

    .brand {

      display: flex;

      flex-direction: column;

    }

 

    .brand-title {

      font-size: 1.1rem;

      font-weight: 700;

      letter-spacing: 0.04em;

      text-transform: uppercase;

      color: var(--primary-dark);

    }

 

    .brand-subtitle {

      font-size: 0.8rem;

      color: var(--muted);

    }

 

    nav {

      display: flex;

      gap: 1rem;

      font-size: 0.9rem;

    }

 

    nav a {

      padding: 0.35rem 0.6rem;

      border-radius: 999px;

      transition: background 0.2s, color 0.2s;

    }

 

    nav a:hover {

      background: var(--primary);

      color: #fff;

      text-decoration: none;

    }

 

    .hero {

      background: linear-gradient(135deg, #f0f5f1, #fdfaf4);

      border-bottom: 1px solid var(--border);

    }

 

    .hero-inner {

      max-width: var(--max-width);

      margin: 0 auto;

      padding: 2.5rem 1.25rem 2rem;

      display: grid;

      grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.8fr);

      gap: 2rem;

      align-items: center;

    }

 

    .hero-title {

      font-size: 2rem;

      font-weight: 700;

      color: var(--primary-dark);

      margin-bottom: 0.5rem;

    }

 

    .hero-tagline {

      font-size: 1rem;

      color: var(--muted);

      margin-bottom: 1.25rem;

    }

 

    .hero-actions {

      display: flex;

      flex-wrap: wrap;

      gap: 0.75rem;

      margin-bottom: 1.25rem;

    }

 

    .btn {

      display: inline-flex;

      align-items: center;

      justify-content: center;

      padding: 0.6rem 1.1rem;

      border-radius: 999px;

      border: 1px solid transparent;

      font-size: 0.9rem;

      cursor: pointer;

      transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;

    }

 

    .btn-primary {

      background: var(--primary);

      color: #fff;

      border-color: var(--primary);

      box-shadow: var(--shadow-soft);

    }

 

    .btn-primary:hover {

      background: var(--primary-dark);

      border-color: var(--primary-dark);

    }

 

    .btn-outline {

      background: transparent;

      color: var(--primary-dark);

      border-color: var(--primary);

    }

 

    .btn-outline:hover {

      background: var(--primary);

      color: #fff;

    }

 

    .hero-note {

      font-size: 0.85rem;

      color: var(--muted);

    }

 

    .hero-note strong {

      color: var(--primary-dark);

    }

 

    .hero-card {

      background: var(--bg-alt);

      border-radius: var(--radius);

      padding: 1.5rem;

      box-shadow: var(--shadow-soft);

      border: 1px solid var(--border);

    }

 

    .hero-card-title {

      font-size: 0.95rem;

      font-weight: 600;

      color: var(--primary-dark);

      margin-bottom: 0.75rem;

      text-transform: uppercase;

      letter-spacing: 0.06em;

    }

 

    .hero-card-list {

      list-style: none;

      font-size: 0.85rem;

      color: var(--muted);

    }

 

    .hero-card-list li + li {

      margin-top: 0.4rem;

    }

 

    main {

      flex: 1;

    }

 

    section {

      max-width: var(--max-width);

      margin: 0 auto;

      padding: 2rem 1.25rem;

    }

 

    .section-title {

      font-size: 1.4rem;

      font-weight: 700;

      color: var(--primary-dark);

      margin-bottom: 0.75rem;

    }

 

    .section-subtitle {

      font-size: 0.95rem;

      color: var(--muted);

      margin-bottom: 1.5rem;

    }

 

    .grid-4 {

      display: grid;

      grid-template-columns: repeat(4, minmax(0, 1fr));

      gap: 1rem;

    }

 

    .grid-3 {

      display: grid;

      grid-template-columns: repeat(3, minmax(0, 1fr));

      gap: 1rem;

    }

 

    .grid-2 {

      display: grid;

      grid-template-columns: repeat(2, minmax(0, 1fr));

      gap: 1rem;

    }

 

    .card {

      background: var(--bg-alt);

      border-radius: var(--radius);

      padding: 1.1rem;

      border: 1px solid var(--border);

      box-shadow: var(--shadow-soft);

    }

 

    .card-title {

      font-size: 0.95rem;

      font-weight: 600;

      color: var(--primary-dark);

      margin-bottom: 0.4rem;

    }

 

    .card-text {

      font-size: 0.85rem;

      color: var(--muted);

    }

 

    .pill {

      display: inline-block;

      font-size: 0.75rem;

      padding: 0.2rem 0.6rem;

      border-radius: 999px;

      background: #eef5f0;

      color: var(--primary-dark);

      margin-bottom: 0.4rem;

    }

 

    .about-layout {

      display: grid;

      grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr);

      gap: 1.5rem;

      align-items: flex-start;

    }

 

    .about-text p + p {

      margin-top: 0.7rem;

    }

 

    .list-check {

      list-style: none;

      font-size: 0.85rem;

      color: var(--muted);

    }

 

    .list-check li {

      position: relative;

      padding-left: 1.3rem;

    }

 

    .list-check li::before {

      content: "✓";

      position: absolute;

      left: 0;

      top: 0;

      color: var(--primary-dark);

      font-size: 0.85rem;

    }

 

    .list-check li + li {

      margin-top: 0.4rem;

    }

 

    .products-grid {

      display: grid;

      grid-template-columns: repeat(4, minmax(0, 1fr));

      gap: 1rem;

    }

 

    .product-card {

      background: var(--bg-alt);

      border-radius: var(--radius);

      border: 1px solid var(--border);

      box-shadow: var(--shadow-soft);

      padding: 1rem;

      display: flex;

      flex-direction: column;

      gap: 0.4rem;

      font-size: 0.85rem;

    }

 

    .product-tag {

      font-size: 0.75rem;

      color: var(--danger);

      font-weight: 600;

      text-transform: uppercase;

      letter-spacing: 0.06em;

    }

 

    .product-name {

      font-size: 0.95rem;

      font-weight: 600;

      color: var(--primary-dark);

    }

 

    .product-category {

      font-size: 0.8rem;

      color: var(--muted);

    }

 

    .product-price {

      font-size: 0.9rem;

      font-weight: 600;

      color: var(--primary-dark);

    }

 

    .product-price span {

      text-decoration: line-through;

      color: var(--muted);

      font-weight: 400;

      margin-right: 0.3rem;

    }

 

    .product-stock {

      font-size: 0.75rem;

      color: var(--muted);

    }

 

    .product-actions {

      margin-top: 0.4rem;

    }

 

    .product-actions .btn {

      width: 100%;

      justify-content: center;

    }

 

    .testimonials-grid {

      display: grid;

      grid-template-columns: repeat(3, minmax(0, 1fr));

      gap: 1rem;

    }

 

    .testimonial-card {

      background: var(--bg-alt);

      border-radius: var(--radius);

      border: 1px solid var(--border);

      box-shadow: var(--shadow-soft);

      padding: 1rem;

      font-size: 0.85rem;

    }

 

    .testimonial-text {

      color: var(--muted);

      margin-bottom: 0.6rem;

    }

 

    .testimonial-name {

      font-weight: 600;

      color: var(--primary-dark);

      font-size: 0.85rem;

    }

 

    .testimonial-location {

      font-size: 0.8rem;

      color: var(--muted);

    }

 

    .raw-materials-list {

      list-style: none;

      font-size: 0.85rem;

      color: var(--muted);

    }

 

    .raw-materials-list li + li {

      margin-top: 0.4rem;

    }

 

    .cta-banner {

      background: linear-gradient(135deg, #f0f5f1, #fdfaf4);

      border-radius: var(--radius);

      border: 1px solid var(--border);

      padding: 1.5rem;

      text-align: center;

      box-shadow: var(--shadow-soft);

      margin-top: 1rem;

    }

 

    .cta-banner p {

      font-size: 0.9rem;

      color: var(--muted);

      margin-bottom: 0.8rem;

    }

 

    footer {

      background: #111111;

      color: #dddddd;

      margin-top: 2rem;

    }

 

    .footer-inner {

      max-width: var(--max-width);

      margin: 0 auto;

      padding: 1.75rem 1.25rem 1.25rem;

      display: grid;

      grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) minmax(0, 1.2fr);

      gap: 1.5rem;

      font-size: 0.85rem;

    }

 

    .footer-title {

      font-size: 0.9rem;

      font-weight: 600;

      margin-bottom: 0.6rem;

    }

 

    .footer-links {

      list-style: none;

    }

 

    .footer-links li + li {

      margin-top: 0.3rem;

    }

 

    .footer-links a {

      color: #dddddd;

    }

 

    .footer-links a:hover {

      color: #ffffff;

      text-decoration: underline;

    }

 

    .footer-contact p + p {

      margin-top: 0.3rem;

    }

 

    .footer-bottom {

      max-width: var(--max-width);

      margin: 0 auto;

      padding: 0.75rem 1.25rem 1.25rem;

      font-size: 0.75rem;

      color: #aaaaaa;

      border-top: 1px solid #222222;

      display: flex;

      flex-wrap: wrap;

      justify-content: space-between;

      gap: 0.5rem;

    }

 

    .footer-bottom span {

      display: block;

    }

 

    @media (max-width: 900px) {

      .hero-inner {

        grid-template-columns: minmax(0, 1fr);

      }

      .about-layout {

        grid-template-columns: minmax(0, 1fr);

      }

      .grid-4,

      .products-grid,

      .testimonials-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

      }

      .footer-inner {

        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

      }

    }

 

    @media (max-width: 600px) {

      nav {

        display: none;

      }

      .grid-4,

      .products-grid,

      .testimonials-grid,

      .grid-3,

      .grid-2 {

        grid-template-columns: minmax(0, 1fr);

      }

      .footer-inner {

        grid-template-columns: minmax(0, 1fr);

      }

    }

  </style>

</head>

<body>

<div class="page">

 

  <!-- HEADER -->

  <header>

    <div class="header-inner">

      <div class="brand">

        <span class="brand-title">Botanicals & Aromatics</span>

        <span class="brand-subtitle">Precision Botanical Science for Modern Wellness</span>

      </div>

      <nav>

        <a href="#products">Shop</a>

        <a href="#categories">Product Categories</a>

        <a href="#about">About</a>

        <a href="#turbo">Turboterps</a>

        <a href="#contact">Contact</a>

      </nav>

    </div>

  </header>

 

  <!-- HERO -->

  <section class="hero">

    <div class="hero-inner">

      <div>

        <h1 class="hero-title">Lab-grade terpene isolates & natural wellness products.</h1>

        <p class="hero-tagline">

          Strain profiles, botanical blends, and wellness-focused formulations designed for modern health and lifestyle innovation.

        </p>

        <div class="hero-actions">

          <a href="#products" class="btn btn-primary">Shop Now</a>

          <a href="#about" class="btn btn-outline">Read Our Full Story</a>

        </div>

        <p class="hero-note">

          <strong>UK & EU Orders:</strong> Dispatched from our UK distribution centre, typically within 3 working days.<br />

          <strong>Africa Orders:</strong> Dispatched from our Durban distribution centre, typically within 3 business days.

        </p>

      </div>

      <aside class="hero-card">

        <div class="hero-card-title">Premium Botanical Formulations</div>

        <ul class="hero-card-list">

          <li>Science-led terpene development</li>

          <li>Lab-grade quality standards</li>

          <li>Naturally derived ingredients</li>

          <li>Wellness innovation focus</li>

        </ul>

      </aside>

    </div>

  </section>

 

  <main>

 

    <!-- PRODUCT CATEGORIES -->

    <section id="categories">

      <h2 class="section-title">Explore Our Product Categories</h2>

      <p class="section-subtitle">

        Discover our specialized ranges, from lab-grade isolates to lifestyle-focused botanical blends.

      </p>

      <div class="grid-4">

        <div class="card">

          <div class="pill">Terpene Isolates</div>

          <div class="card-title">Pure Botanical Terpene Isolates</div>

          <p class="card-text">

            ENTER HERE FOR PURE BOTANICAL TERPENE ISOLATES – ideal for research, formulation, and advanced aromatic applications.

          </p>

        </div>

        <div class="card">

          <div class="pill">Alternative Health Products</div>

          <div class="card-title">New Healthy Lifestyle Essentials</div>

          <p class="card-text">

            ENTER HERE FOR YOUR NEW HEALTHY LIFESTYLE – targeted wellness products supporting modern health routines.

          </p>

        </div>

        <div class="card">

          <div class="pill">Terpene Strains</div>

          <div class="card-title">Pure Flavour Terps</div>

          <p class="card-text">

            ENTER HERE FOR PURE FLAVOUR TERPS – strain-inspired aromatic profiles for bold, flavour-forward experiences.

          </p>

        </div>

        <div class="card">

          <div class="pill">Natural Extracts</div>

          <div class="card-title">Nature’s Remedies</div>

          <p class="card-text">

            ENTER HERE FOR THE BEST OF NATURE’S REMEDIES – botanical extracts and aromatics inspired by traditional plant wisdom.

          </p>

        </div>

      </div>

    </section>

 

    <!-- ABOUT -->

    <section id="about">

      <h2 class="section-title">About Botanicals & Aromatics</h2>

      <div class="about-layout">

        <div class="about-text">

          <p>

            Botanicals & Aromatics is a premium supplier and developer of high-quality terpene isolates, aromatic compounds,

            botanical blends, and natural wellness products, serving both retail and wholesale markets across the UK, with

            expansion into South Africa and the EU underway.

          </p>

          <p>

            Built on a foundation of quality, innovation, and consistency, we specialise in sourcing and formulating distinctive

            aromatic solutions inspired by nature and refined through modern formulation expertise.

          </p>

          <p>

            Our product range includes terpene isolates, essential aromatics, botanical ingredients, custom aromatic blends,

            and wellness-focused products designed for fragrance, flavour, diffuser, cosmetic, research, and general aromatic applications.

          </p>

          <p>

            As the parent company behind <strong>Turbo Terps</strong>, our signature terpene profile range, we develop premium

            strain-inspired terpene formulations crafted to capture the complex aromatic character of popular modern profiles

            in a refined, compliance-conscious format.

          </p>

          <p>

            At Botanicals & Aromatics, we believe premium quality should be accessible. By combining direct sourcing, efficient

            operations, and careful product development, we offer high-grade products at highly competitive pricing without

            compromising on purity, performance, or consistency.

          </p>

          <p>

            Whether supplying individual customers, independent brands, or large-scale wholesale buyers, our focus remains the same:

            reliable quality, authentic aromatic profiles, and innovative botanical solutions designed for modern markets.

          </p>

        </div>

        <aside>

          <h3 class="section-title" style="font-size:1.05rem;">Why Choose Us</h3>

          <ul class="list-check">

            <li>Lab-grade formulation standards</li>

            <li>Consistent quality control processes</li>

            <li>Naturally derived botanical sourcing</li>

            <li>Research-driven product development</li>

            <li>Trusted wellness supply partner</li>

          </ul>

        </aside>

      </div>

    </section>

 

    <!-- BESTSELLING PRODUCTS -->

    <section id="products">

      <h2 class="section-title">Bestselling Products</h2>

      <p class="section-subtitle">

        A selection of our popular wellness-focused formulations. View all inventory for the full range.

      </p>

      <div class="products-grid">

        <!-- Berberine -->

        <article class="product-card">

          <div class="product-tag">Sale</div>

          <div class="product-name">Berberine Liquid Drops</div>

          <div class="product-category">Alternative Health Products</div>

          <p class="card-text">

            Key Benefits: Supports healthy glucose levels and helps maintain balanced blood sugar.

          </p>

          <div class="product-price">

            <span>£13.99</span> £9.99

          </div>

          <div class="product-actions">

            <button class="btn btn-primary">Add to cart</button>

          </div>

        </article>

 

        <!-- Black Walnut -->

        <article class="product-card">

          <div class="product-tag">Sale</div>

          <div class="product-name">Black Walnut Gut Health Remedy</div>

          <div class="product-category">Alternative Health Products</div>

          <p class="card-text">

            Experience the versatility of Black Walnut – a rare gem in gut health and wellness support.

          </p>

          <div class="product-price">

            <span>£11.99</span> £9.99

          </div>

          <div class="product-actions">

            <button class="btn btn-primary">Add to cart</button>

          </div>

        </article>

 

        <!-- Collagen Peptides -->

        <article class="product-card">

          <div class="product-tag">Sale</div>

          <div class="product-name">Collagen Peptides Powder</div>

          <div class="product-category">Alternative Health Products</div>

          <p class="card-text">

            Premium collagen peptides powder designed to support skin, hair, and joint wellness.

          </p>

          <div class="product-price">

            <span>£16.99</span> £14.99

          </div>

          <div class="product-stock">10 in stock</div>

          <div class="product-actions">

            <button class="btn btn-primary">Add to cart</button>

          </div>

        </article>

 

        <!-- GLP Slimming Patches -->

        <article class="product-card">

          <div class="product-name">GLP Slimming Patches (Pack of 30)</div>

          <div class="product-category">Alternative Health Products</div>

          <p class="card-text">

            GLP-1 Support Patches offer a convenient and innovative way to support your weight management journey.

          </p>

          <div class="product-price">

            £6.99 – £26.99

          </div>

          <div class="product-stock">30 in stock</div>

          <div class="product-actions">

            <button class="btn btn-outline">Select options</button>

          </div>

        </article>

      </div>

    </section>

 

    <!-- TURBOTERPS -->

    <section id="turbo">

      <h2 class="section-title">What is Turboterps?</h2>

      <p class="section-subtitle">

        Turboterps is our consumer-focused terpene line designed to deliver strain-inspired aroma and wellness experiences.

      </p>

      <div class="grid-2">

        <div class="card">

          <div class="card-title">Lifestyle-Oriented Formulations</div>

          <p class="card-text">

            Unlike lab isolates, Turboterps blends botanical science with lifestyle-oriented formulations, crafted for enthusiasts,

            creators, and manufacturers seeking bold, expressive aromatic profiles.

          </p>

        </div>

        <div class="card">

          <div class="card-title">Compliance-Conscious Profiles</div>

          <p class="card-text">

            Each profile is developed to capture complex strain-inspired character in a clean, professional, compliance-conscious format,

            suitable for modern wellness and aroma applications.

          </p>

        </div>

      </div>

    </section>

 

    <!-- TESTIMONIALS -->

    <section>

      <h2 class="section-title">Trusted by Wellness Professionals</h2>

      <p class="section-subtitle">

        Real stories from people who’ve shared good times at Seven Stars.

      </p>

      <div class="testimonials-grid">

        <article class="testimonial-card">

          <p class="testimonial-text">

            “Amazing results after my microneedling sessions. My skin texture has completely transformed and I feel so much more confident.”

          </p>

          <div class="testimonial-name">Emma Slex</div>

          <div class="testimonial-location">United Kingdom</div>

        </article>

        <article class="testimonial-card">

          <p class="testimonial-text">

            “Kaye made me feel comfortable from the moment I walked in. She explained everything thoroughly and the results are incredible.”

          </p>

          <div class="testimonial-name">Alex Smith</div>

          <div class="testimonial-location">United Kingdom</div>

        </article>

        <article class="testimonial-card">

          <p class="testimonial-text">

            “My skin has never looked better. The clinic is beautiful, relaxing, and Kaye’s expertise really shines through in her work.”

          </p>

          <div class="testimonial-name">John Smith</div>

          <div class="testimonial-location">United Kingdom</div>

        </article>

      </div>

    </section>

 

    <!-- RAW MATERIALS -->

    <section>

      <h2 class="section-title">Some of Our Typical Raw Materials</h2>

      <ul class="raw-materials-list">

        <li><strong>First item on the list – $20</strong><br />Lorem ipsum dolor sit amet consectetur adipiscing elit dolor.</li>

        <li><strong>Second item on the list – $9</strong><br />Lorem ipsum dolor sit amet consectetur adipiscing elit dolor.</li>

        <li><strong>Third item on the list – $32</strong><br />Lorem ipsum dolor sit amet consectetur adipiscing elit dolor.</li>

      </ul>

 

      <div class="cta-banner">

        <h3 class="section-title" style="font-size:1.1rem;">Discover Nature-Driven Science for Modern Wellness</h3>

        <p>

          Precision-crafted botanical aroma products for external use. Formulated with care. Handled with integrity.

        </p>

        <a href="#products" class="btn btn-primary">Shop Now</a>

      </div>

    </section>

 

  </main>

 

  <!-- FOOTER -->

  <footer id="contact">

    <div class="footer-inner">

      <div>

        <div class="footer-title">Quick Links</div>

        <ul class="footer-links">

          <li><a href="#">Home</a></li>

          <li><a href="#about">About</a></li>

          <li><a href="#contact">Contact</a></li>

        </ul>

      </div>

      <div>

        <div class="footer-title">Support</div>

        <ul class="footer-links">

          <li><a href="#">Terms &amp; Conditions</a></li>

          <li><a href="#">Shipping Policy</a></li>

          <li><a href="#">Privacy Policy</a></li>

          <li><a href="#">Returns Policy</a></li>

          <li><a href="#">Cookie Policy</a></li>

        </ul>

      </div>

      <div class="footer-contact">

        <div class="footer-title">Get in Touch</div>

        <p>Phone: +44 7354 426716</p>

        <p>Email: <a href="mailto:sales@bioherbalsource.com">sales@bioherbalsource.com</a></p>

      </div>

    </div>

    <div class="footer-bottom">

      <span>© 2026 Botanicals & Aromatics. All rights reserved.</span>

      <span>External-use botanical aroma products only. Not for ingestion or medical use.</span>

    </div>

  </footer>

 

</div>

</body>

</html>