Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dbba38ebe8 | |||
| d96021d35b |
226
src/app/page.tsx
226
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Coffee", id: "coffee" },
|
||||||
},
|
{ name: "Find Us", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Coffee",
|
|
||||||
id: "coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Find Us",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Klobouk Dolů"
|
brandName="Klobouk Dolů"
|
||||||
/>
|
/>
|
||||||
@@ -52,79 +40,26 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
title="Craft coffee worth the detour"
|
title="Craft coffee worth the detour"
|
||||||
description="Hidden in Český Krumlov's heart, Klobouk Dolů serves meticulously sourced espresso, velvety matcha, and handmade macarons in a space designed for slowness. Every visit feels like coming home."
|
description="Hidden in Český Krumlov's heart, Klobouk Dolů serves meticulously sourced espresso, velvety matcha, and handmade macarons in a space designed for slowness. Every visit feels like coming home."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "12", label: "Origin Roasts" },
|
||||||
value: "12",
|
{ value: "24h", label: "Batch Freshness" },
|
||||||
label: "Origin Roasts",
|
{ value: "100%", label: "Ethical Sourcing" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "24h",
|
|
||||||
label: "Batch Freshness",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "100%",
|
|
||||||
label: "Ethical Sourcing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Find Us Here", href: "#contact" }
|
||||||
text: "Find Us Here",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-wears-trendy-black-shoes-long-dress-relaxing-after-hard-day-drinking-coffee-outdoor-portrait-smiling-girl-brown-cap-coat-waiting-friend-celebrate-something_197531-4280.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-wears-trendy-black-shoes-long-dress-relaxing-after-hard-day-drinking-coffee-outdoor-portrait-smiling-girl-brown-cap-coat-waiting-friend-celebrate-something_197531-4280.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-lady-sitting-table-drinking-coffee-pink-jacket-summer-style-trend-blue-handbag-accessories-street-style-women-fashion_285396-4266.jpg",
|
|
||||||
alt: "Customer 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520067.jpg",
|
|
||||||
alt: "Customer 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-close-her-face_23-2148349006.jpg",
|
|
||||||
alt: "Customer 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944067.jpg",
|
|
||||||
alt: "Customer 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/high-angle-coffee-cup-chair_23-2149678914.jpg",
|
|
||||||
alt: "Customer 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Loved by 500+ locals"
|
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Locally Roasted" },
|
||||||
type: "text",
|
{ type: "text", text: "Fair Trade" },
|
||||||
text: "Locally Roasted",
|
{ type: "text-icon", text: "Artisanal", icon: Coffee },
|
||||||
},
|
{ type: "text", text: "Sustainable" },
|
||||||
{
|
{ type: "text", text: "Small Batch" },
|
||||||
type: "text",
|
|
||||||
text: "Fair Trade",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Artisanal",
|
|
||||||
icon: Coffee,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Sustainable",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Small Batch",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -133,20 +68,11 @@ export default function LandingPage() {
|
|||||||
<MetricSplitMediaAbout
|
<MetricSplitMediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A sanctuary for specialty coffee"
|
title="A sanctuary for specialty coffee"
|
||||||
description="We are a boutique espresso sanctuary—not a café chain—where specialty coffee, intentional design, and genuine hospitality converge. We're the place locals protect and tourists stumble upon by luck."
|
description="We are a boutique espresso sanctuary—not a café chain—where specialty coffee, intentional design, and genuine hospitality converge."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "5+", title: "Direct Trade Sources" },
|
||||||
value: "5+",
|
{ value: "10+", title: "Artisan Pastries" },
|
||||||
title: "Direct Trade Sources",
|
{ value: "100%", title: "Cozy Atmosphere" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "10+",
|
|
||||||
title: "Artisan Pastries",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "100%",
|
|
||||||
title: "Cozy Atmosphere",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187516.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187516.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -161,27 +87,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Single Origin Espresso", price: "75 CZK", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cup-chair_23-2149678914.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Velvety Matcha", price: "95 CZK", variant: "Ceremonial Grade", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23336.jpg" },
|
||||||
name: "Single Origin Espresso",
|
{ id: "p3", name: "Handmade Macarons", price: "45 CZK", variant: "Assorted Flavors", imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-green-macaroon_1304-3357.jpg" },
|
||||||
price: "75 CZK",
|
|
||||||
variant: "Dark Roast",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-cup-chair_23-2149678914.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Velvety Matcha",
|
|
||||||
price: "95 CZK",
|
|
||||||
variant: "Ceremonial Grade",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23336.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Handmade Macarons",
|
|
||||||
price: "45 CZK",
|
|
||||||
variant: "Assorted Flavors",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-green-macaroon_1304-3357.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Curated perfection in every cup"
|
title="Curated perfection in every cup"
|
||||||
description="From single-origin beans to handcrafted pastries, our menu reflects our dedication to the craft of specialty coffee."
|
description="From single-origin beans to handcrafted pastries, our menu reflects our dedication to the craft of specialty coffee."
|
||||||
@@ -195,46 +103,8 @@ export default function LandingPage() {
|
|||||||
gridVariant="asymmetric-60-wide-40-narrow"
|
gridVariant="asymmetric-60-wide-40-narrow"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah Johnson", role: "Travel Blogger", company: "Global Wandering", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-lady-sitting-table-drinking-coffee-pink-jacket-summer-style-trend-blue-handbag-accessories-street-style-women-fashion_285396-4266.jpg?_wi=1" },
|
||||||
id: "1",
|
{ id: "2", name: "Michael Chen", role: "Coffee Roaster", company: "RoastLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520067.jpg" },
|
||||||
name: "Sarah Johnson",
|
|
||||||
role: "Travel Blogger",
|
|
||||||
company: "Global Wandering",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-lady-sitting-table-drinking-coffee-pink-jacket-summer-style-trend-blue-handbag-accessories-street-style-women-fashion_285396-4266.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael Chen",
|
|
||||||
role: "Coffee Roaster",
|
|
||||||
company: "RoastLab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520067.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Rodriguez",
|
|
||||||
role: "Photographer",
|
|
||||||
company: "Aesthetic Life",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-cup-close-her-face_23-2148349006.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Kim",
|
|
||||||
role: "Architect",
|
|
||||||
company: "DesignCo",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944067.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Anna Novak",
|
|
||||||
role: "Barista",
|
|
||||||
company: "BrewMaster",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-lady-sitting-table-drinking-coffee-pink-jacket-summer-style-trend-blue-handbag-accessories-street-style-women-fashion_285396-4266.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Voices from our sanctuary"
|
title="Voices from our sanctuary"
|
||||||
description="Join our community of coffee lovers who have made Klobouk Dolů a central stop in their Krumlov journey."
|
description="Join our community of coffee lovers who have made Klobouk Dolů a central stop in their Krumlov journey."
|
||||||
@@ -244,63 +114,21 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Hidden in plain sight"
|
title="Hidden in plain sight"
|
||||||
description="Ready to experience the best coffee in Český Krumlov? We're open daily. Follow us to stay updated on new roasts."
|
description="Ready to experience the best coffee in Český Krumlov? We're open daily. Follow us to stay updated on new roasts."
|
||||||
inputPlaceholder="Enter your email for roasts..."
|
inputPlaceholder="Enter your email for roasts..."
|
||||||
buttonText="Join the list"
|
buttonText="Join the list"
|
||||||
|
onSubmit={(email) => console.log("Submitted:", email)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Menu", items: [{ label: "Espresso", href: "#coffee" }, { label: "Matcha", href: "#coffee" }] },
|
||||||
title: "Menu",
|
{ title: "Visit", items: [{ label: "Find Us", href: "#contact" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Espresso",
|
|
||||||
href: "#coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Matcha",
|
|
||||||
href: "#coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Pastries",
|
|
||||||
href: "#coffee",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Visit",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Find Us",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Hours",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Klobouk Dolů Coffee"
|
copyrightText="© 2024 Klobouk Dolů Coffee"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user