Merge version_1 into main #2
431
src/app/page.tsx
431
src/app/page.tsx
@@ -16,319 +16,144 @@ import { Award, Leaf, Star } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Continuum",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Atelier Crenn"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Continuum", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Atelier Crenn"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Atelier Crenn: Poetic Culinaria"
|
||||
description="Artistry is at the forefront, cuisine is a craft, and the community is an inspiration. Experience a workshop of culinary imagination."
|
||||
tag="Three-Michelin-Starred"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg?_wi=1",
|
||||
imageAlt: "Culinary Art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eaten-cookies-milk_23-2147693789.jpg?_wi=1",
|
||||
imageAlt: "Kitchen Workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
|
||||
imageAlt: "Wicker gray table setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg",
|
||||
imageAlt: "Profiteroles plating detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg",
|
||||
imageAlt: "High angle dining table arrangement",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Exceptional Gastronomic Experiences"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Atelier Crenn: Poetic Culinaria"
|
||||
description="Artistry is at the forefront, cuisine is a craft, and the community is an inspiration. Experience a workshop of culinary imagination."
|
||||
tag="Three-Michelin-Starred"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg", imageAlt: "Culinary Art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eaten-cookies-milk_23-2147693789.jpg", imageAlt: "Kitchen Workshop" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Exceptional Gastronomic Experiences"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dominique Crenn"
|
||||
description="Chef Crenn opened Atelier Crenn as a place to express her heritage and as an ode to 'poetic culinaria.' It remains a deeply personal project reflecting a unique life story."
|
||||
metrics={[
|
||||
{
|
||||
value: "3",
|
||||
title: "Michelin Stars",
|
||||
},
|
||||
{
|
||||
value: "2011",
|
||||
title: "Founded",
|
||||
},
|
||||
{
|
||||
value: "1st",
|
||||
title: "History Maker",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-man-holding-fresh-carrot-green-broccoli-kitchen_23-2147863614.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dominique Crenn"
|
||||
description="Chef Crenn opened Atelier Crenn as a place to express her heritage and as an ode to 'poetic culinaria.' It remains a deeply personal project reflecting a unique life story."
|
||||
metrics={[
|
||||
{ value: "3", title: "Michelin Stars" },
|
||||
{ value: "2011", title: "Founded" },
|
||||
{ value: "1st", title: "History Maker" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-man-holding-fresh-carrot-green-broccoli-kitchen_23-2147863614.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "The Culinary Experience",
|
||||
descriptions: [
|
||||
"A multi-course journey exploring textures and flavors.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-plate-with-blackberries-cranberries-textured-table-horizontal_176474-8459.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bleu Belle Farm",
|
||||
descriptions: [
|
||||
"Sustainably sourced ingredients directly from our fields.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-cutting-board-with-mint-raw-spaghetti-garlic-turquoise-surface_141793-18394.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Continuum Series",
|
||||
descriptions: [
|
||||
"A unique evolution of our artistic vision.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Artisanal Pairings",
|
||||
descriptions: [
|
||||
"Curated vintages tailored to our seasonal menu.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Poetic Inspiration",
|
||||
descriptions: [
|
||||
"Every course tells a story of heritage and imagination.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Craftsmanship"
|
||||
description="Atelier Crenn defines cuisine as a craft and workshop of inspiration."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "The Culinary Experience", descriptions: ["A multi-course journey exploring textures and flavors."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-plate-with-blackberries-cranberries-textured-table-horizontal_176474-8459.jpg" },
|
||||
{ id: "2", title: "Bleu Belle Farm", descriptions: ["Sustainably sourced ingredients directly from our fields."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-cutting-board-with-mint-raw-spaghetti-garlic-turquoise-surface_141793-18394.jpg" },
|
||||
{ id: "3", title: "Continuum Series", descriptions: ["A unique evolution of our artistic vision."], imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-table-setting-with-wine-glasses-plates_181624-60149.jpg" },
|
||||
{ id: "4", title: "Artisanal Pairings", descriptions: ["Curated vintages tailored to our seasonal menu."], imageSrc: "http://img.b2bpic.net/free-photo/homemade-chanterelle-stuffed-round-zucchini-plate_53876-101537.jpg" },
|
||||
{ id: "5", title: "Poetic Inspiration", descriptions: ["Every course tells a story of heritage and imagination."], imageSrc: "http://img.b2bpic.net/free-photo/bisquits-with-sliced-fruits-chocolate-syrup_141793-29.jpg" }
|
||||
]}
|
||||
title="Our Craftsmanship"
|
||||
description="Atelier Crenn defines cuisine as a craft and workshop of inspiration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Michelin Stars Awarded",
|
||||
value: "Three",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Leaf,
|
||||
title: "Sustainable Sourcing",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Culinary Visions",
|
||||
value: "Unlimited",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Reflecting on our journey of culinary innovation."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Award, title: "Michelin Stars Awarded", value: "Three" },
|
||||
{ id: "m2", icon: Leaf, title: "Sustainable Sourcing", value: "100%" },
|
||||
{ id: "m3", icon: Star, title: "Culinary Visions", value: "Unlimited" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Reflecting on our journey of culinary innovation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Food Critic",
|
||||
quote: "A poetic masterpiece of flavor and technique.",
|
||||
tag: "Excellence",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg?_wi=2",
|
||||
imageAlt: "satisfied fine dining customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
date: "Nov 2023",
|
||||
title: "Gourmet Enthusiast",
|
||||
quote: "The most personal dining experience I have ever had.",
|
||||
tag: "Memorable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1520.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eaten-cookies-milk_23-2147693789.jpg?_wi=2",
|
||||
imageAlt: "satisfied fine dining customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
date: "Dec 2023",
|
||||
title: "Chef",
|
||||
quote: "Dominique Crenn redefines what is possible with food.",
|
||||
tag: "Innovative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-fresh-carrot-green-broccoli-kitchen_23-2147863614.jpg?_wi=2",
|
||||
imageAlt: "satisfied fine dining customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Jan 2024",
|
||||
title: "Food Writer",
|
||||
quote: "Every plate is a story waiting to be told.",
|
||||
tag: "Artistic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-plate-with-blackberries-cranberries-textured-table-horizontal_176474-8459.jpg?_wi=2",
|
||||
imageAlt: "satisfied fine dining customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
date: "Feb 2024",
|
||||
title: "Diner",
|
||||
quote: "Sustainable dining elevated to a high art form.",
|
||||
tag: "Sustainability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-cutting-board-with-mint-raw-spaghetti-garlic-turquoise-surface_141793-18394.jpg?_wi=2",
|
||||
imageAlt: "satisfied fine dining customer portrait",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Atelier"
|
||||
description="Stories from those who have walked the culinary halls of our workshop."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", date: "Oct 2023", title: "Food Critic", quote: "A poetic masterpiece of flavor and technique.", tag: "Excellence", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg", imageAlt: "satisfied fine dining customer portrait" },
|
||||
{ id: "t2", name: "Michael L.", date: "Nov 2023", title: "Gourmet Enthusiast", quote: "The most personal dining experience I have ever had.", tag: "Memorable", avatarSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1520.jpg", imageSrc: "http://img.b2bpic.net/free-photo/eaten-cookies-milk_23-2147693789.jpg", imageAlt: "satisfied fine dining customer portrait" },
|
||||
{ id: "t3", name: "Emily P.", date: "Dec 2023", title: "Chef", quote: "Dominique Crenn redefines what is possible with food.", tag: "Innovative", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-fresh-carrot-green-broccoli-kitchen_23-2147863614.jpg", imageAlt: "satisfied fine dining customer portrait" },
|
||||
{ id: "t4", name: "David W.", date: "Jan 2024", title: "Food Writer", quote: "Every plate is a story waiting to be told.", tag: "Artistic", avatarSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10578.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-plate-with-blackberries-cranberries-textured-table-horizontal_176474-8459.jpg", imageAlt: "satisfied fine dining customer portrait" },
|
||||
{ id: "t5", name: "Jessica M.", date: "Feb 2024", title: "Diner", quote: "Sustainable dining elevated to a high art form.", tag: "Sustainability", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-cutting-board-with-mint-raw-spaghetti-garlic-turquoise-surface_141793-18394.jpg", imageAlt: "satisfied fine dining customer portrait" },
|
||||
]}
|
||||
title="Voices of the Atelier"
|
||||
description="Stories from those who have walked the culinary halls of our workshop."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are the reservation options?",
|
||||
content: "Reservations are available through our portal and are highly sought after.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are dietary restrictions accommodated?",
|
||||
content: "Yes, please notify us during the booking process.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the dress code?",
|
||||
content: "We recommend business elegant attire for the evening.",
|
||||
},
|
||||
]}
|
||||
title="General Inquiries"
|
||||
description="Answers to frequently asked questions about your experience."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are the reservation options?", content: "Reservations are available through our portal and are highly sought after." },
|
||||
{ id: "f2", title: "Are dietary restrictions accommodated?", content: "Yes, please notify us during the booking process." },
|
||||
{ id: "f3", title: "What is the dress code?", content: "We recommend business elegant attire for the evening." },
|
||||
]}
|
||||
title="General Inquiries"
|
||||
description="Answers to frequently asked questions about your experience."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Join our culinary journey. For inquiries and bookings, contact our team to discuss your reservation needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Join our culinary journey. For inquiries and bookings, contact our team to discuss your reservation needs."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Bar Crenn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bleu Belle Farm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accessibility",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Email Signup",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Atelier Crenn"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Bar Crenn", href: "#" }, { label: "Bleu Belle Farm", href: "#" }] },
|
||||
{ items: [{ label: "Accessibility", href: "#" }, { label: "Email Signup", href: "#" }] },
|
||||
]}
|
||||
logoText="Atelier Crenn"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user