Add src/app/chefs-story/page.tsx
This commit is contained in:
174
src/app/chefs-story/page.tsx
Normal file
174
src/app/chefs-story/page.tsx
Normal file
@@ -0,0 +1,174 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Award, Flame, Leaf, Star, UtensilsCrossed, Clock } from 'lucide-react';
|
||||
|
||||
export default function ChefsStoryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Artisan Table"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Chef's Story", id: "/chefs-story" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Reserve Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Meet Chef Julian"
|
||||
description="With over 20 years of culinary expertise, Chef Julian transforms seasonal ingredients into extraordinary dining experiences. His passion for precision and innovation defines every dish that leaves our kitchen."
|
||||
tag="Culinary Visionary"
|
||||
tagIcon={UtensilsCrossed}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg?_wi=1", imageAlt: "Chef Julian in the kitchen"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720769.jpg?_wi=1", imageAlt: "Chef plating a signature dish"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Michelin-Starred Chef | 450+ Reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Chef's Journey"
|
||||
description="Chef Julian's culinary journey began in the heart of Paris, where he trained under Michelin-starred mentors. His commitment to sourcing the finest local ingredients and mastering classical techniques while embracing modern innovation has established him as a leading figure in contemporary cuisine. From humble beginnings to international acclaim, his story is one of dedication, passion, and an unwavering commitment to excellence."
|
||||
tag="Est. 2015"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg?_wi=2"
|
||||
imageAlt="Chef Julian creating culinary masterpieces"
|
||||
mediaAnimation="slide-up"
|
||||
metrics={[
|
||||
{ value: "20+", title: "Years Experience" },
|
||||
{ value: "1", title: "Michelin Star" },
|
||||
{ value: "15", title: "Awards Won" },
|
||||
{ value: "100+", title: "Signature Dishes" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title="Culinary Philosophy"
|
||||
description="Chef Julian's approach to cooking is rooted in respect for ingredients, precision in technique, and a passion for creating unforgettable moments at the table."
|
||||
tag="The Chef's Craft"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Seasonal Sourcing", description: "Working exclusively with local farmers and sustainable suppliers to ensure peak freshness and quality", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Leaf, label: "Local", value: "100% Regional" },
|
||||
{ icon: Star, label: "Quality", value: "Premium Grade" },
|
||||
{ icon: Award, label: "Certified", value: "Sustainable" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Technique Mastery", description: "Classical French methods combined with contemporary innovation to deliver dishes that surprise and delight", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Flame, label: "Precision", value: "Exact Timing" },
|
||||
{ icon: Clock, label: "Process", value: "Meticulous" },
|
||||
{ icon: UtensilsCrossed, label: "Creativity", value: "Boundless" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Guest Experience", description: "Every reservation is an opportunity to create lasting memories through exceptional cuisine and warm hospitality", bentoComponent: "reveal-icon", icon: Star
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Experience Chef Julian's Cuisine"
|
||||
description="Book your table today and discover why guests return again and again. Each reservation is treated as a special occasion."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=2"
|
||||
imageAlt="Intimate restaurant dining"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "(555) 123-4567", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
|
||||
{ name: "time", type: "time", placeholder: "Preferred Time", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "special_requests", placeholder: "Tell us about yourself and any special occasions...", rows: 4
|
||||
}}
|
||||
buttonText="Confirm Reservation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant", items: [
|
||||
{ label: "Chef's Story", href: "/chefs-story" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Reservations", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Visit", items: [
|
||||
{ label: "Hours", href: "#" },
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
{ label: "Private Events", href: "#" },
|
||||
{ label: "Gift Cards", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Newsletter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Artisan Table. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user