Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08349e3cca | |||
| ef0e21db09 | |||
| 77bbdd21e1 | |||
| 3cbe538b88 |
340
src/app/page.tsx
340
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "The Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Our Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Cuisine Notes",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "The Experience", id: "about" },
|
||||
{ name: "Our Menu", id: "products" },
|
||||
{ name: "Cuisine Notes", id: "blog" },
|
||||
{ name: "Reserve", id: "contact" },
|
||||
]}
|
||||
brandName="Kouzina"
|
||||
/>
|
||||
@@ -55,99 +43,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Symphony of Dough and Fire"
|
||||
description="Kouzina elevates the humble pizza to a masterpiece of culinary art. Experience ingredients sourced from the finest origins, prepared to golden perfection."
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||
videoAriaLabel="Cinematic pizza dough transformation video"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorne",
|
||||
testimonial: "The crust is a revelation. I've never tasted luxury quite like this in a simple slice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151431806.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant cinematic pizza video",
|
||||
},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@erosst",
|
||||
testimonial: "A cinematic culinary experience. The ingredients are perfectly balanced and deeply authentic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant cinematic pizza video",
|
||||
},
|
||||
{
|
||||
name: "Marcus Vane",
|
||||
handle: "@mvane",
|
||||
testimonial: "Sophisticated, elegant, and divine. The gold standard for modern pizza dining.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
|
||||
imageAlt: "luxury restaurant cinematic pizza video",
|
||||
},
|
||||
{
|
||||
name: "Sofia Bellini",
|
||||
handle: "@sofia_b",
|
||||
testimonial: "Kouzina is more than just pizza; it is a full-body sensory delight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant cinematic pizza video",
|
||||
},
|
||||
{
|
||||
name: "Alessandro Conti",
|
||||
handle: "@alessandro",
|
||||
testimonial: "Unparalleled craftsmanship. Every bite is an indulgence in pure, refined flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-with-nuts-wooden-plate_141793-1236.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant cinematic pizza video",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151431806.jpg?_wi=2"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/vegetable-salad-containing-mixed-ingredients-blue-ceramic-plate_114579-1997.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",
|
||||
alt: "Fried salmon with rice and raddish",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ham-slices-with-vegetables-plate_140725-2137.jpg",
|
||||
alt: "Ham slices with vegetables in the plate",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg",
|
||||
alt: "Profiteroles in chocolate sauce inside white plate.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949020.jpg",
|
||||
alt: "Creative assortment of delicious food",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/homemade-pizza-with-mozzarella-dark-background_1220-4548.jpg",
|
||||
alt: "Homemade pizza with mozzarella on dark background",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by gourmet enthusiasts worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sourced Globally",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stone Oven Baked",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined Indulgence",
|
||||
},
|
||||
{ name: "Julian Thorne", handle: "@jthorne", testimonial: "The crust is a revelation.", rating: 5 },
|
||||
{ name: "Elena Rossi", handle: "@erosst", testimonial: "A cinematic culinary experience.", rating: 5 },
|
||||
{ name: "Marcus Vane", handle: "@mvane", testimonial: "The gold standard for modern pizza dining.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,8 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Art of the Craft"
|
||||
description={[
|
||||
"Our philosophy is rooted in the intersection of tradition and avant-garde technique. At Kouzina, we don't just bake; we orchestrate flavors.",
|
||||
"Every element is carefully curated—from the fermentation of our dough to the precise temperature of our imported stone ovens. Join us for a journey through the senses.",
|
||||
"Our philosophy is rooted in the intersection of tradition and avant-garde technique. At Kouzina, we don't just bake; we orchestrate flavors.", "Every element is carefully curated—from the fermentation of our dough to the precise temperature of our imported stone ovens. Join us for a journey through the senses."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,62 +72,6 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Kouzina",
|
||||
name: "The Golden Truffle",
|
||||
price: "$48",
|
||||
rating: 5,
|
||||
reviewCount: "124",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Kouzina",
|
||||
name: "Aged Prosciutto Fig",
|
||||
price: "$42",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-with-nuts-wooden-plate_141793-1236.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Kouzina",
|
||||
name: "Wild Mushroom Symphony",
|
||||
price: "$38",
|
||||
rating: 4,
|
||||
reviewCount: "82",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pizza-wooden-background_23-2148601645.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Kouzina",
|
||||
name: "Heirloom Tomato & Basil",
|
||||
price: "$34",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dough-oil-cheese-tomatoes-eggs-greens-grey-wooden-surface_176420-6796.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Kouzina",
|
||||
name: "Spicy Calabrian Infusion",
|
||||
price: "$40",
|
||||
rating: 5,
|
||||
reviewCount: "74",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-baking-delicious-pizza_23-2150235801.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Kouzina",
|
||||
name: "Saffron & Honey Glaze",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg",
|
||||
},
|
||||
]}
|
||||
title="Chef’s Signature Selection"
|
||||
description="Hand-crafted delicacies prepared with the world's finest seasonal produce and artisanal cheeses."
|
||||
/>
|
||||
@@ -234,17 +81,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Michelin Guide",
|
||||
"Gourmet Traveller",
|
||||
"Vogue Dining",
|
||||
"New York Food Times",
|
||||
"The Foodie Circle",
|
||||
"Epicurean Review",
|
||||
"Global Culinary Awards",
|
||||
]}
|
||||
names={["The Michelin Guide", "Gourmet Traveller", "Vogue Dining", "New York Food Times"]}
|
||||
title="Where Taste Meets Prestige"
|
||||
description="Our culinary excellence is recognized by the world's most discerning palates and leading food publications."
|
||||
description="Our culinary excellence is recognized by the world's most discerning palates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,31 +92,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24",
|
||||
title: "Hours of Proofing",
|
||||
description: "The secret to our light, airy crust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-diet-gourmet-olive-restaurant_1122-2451.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450°C",
|
||||
title: "Stone Oven Temp",
|
||||
description: "Optimized for the perfect char.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-with-tomatoes-oil_23-2148753738.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Artisanal Toppings",
|
||||
description: "Sourced globally for maximum flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-top-view-pizza-mushrooms-tomatoes-leaves-pizza-knife-dark-wooden-background_482257-34253.jpg",
|
||||
},
|
||||
]}
|
||||
title="Precision in Every Slice"
|
||||
description="Measuring our commitment to perfection by the numbers."
|
||||
metrics={[
|
||||
{ id: "m1", value: "98%", title: "Local Sourcing", description: "Ingredients sourced directly from regional farms.", imageSrc: "https://images.unsplash.com/photo-1594212699903-ec8a3eca50f5" },
|
||||
{ id: "m2", value: "48h", title: "Dough Proofing", description: "Slow-fermented for maximum flavor and texture.", imageSrc: "https://images.unsplash.com/photo-1513104890138-7c749659a591" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -287,50 +107,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Food Critic",
|
||||
company: "Epicure",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Connoisseur",
|
||||
company: "Fine Dining Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julia Varga",
|
||||
role: "Blogger",
|
||||
company: "Urban Palate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Stone",
|
||||
role: "Entrepreneur",
|
||||
company: "Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-street-food-entertainment_23-2151542730.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amelia Grant",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520058.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Indulgent"
|
||||
description="What our guests say about their dining journey at Kouzina."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Chen", role: "Food Critic", company: "NY Dining", rating: 5 },
|
||||
{ id: "t2", name: "Mark Davis", role: "Chef", company: "Table 9", rating: 5 },
|
||||
{ id: "t3", name: "Julia M.", role: "Regular", company: "Local Patron", rating: 5 },
|
||||
{ id: "t4", name: "Leo B.", role: "Gourmet", company: "Foodie Blog", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -338,96 +122,34 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "While we recommend reservations, our bar area is available for walk-in guests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize organic and locally sourced ingredients whenever possible to ensure peak freshness.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer private events?",
|
||||
content: "Yes, we offer an exclusive private dining space for intimate gatherings and special occasions.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg"
|
||||
title="Culinary Inquiries"
|
||||
description="Curated answers to your questions about our methods and standards."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer gluten-free options?", content: "Yes, we use a special gluten-free flour blend prepared in a dedicated area." },
|
||||
{ id: "f2", title: "Are reservations required?", content: "While walk-ins are welcome, we recommend reservations for peak hours." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Reserve Your Table"
|
||||
title="Begin the Culinary Journey"
|
||||
description="Secure your place at Kouzina for an evening of unmatched flavor and luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Kouzina"
|
||||
columns={[{ items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }, { label: "Reservations", href: "#contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,7 +10,7 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--background: #000000;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #FFD700;
|
||||
@@ -18,7 +18,7 @@
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #1a1a1a;
|
||||
--background-accent: #000000;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user