4 Commits

Author SHA1 Message Date
3b91ad7b9c Update src/app/pricing/page.tsx 2026-04-23 14:49:28 +00:00
f23665975c Update src/app/pricing/page.tsx 2026-04-23 14:48:55 +00:00
ab67f4715c Update src/app/page.tsx 2026-04-23 14:48:55 +00:00
c82f087d3c Merge version_2 into main
Merge version_2 into main
2026-04-23 14:47:44 +00:00
2 changed files with 142 additions and 201 deletions

View File

@@ -28,195 +28,129 @@ export default function LandingPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "about" },
{ { name: "Menu", id: "products" },
name: "About", id: "about"}, { name: "Pricing", id: "/pricing" },
{ { name: "Contact", id: "contact" },
name: "Menu", id: "products"}, ]}
{ brandName="Elysian Dining"
name: "Pricing", id: "/pricing"}, />
{ </div>
name: "Contact", id: "contact"}, <div id="hero" data-section="hero">
]} <HeroBillboardRotatedCarousel
brandName="Elysian Dining" background={{ variant: "sparkles-gradient" }}
/> title="Elevated Gastronomy at Your Fingertips"
</div> description="Indulge in premium, curated dining experiences with seamless order placement designed for the modern connoisseur."
buttons={[{ text: "Explore Menu", href: "#products" }]}
<div id="hero" data-section="hero"> carouselItems={[
<HeroBillboardRotatedCarousel { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg", imageAlt: "Luxury restaurant ambiance" },
background={{ { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg", imageAlt: "Fine dining detail" },
variant: "sparkles-gradient"}} { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", imageAlt: "Gourmet plating" },
title="Elevated Gastronomy at Your Fingertips" { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg", imageAlt: "Upscale table setting" },
description="Indulge in premium, curated dining experiences with seamless order placement designed for the modern connoisseur." { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Professional culinary service" },
buttons={[ { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064113.jpg", imageAlt: "Artistic gourmet detail" },
{ ]}
text: "Explore Menu", href: "#products"}, />
]} </div>
carouselItems={[ <div id="about" data-section="about">
{ <AboutMetric
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg", imageAlt: "Luxury restaurant ambiance"}, useInvertedBackground={true}
{ title="Our Culinary Commitment"
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21036.jpg", imageAlt: "Fine dining detail"}, metrics={[
{ { icon: Award, label: "Michelin Star", value: "3+" },
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", imageAlt: "Gourmet plating"}, { icon: Award, label: "Years Experience", value: "15+" },
{ { icon: Star, label: "Satisfaction Rate", value: "99%" },
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-embracing-with-woman-restaurant_23-2148016783.jpg", imageAlt: "Upscale table setting"}, ]}
{ metricsAnimation="slide-up"
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Professional culinary service"}, />
{ </div>
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064113.jpg", imageAlt: "Artistic gourmet detail"}, <div id="features" data-section="features">
]} <FeatureCardTwentyOne
/> useInvertedBackground={false}
</div> title="Why Elysian Dining"
description="We bridge the gap between world-class gastronomy and digital convenience."
<div id="about" data-section="about"> accordionItems={[
<AboutMetric { id: "f1", title: "Artisanal Preparation", content: "Every dish is crafted by our master chefs using ethically sourced, high-end ingredients." },
useInvertedBackground={true} { id: "f2", title: "Seamless Ordering", content: "Our proprietary digital platform ensures your order reaches our kitchen instantly with high precision." },
title="Our Culinary Commitment" { id: "f3", title: "White Glove Delivery", content: "Enjoy the restaurant experience at your door with our exclusive, climate-controlled logistics." },
metrics={[ ]}
{ imageSrc="http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg"
icon: Award, mediaAnimation="blur-reveal"
label: "Michelin Star", value: "3+"}, />
{ </div>
icon: Award, <div id="products" data-section="products">
label: "Years Experience", value: "15+"}, <ProductCardFour
{ animationType="slide-up"
icon: Star, textboxLayout="default"
label: "Satisfaction Rate", value: "99%"}, gridVariant="uniform-all-items-equal"
]} useInvertedBackground={true}
metricsAnimation="slide-up" 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" },
</div> { 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" },
<div id="features" data-section="features"> { 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" },
<FeatureCardTwentyOne { 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" },
useInvertedBackground={false} { 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="Why Elysian Dining" ]}
description="We bridge the gap between world-class gastronomy and digital convenience." title="The Signature Collection"
accordionItems={[ description="Curated dishes designed to captivate your palate."
{ />
id: "f1", title: "Artisanal Preparation", content: "Every dish is crafted by our master chefs using ethically sourced, high-end ingredients."}, </div>
{ <div id="metrics" data-section="metrics">
id: "f2", title: "Seamless Ordering", content: "Our proprietary digital platform ensures your order reaches our kitchen instantly with high precision."}, <MetricCardEleven
{ animationType="slide-up"
id: "f3", title: "White Glove Delivery", content: "Enjoy the restaurant experience at your door with our exclusive, climate-controlled logistics."}, textboxLayout="default"
]} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/brightly-lit-dining-blur_1203-761.jpg" metrics={[
mediaAnimation="blur-reveal" { 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" },
</div> { 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" },
]}
<div id="products" data-section="products"> title="Service Excellence"
<ProductCardFour description="Quantifiable luxury through data."
animationType="slide-up" />
textboxLayout="default" </div>
gridVariant="uniform-all-items-equal" <div id="testimonials" data-section="testimonials">
useInvertedBackground={true} <TestimonialCardFifteen
products={[ 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."
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"}, rating={5}
{ author="Julianne Thorne"
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"}, avatars={[
{ { src: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", alt: "Julianne Thorne" },
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"}, { 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" },
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"}, { 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" },
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"}, ]}
{ ratingAnimation="blur-reveal"
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"}, avatarsAnimation="slide-up"
]} />
title="The Signature Collection" </div>
description="Curated dishes designed to captivate your palate." <div id="contact" data-section="contact">
/> <ContactCTA
</div> useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
<div id="metrics" data-section="metrics"> tag="Reserve Experience"
<MetricCardEleven title="Request a Private Catering"
animationType="slide-up" description="Have special dietary needs or planning a private event? Our concierge team is ready to assist you."
textboxLayout="default" buttons={[{ text: "Connect with Concierge", href: "#" }]}
useInvertedBackground={false} />
metrics={[ </div>
{ <div id="footer" data-section="footer">
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"}, <FooterSimple
{ columns={[
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"}, { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
{ { title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
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"}, ]}
]} bottomLeftText="© 2024 Elysian Dining. All rights reserved."
title="Service Excellence" bottomRightText="Luxury Dining Ordering Platform"
description="Quantifiable luxury through data." />
/> </div>
</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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles } from "lucide-react"; import { CheckCircle } from "lucide-react";
export default function PricingPage() { export default function PricingPage() {
return ( return (
@@ -26,28 +26,35 @@ export default function PricingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Pricing", id: "/pricing" }, { name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]} ]}
brandName="Elysian Dining" brandName="Elysian Dining"
/> />
</div> </div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardThree <PricingCardEight
title="Flexible Membership Plans" title="Choose Your Culinary Experience"
description="Choose the plan that suits your culinary lifestyle." description="Flexible subscription plans designed for fine dining lovers."
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "p1", name: "Connoisseur", price: "$49", features: ["Priority delivery", "Exclusive seasonal menus", "24/7 concierge support"], id: "p1", badge: "Casual", price: "$199", subtitle: "Perfect for monthly weekend treats", buttons: [{ text: "Get Started", href: "#" }],
buttons: [{ text: "Get Started", href: "#" }], features: ["2 Curated Meals", "Priority Delivery", "Priority Support"]
}, },
{ {
id: "p2", name: "Gourmet", price: "$99", badge: "Best Value", badgeIcon: Sparkles, id: "p2", badge: "Gourmet", badgeIcon: CheckCircle,
features: ["All Connoisseur benefits", "Monthly private chef event", "Unlimited free delivery"], price: "$499", subtitle: "For the true connoisseur", buttons: [{ text: "Select Plan", href: "#" }],
buttons: [{ text: "Upgrade Now", href: "#" }], features: ["5 Curated Meals", "Concierge Service", "Exclusive Pairings", "Priority Delivery"]
},
{
id: "p3", badge: "Elite", price: "$899", subtitle: "Complete fine dining lifestyle", buttons: [{ text: "Go Elite", href: "#" }],
features: ["Unlimited Ordering", "24/7 Concierge", "Events Access", "White Glove Delivery"]
} }
]} ]}
/> />
@@ -56,8 +63,8 @@ export default function PricingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ title: "Company", items: [{ label: "Home", href: "/" }] }, { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Pricing", href: "/pricing" }] }, { title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }, { label: "Privacy", href: "#" }] },
]} ]}
bottomLeftText="© 2024 Elysian Dining. All rights reserved." bottomLeftText="© 2024 Elysian Dining. All rights reserved."
bottomRightText="Luxury Dining Ordering Platform" bottomRightText="Luxury Dining Ordering Platform"