|
|
|
|
@@ -28,195 +28,129 @@ export default function LandingPage() {
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home", id: "hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "About", id: "about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Menu", id: "products"},
|
|
|
|
|
{
|
|
|
|
|
name: "Pricing", id: "/pricing"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
]}
|
|
|
|
|
brandName="Elysian Dining"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
background={{
|
|
|
|
|
variant: "sparkles-gradient"}}
|
|
|
|
|
title="Elevated Gastronomy at Your Fingertips"
|
|
|
|
|
description="Indulge in premium, curated dining experiences with seamless order placement designed for the modern connoisseur."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Explore Menu", href: "#products"},
|
|
|
|
|
]}
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg", imageAlt: "Luxury restaurant ambiance"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg", imageAlt: "Fine dining detail"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", imageAlt: "Gourmet plating"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg", imageAlt: "Upscale table setting"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Professional culinary service"},
|
|
|
|
|
{
|
|
|
|
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064113.jpg", imageAlt: "Artistic gourmet detail"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<AboutMetric
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
title="Our Culinary Commitment"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
icon: Award,
|
|
|
|
|
label: "Michelin Star", value: "3+"},
|
|
|
|
|
{
|
|
|
|
|
icon: Award,
|
|
|
|
|
label: "Years Experience", value: "15+"},
|
|
|
|
|
{
|
|
|
|
|
icon: Star,
|
|
|
|
|
label: "Satisfaction Rate", value: "99%"},
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwentyOne
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Why Elysian Dining"
|
|
|
|
|
description="We bridge the gap between world-class gastronomy and digital convenience."
|
|
|
|
|
accordionItems={[
|
|
|
|
|
{
|
|
|
|
|
id: "f1", title: "Artisanal Preparation", content: "Every dish is crafted by our master chefs using ethically sourced, high-end ingredients."},
|
|
|
|
|
{
|
|
|
|
|
id: "f2", title: "Seamless Ordering", content: "Our proprietary digital platform ensures your order reaches our kitchen instantly with high precision."},
|
|
|
|
|
{
|
|
|
|
|
id: "f3", title: "White Glove Delivery", content: "Enjoy the restaurant experience at your door with our exclusive, climate-controlled logistics."},
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "p1", name: "Truffle Infused Wagyu", price: "$85.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "p2", name: "Lobster Consommé", price: "$45.00", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "p3", name: "Golden Leaf Mousse", price: "$30.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salted-chips-designed-with-strawberries-inside-plate-along-with-blackthorns-white-table-chips-snack-fruit-berry_140725-24516.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "p4", name: "Organic Heirloom Salad", price: "$25.00", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "p5", name: "Handmade Saffron Pasta", price: "$55.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-tomatoes-grated-cheese_141793-896.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "p6", name: "Artisan Craft Cocktail", price: "$22.00", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157449.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="The Signature Collection"
|
|
|
|
|
description="Curated dishes designed to captivate your palate."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1", value: "5k+", title: "Orders Served", description: "Successfully fulfilled orders", imageSrc: "http://img.b2bpic.net/free-photo/wide-view-dining-hall-classic-design_114579-2224.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "m2", value: "98%", title: "On-Time", description: "Delivery punctuality score", imageSrc: "http://img.b2bpic.net/free-photo/champagne-glasses-with-bottle-white-table_23-2148253183.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "m3", value: "12", title: "City Locations", description: "Expanding our luxury reach", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg"},
|
|
|
|
|
]}
|
|
|
|
|
title="Service Excellence"
|
|
|
|
|
description="Quantifiable luxury through data."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonial="The experience was absolutely unparalleled. It felt like fine dining brought directly to my living room with the same care and attention as the restaurant itself."
|
|
|
|
|
rating={5}
|
|
|
|
|
author="Julianne Thorne"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", alt: "Julianne Thorne"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg", alt: "Michael Sterling"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5350.jpg", alt: "Clara Whitmore"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "Arthur Penhaligon"},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/woman-with-fork-knife-table-with-model-heart-plate_23-2148016816.jpg", alt: "Sophia Valerius"},
|
|
|
|
|
]}
|
|
|
|
|
ratingAnimation="blur-reveal"
|
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "radial-gradient"}}
|
|
|
|
|
tag="Reserve Experience"
|
|
|
|
|
title="Request a Private Catering"
|
|
|
|
|
description="Have special dietary needs or planning a private event? Our concierge team is ready to assist you."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Connect with Concierge", href: "#"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "About", href: "#about"},
|
|
|
|
|
{
|
|
|
|
|
label: "Careers", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Support", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Pricing", href: "/pricing"},
|
|
|
|
|
{
|
|
|
|
|
label: "Contact", href: "#contact"},
|
|
|
|
|
{
|
|
|
|
|
label: "Privacy", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2024 Elysian Dining. All rights reserved."
|
|
|
|
|
bottomRightText="Luxury Dining Ordering Platform"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Menu", id: "products" },
|
|
|
|
|
{ name: "Pricing", id: "/pricing" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Elysian Dining"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
title="Elevated Gastronomy at Your Fingertips"
|
|
|
|
|
description="Indulge in premium, curated dining experiences with seamless order placement designed for the modern connoisseur."
|
|
|
|
|
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg", imageAlt: "Luxury restaurant ambiance" },
|
|
|
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg", imageAlt: "Fine dining detail" },
|
|
|
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", imageAlt: "Gourmet plating" },
|
|
|
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg", imageAlt: "Upscale table setting" },
|
|
|
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Professional culinary service" },
|
|
|
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064113.jpg", imageAlt: "Artistic gourmet detail" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<AboutMetric
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
title="Our Culinary Commitment"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: Award, label: "Michelin Star", value: "3+" },
|
|
|
|
|
{ icon: Award, label: "Years Experience", value: "15+" },
|
|
|
|
|
{ icon: Star, label: "Satisfaction Rate", value: "99%" },
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardTwentyOne
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Why Elysian Dining"
|
|
|
|
|
description="We bridge the gap between world-class gastronomy and digital convenience."
|
|
|
|
|
accordionItems={[
|
|
|
|
|
{ id: "f1", title: "Artisanal Preparation", content: "Every dish is crafted by our master chefs using ethically sourced, high-end ingredients." },
|
|
|
|
|
{ id: "f2", title: "Seamless Ordering", content: "Our proprietary digital platform ensures your order reaches our kitchen instantly with high precision." },
|
|
|
|
|
{ id: "f3", title: "White Glove Delivery", content: "Enjoy the restaurant experience at your door with our exclusive, climate-controlled logistics." },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="products" data-section="products">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "p1", name: "Truffle Infused Wagyu", price: "$85.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg" },
|
|
|
|
|
{ id: "p2", name: "Lobster Consommé", price: "$45.00", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg" },
|
|
|
|
|
{ id: "p3", name: "Golden Leaf Mousse", price: "$30.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salted-chips-designed-with-strawberries-inside-plate-along-with-blackthorns-white-table-chips-snack-fruit-berry_140725-24516.jpg" },
|
|
|
|
|
{ id: "p4", name: "Organic Heirloom Salad", price: "$25.00", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-herbs-pomegranate_140725-4015.jpg" },
|
|
|
|
|
{ id: "p5", name: "Handmade Saffron Pasta", price: "$55.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-shrimps-tomatoes-grated-cheese_141793-896.jpg" },
|
|
|
|
|
{ id: "p6", name: "Artisan Craft Cocktail", price: "$22.00", variant: "Beverage", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157449.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="The Signature Collection"
|
|
|
|
|
description="Curated dishes designed to captivate your palate."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "5k+", title: "Orders Served", description: "Successfully fulfilled orders", imageSrc: "http://img.b2bpic.net/free-photo/wide-view-dining-hall-classic-design_114579-2224.jpg" },
|
|
|
|
|
{ id: "m2", value: "98%", title: "On-Time", description: "Delivery punctuality score", imageSrc: "http://img.b2bpic.net/free-photo/champagne-glasses-with-bottle-white-table_23-2148253183.jpg" },
|
|
|
|
|
{ id: "m3", value: "12", title: "City Locations", description: "Expanding our luxury reach", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Service Excellence"
|
|
|
|
|
description="Quantifiable luxury through data."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonial="The experience was absolutely unparalleled. It felt like fine dining brought directly to my living room with the same care and attention as the restaurant itself."
|
|
|
|
|
rating={5}
|
|
|
|
|
author="Julianne Thorne"
|
|
|
|
|
avatars={[
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", alt: "Julianne Thorne" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517448.jpg", alt: "Michael Sterling" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5350.jpg", alt: "Clara Whitmore" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", alt: "Arthur Penhaligon" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-with-fork-knife-table-with-model-heart-plate_23-2148016816.jpg", alt: "Sophia Valerius" },
|
|
|
|
|
]}
|
|
|
|
|
ratingAnimation="blur-reveal"
|
|
|
|
|
avatarsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
tag="Reserve Experience"
|
|
|
|
|
title="Request a Private Catering"
|
|
|
|
|
description="Have special dietary needs or planning a private event? Our concierge team is ready to assist you."
|
|
|
|
|
buttons={[{ text: "Connect with Concierge", href: "#" }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
|
|
|
|
{ title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2024 Elysian Dining. All rights reserved."
|
|
|
|
|
bottomRightText="Luxury Dining Ordering Platform"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
|
