Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
322
src/app/page.tsx
322
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ChefSelect"
|
||||
/>
|
||||
@@ -54,72 +42,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Exquisite Dining, Curated for You"
|
||||
description="Professional private chef services bringing the finest culinary experiences into the comfort of your home."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Events Served",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{ value: "500+", label: "Events Served" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "99%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-chef-plating-meal_23-2148794097.jpg",
|
||||
alt: "Front view chef plating meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holds-plate-with-gurza-side-view_141793-4738.jpg",
|
||||
alt: "Man holds plate with gurza side view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg",
|
||||
alt: "Chef showing his fine cuisine. Professional food decoration",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",
|
||||
alt: "A front view cook preparing meal designing meal inside plate fry meat food meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg",
|
||||
alt: "private chef plating food",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-chef-plating-meal_23-2148794097.jpg", alt: "Front view chef plating meal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-holds-plate-with-gurza-side-view_141793-4738.jpg", alt: "Man holds plate with gurza side view" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg", alt: "Chef showing his fine cuisine. Professional food decoration" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg", alt: "A front view cook preparing meal designing meal inside plate fry meat food meal" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg", alt: "private chef plating food" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy dinner guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dietary Conscious",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
{ type: "text", text: "Michelin Quality" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Dietary Conscious" },
|
||||
{ type: "text", text: "Full Service" },
|
||||
{ type: "text", text: "Artisan Crafted" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,20 +77,11 @@ export default function LandingPage() {
|
||||
title="Your Personal Culinary Expert"
|
||||
description="I believe that dining should be an art form. My approach blends fresh local ingredients with classic culinary techniques to deliver a memorable, personalized experience every time."
|
||||
metrics={[
|
||||
{
|
||||
value: "Chef",
|
||||
title: "Expertise",
|
||||
},
|
||||
{
|
||||
value: "Custom",
|
||||
title: "Menus",
|
||||
},
|
||||
{
|
||||
value: "Global",
|
||||
title: "Cuisine",
|
||||
},
|
||||
{ value: "Chef", title: "Expertise" },
|
||||
{ value: "Custom", title: "Menus" },
|
||||
{ value: "Global", title: "Cuisine" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-delicious-food_23-2149631722.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-delicious-food_23-2149631722.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -156,49 +94,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Menus",
|
||||
description: "Tailored menus based on your dietary needs and preferences.",
|
||||
icon: Sparkles,
|
||||
title: "Custom Menus", description: "Tailored menus based on your dietary needs and preferences.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-restaurant-closeup-salad-with-beetroot-cottage-cheese-people-eating-background_501050-81.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-serving-food-office-party_637285-12733.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg?_wi=2",
|
||||
imageAlt: "gourmet dining table setting",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dinner-restaurant-closeup-salad-with-beetroot-cottage-cheese-people-eating-background_501050-81.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-serving-food-office-party_637285-12733.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Sourcing Excellence",
|
||||
description: "We only select the finest local, organic ingredients.",
|
||||
icon: CheckCircle,
|
||||
title: "Sourcing Excellence", description: "We only select the finest local, organic ingredients.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-concept-with-tomatoes_23-2147782453.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629547.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-delicious-food_23-2149631722.jpg?_wi=2",
|
||||
imageAlt: "gourmet dining table setting",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-concept-with-tomatoes_23-2147782453.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629547.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Perfect Execution",
|
||||
description: "Professional service that takes care of every detail.",
|
||||
icon: Award,
|
||||
title: "Perfect Execution", description: "Professional service that takes care of every detail.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-seasonings-olives-dark-background_179666-17439.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-baking-utensils-with-spices-cookies-cookie-cutters-light-surface_114579-5497.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg?_wi=1",
|
||||
imageAlt: "gourmet dining table setting",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-tomatoes-with-seasonings-olives-dark-background_179666-17439.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/kitchen-baking-utensils-with-spices-cookies-cookie-cutters-light-surface_114579-5497.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="The ChefSelect Difference"
|
||||
@@ -211,47 +125,23 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517397.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891048.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-woman-with-exotic-snacks-buffet-table_1262-2060.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-woman-with-exotic-snacks-buffet-table_1262-2060.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
role: "Designer",
|
||||
company: "ArtStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
|
||||
},
|
||||
id: "5", name: "Laura Smith", role: "Designer", company: "ArtStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg"},
|
||||
]}
|
||||
title="Clients Who Trust Us"
|
||||
description="Read about the culinary experiences our clients have enjoyed."
|
||||
@@ -265,55 +155,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "intimate",
|
||||
badge: "Essentials",
|
||||
price: "$300",
|
||||
subtitle: "Perfect for 2-4 people",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom Menu",
|
||||
"Market Sourcing",
|
||||
"Table Setup",
|
||||
],
|
||||
id: "intimate", badge: "Essentials", price: "$300", subtitle: "Perfect for 2-4 people", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Custom Menu", "Market Sourcing", "Table Setup"]
|
||||
},
|
||||
{
|
||||
id: "dinner",
|
||||
badge: "Popular",
|
||||
price: "$800",
|
||||
subtitle: "Ideal for 6-12 guests",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3-Course Menu",
|
||||
"Wait Staff",
|
||||
"Full Cleanup",
|
||||
],
|
||||
id: "dinner", badge: "Popular", price: "$800", subtitle: "Ideal for 6-12 guests", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["3-Course Menu", "Wait Staff", "Full Cleanup"]
|
||||
},
|
||||
{
|
||||
id: "event",
|
||||
badge: "Elite",
|
||||
price: "$1500+",
|
||||
subtitle: "For large gatherings",
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Multi-Course Tasting",
|
||||
"Sommelier Service",
|
||||
"Event Planning",
|
||||
],
|
||||
id: "event", badge: "Elite", price: "$1500+", subtitle: "For large gatherings", buttons: [{ text: "Inquire Now", href: "#contact" }],
|
||||
features: ["Multi-Course Tasting", "Sommelier Service", "Event Planning"]
|
||||
},
|
||||
]}
|
||||
title="Select Your Service"
|
||||
@@ -327,36 +178,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1200",
|
||||
title: "Dishes Created",
|
||||
items: [
|
||||
"Desserts",
|
||||
"Entrees",
|
||||
"Appetizers",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "80",
|
||||
title: "Events Host",
|
||||
items: [
|
||||
"Weddings",
|
||||
"Private",
|
||||
"Corporate",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "45",
|
||||
title: "Awards",
|
||||
items: [
|
||||
"Culinary",
|
||||
"Local",
|
||||
"Industry",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "1200", title: "Dishes Created", items: ["Desserts", "Entrees", "Appetizers"] },
|
||||
{ id: "2", value: "80", title: "Events Host", items: ["Weddings", "Private", "Corporate"] },
|
||||
{ id: "3", value: "45", title: "Awards", items: ["Culinary", "Local", "Industry"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quality defined by experience."
|
||||
@@ -366,9 +190,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Booking"
|
||||
title="Let's Plan Your Dinner"
|
||||
description="Fill out the form below to receive a custom quote for your event."
|
||||
@@ -378,36 +200,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="ChefSelect"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user