<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TRUE SPICE IMPORTS LLC</title>
<style>
/* ===============================
GARET FONT
================================ */
@font-face {
font-family: "Garet";
src: url("fonts/Garet-Book.woff2") format("woff2"),
url("fonts/Garet-Book.woff") format("woff");
font-weight: 400;
}
@font-face {
font-family: "Garet";
src: url("fonts/Garet-Heavy.woff2") format("woff2"),
url("fonts/Garet-Heavy.woff") format("woff");
font-weight: 700;
}
/* ===============================
BRAND VARIABLES
================================ */
:root{
--cream:#FBF6E9;
--forest:#2F3F2F;
--sage:#6F7F63;
--ink:#3A2F2A;
--border:rgba(47,63,47,.2);
--radius:26px;
}
*{box-sizing:border-box}
body{
margin:0;
background:var(--cream);
color:var(--ink);
font-family:"Garet", system-ui, -apple-system, sans-serif;
line-height:1.65;
}
section{
width:100%;
padding:90px 6vw;
}
/* HEADER */
header{
text-align:center;
padding:90px 6vw 110px;
}
header img{
max-width:320px;
}
/* HERO */
.hero{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:60px;
align-items:center;
}
.hero h2{
font-size:48px;
line-height:1.15;
color:var(--forest);
font-weight:700;
}
.hero-image{
aspect-ratio:4 / 5;
border:1px solid var(--border);
border-radius:var(--radius);
overflow:hidden;
background:#fff;
}
.hero-image img{
width:100%;
height:100%;
object-fit:cover;
}
/* STORY */
.story{
background:#fff;
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
}
.story-inner{
max-width:960px;
margin:auto;
}
/* PRODUCTS */
.products{
padding:0;
}
.product-tile{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:60px;
padding:90px 6vw;
align-items:center;
border-top:1px solid var(--border);
}
.product-tile:nth-child(even){
background:#fff;
}
.product-image{
aspect-ratio:1 / 1;
border-radius:var(--radius);
border:1px solid var(--border);
overflow:hidden;
}
.product-image img{
width:100%;
height:100%;
object-fit:cover;
}
.product-content h3{
margin-top:0;
color:var(--forest);
font-size:34px;
font-weight:700;
}
.product-content p{
font-size:18px;
}
/* SUPPORT */
.support{
background:#fff;
text-align:center;
border-top:1px solid var(--border);
}
/* FOOTER */
footer{
padding:70px 6vw;
text-align:center;
border-top:1px solid var(--border);
}
@media(max-width:900px){
.hero,
.product-tile{
grid-template-columns:1fr;
}
}
</style>
</head>
<body>
<header>
<img src="https://truespiceimports.com/wp-content/uploads/2026/01/TRUE-SPICE-HEADER.png" alt="TRUE SPICE Logo">
</header>
<section class="hero">
<div>
<h2>Why isn’t real cinnamon easily available in the U.S.?</h2>
</div>
<div class="hero-image">
<img src="https://truespiceimports.com/wp-content/uploads/2026/01/TRUE-SPICE-LLC-Ceylon-Cinnamon-scaled.webp" alt="Ceylon Cinnamon">
</div>
</section>
<section class="story">
<div class="story-inner">
<h3>OUR STORY</h3>
<p>As Sri Lankan founders living in America, we deeply understood the difference between cassia and true Ceylon cinnamon.</p>
<p>We partnered with Sen Ceylon Cinnamon, ensuring premium, ethical, small-batch production.</p>
<ul>
<li>100% Ceylon Cinnamon</li>
<li>Zero sulfur</li>
<li>Freshly packed in Sri Lanka</li>
<li>Delivered with integrity</li>
</ul>
</div>
</section>
<section class="products">
<div class="product-tile">
<div class="product-image">
<img src="https://truespiceimports.com/wp-content/uploads/2026/01/1-scaled.jpg" alt="">
</div>
<div class="product-content">
<h3>Ceylon Cinnamon Sticks</h3>
<p>(C5 Grade – 5 Inch Cut)</p>
</div>
</div>
<div class="product-tile">
<div class="product-image">
<img src="https://truespiceimports.com/wp-content/uploads/2026/01/2-scaled.webp" alt="">
</div>
<div class="product-content">
<h3>Ceylon Cinnamon Powder</h3>
<p>(Non-Organic)</p>
</div>
</div>
</section>
<section class="support">
<p>TRUE SPICE IMPORTS LLC proudly supports customers, retailers, and partners.</p>
</section>
<footer>
<p>📞 +1 (716) 906-0477</p>
<p>✉️ sales@truespiceimports.com</p>
</footer>
</body>
</html>