This commit is contained in:
2026-03-23 19:00:17 -05:00
parent f0c19fbbfa
commit 92676e652a
94 changed files with 9558 additions and 6871 deletions

View File

@@ -1,88 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>KNUTH Ceramics - Editorial Collection</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&amp;family=Manrope:wght@200;300;400;500&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script>
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
primary: "#292524", // Warm Charcoal
secondary: "#78716C", // Warm Stone
"background-light": "#F5F4F0", // Soft Sand / Alabaster (Hero)
"background-dark": "#1C1917", // Dark Warm Grey
// New Sectional Colors
"sage": "#D4D9D1", // Soft Sage Green
"warm-grey": "#DAD7D4", // Warm Grey
"clay-dark": "#33302D", // Deep Charcoal / Clay
"terracotta-soft": "#E6DDD5", // Pale Ochre / Soft Terracotta
"accent-sand": "#E7E5E4",
"accent-warm": "#D6D3D1",
"text-main": "#1C1917",
"text-muted": "#57534E",
},
fontFamily: {
display: ["Cormorant Garamond", "serif"],
body: ["Manrope", "sans-serif"],
},
fontSize: {
'10xl': '10rem',
},
spacing: {
'128': '32rem',
}
},
},
};
</script>
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24
}
html {
scroll-behavior: smooth;
}
.parallax-bg {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #F5F4F0;
}
::-webkit-scrollbar-thumb {
background: #D6D3D1;
}
::-webkit-scrollbar-thumb:hover {
background: #78716C;
}
</style>
<script type="importmap">
{
"imports": {
"react-dom/": "https://esm.sh/react-dom@^19.2.3/",
"react/": "https://esm.sh/react@^19.2.3/",
"react": "https://esm.sh/react@^19.2.3"
}
}
</script>
</head>
<body class="font-body bg-background-light dark:bg-background-dark text-text-main dark:text-gray-200 antialiased transition-colors duration-500 selection:bg-stone-200 selection:text-black">
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>KNUTH Ceramics — Handcrafted Pottery from Corpus Christi, Texas</title>
<meta name="description" content="KNUTH Ceramics crafts small-batch stoneware pottery in Corpus Christi, Texas. Shop handmade vases, bowls, tableware, and dinnerware inspired by the Gulf Coast. Custom commissions welcome."/>
<meta name="robots" content="index, follow"/>
<link rel="canonical" href="https://knuthceramics.com/"/>
<!-- Open Graph -->
<meta property="og:title" content="KNUTH Ceramics — Handcrafted Pottery from Corpus Christi, Texas"/>
<meta property="og:description" content="Small-batch stoneware pottery made in Corpus Christi, TX. Handcrafted vases, bowls, and tableware inspired by the Texas Gulf Coast. Custom dinnerware commissions accepted."/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://knuthceramics.com/"/>
<meta property="og:image" content="https://knuthceramics.com/landingpage/artelier.png"/>
<meta property="og:site_name" content="KNUTH Ceramics"/>
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="KNUTH Ceramics — Handcrafted Pottery from Corpus Christi, Texas"/>
<meta name="twitter:description" content="Small-batch stoneware pottery made in Corpus Christi, TX. Handcrafted vases, bowls, and tableware inspired by the Texas Gulf Coast."/>
<meta name="twitter:image" content="https://knuthceramics.com/landingpage/artelier.png"/>
<!-- Static JSON-LD: Organization + LocalBusiness (visible to crawlers that don't execute JS) -->
<script type="application/ld+json" data-seo="site">
{
"@context": "https://schema.org",
"@type": ["LocalBusiness", "ArtGallery"],
"name": "KNUTH Ceramics",
"alternateName": "Knuth Ceramics",
"description": "Handcrafted ceramics by Claudia Knuth. Small-batch stoneware pottery inspired by the raw textures and colors of the Texas Gulf Coast in Corpus Christi, TX. German craft tradition meets coastal soul.",
"url": "https://knuthceramics.com",
"logo": "https://knuthceramics.com/landingpage/artelier.png",
"image": "https://knuthceramics.com/landingpage/artelier.png",
"email": "knuth.claudia@gmail.com",
"telephone": "",
"address": {
"@type": "PostalAddress",
"addressLocality": "Corpus Christi",
"addressRegion": "TX",
"addressCountry": "US"
},
"geo": {
"@type": "GeoCoordinates",
"latitude": "27.8006",
"longitude": "-97.3964"
},
"sameAs": [
"https://www.instagram.com/knuth.ceramics"
],
"founder": {
"@type": "Person",
"name": "Claudia Knuth",
"email": "knuth.claudia@gmail.com",
"jobTitle": "Ceramic Artist & Potter"
},
"priceRange": "$$",
"currenciesAccepted": "USD",
"paymentAccepted": "Credit Card",
"areaServed": [
{
"@type": "State",
"name": "Texas"
},
{
"@type": "Country",
"name": "United States"
}
],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Handcrafted Ceramics",
"itemListElement": [
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Handmade Ceramic Vases"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Handmade Ceramic Bowls"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Handmade Tableware & Dinnerware"}},
{"@type": "Offer", "itemOffered": {"@type": "Product", "name": "Custom Ceramic Commissions"}}
]
},
"knowsAbout": [
"Wheel-thrown pottery",
"Stoneware ceramics",
"Handmade tableware",
"Coastal-inspired ceramics",
"Custom dinnerware"
]
}
</script>
<!-- WebSite schema for sitelinks search -->
<script type="application/ld+json" data-seo="site">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "KNUTH Ceramics",
"url": "https://knuthceramics.com",
"description": "Handcrafted ceramics from Corpus Christi, Texas"
}
</script>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&amp;family=Manrope:wght@200;300;400;500&amp;display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
<script>
tailwind.config = {
darkMode: "class",
theme: {
extend: {
colors: {
primary: "#292524", // Warm Charcoal
secondary: "#78716C", // Warm Stone
"background-light": "#F5F4F0", // Soft Sand / Alabaster (Hero)
"background-dark": "#1C1917", // Dark Warm Grey
// New Sectional Colors
"sage": "#D4D9D1", // Soft Sage Green
"warm-grey": "#DAD7D4", // Warm Grey
"clay-dark": "#33302D", // Deep Charcoal / Clay
"terracotta-soft": "#E6DDD5", // Pale Ochre / Soft Terracotta
"accent-sand": "#E7E5E4",
"accent-warm": "#D6D3D1",
"text-main": "#1C1917",
"text-muted": "#57534E",
},
fontFamily: {
display: ["Cormorant Garamond", "serif"],
body: ["Manrope", "sans-serif"],
},
fontSize: {
'10xl': '10rem',
},
spacing: {
'128': '32rem',
}
},
},
};
</script>
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24
}
html {
scroll-behavior: smooth;
}
.parallax-bg {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #F5F4F0;
}
::-webkit-scrollbar-thumb {
background: #D6D3D1;
}
::-webkit-scrollbar-thumb:hover {
background: #78716C;
}
</style>
<script type="importmap">
{
"imports": {
"react-dom/": "https://esm.sh/react-dom@^19.2.3/",
"react/": "https://esm.sh/react@^19.2.3/",
"react": "https://esm.sh/react@^19.2.3"
}
}
</script>
</head>
<body class="font-body bg-background-light dark:bg-background-dark text-text-main dark:text-gray-200 antialiased transition-colors duration-500 selection:bg-stone-200 selection:text-black">
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>