5 Commits

Author SHA1 Message Date
4a98250fd6 Merge version_2 into main
Merge version_2 into main
2026-04-18 16:27:08 +00:00
83954088d9 Update src/app/page.tsx 2026-04-18 16:27:05 +00:00
f7705ff48c Merge version_2 into main
Merge version_2 into main
2026-04-18 16:26:36 +00:00
1fdb57282f Update src/app/styles/variables.css 2026-04-18 16:26:33 +00:00
7691d9fb0b Update src/app/page.tsx 2026-04-18 16:26:33 +00:00
2 changed files with 75 additions and 241 deletions

View File

@@ -10,7 +10,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() { export default function LandingPage() {
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Menu", name: "Menu", id: "products"},
id: "products",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Elysium Dining" brandName="Elysium Dining"
/> />
@@ -55,109 +47,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Culinary Excellence Redefined" title="Culinary Excellence Redefined"
description="Experience an unforgettable journey of taste, craft, and passion at the heart of the city." description="Experience an unforgettable journey of taste, craft, and passion at the heart of the city."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081876.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081876.jpg", imageAlt: "Hero scene 1"},
imageAlt: "Hero scene 1",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salmon-salad-with-avocado-wasabi-sauce-plate-plaid-fabric_141793-11665.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salmon-salad-with-avocado-wasabi-sauce-plate-plaid-fabric_141793-11665.jpg", imageAlt: "Hero scene 2"},
imageAlt: "Hero scene 2",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-having-glass-red-wine_107420-65430.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-having-glass-red-wine_107420-65430.jpg", imageAlt: "Hero scene 3"},
imageAlt: "Hero scene 3",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg", imageAlt: "Hero scene 4"},
imageAlt: "Hero scene 4",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fresh-raspberries-babies-white-tray-mixed-color-table_140725-86587.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fresh-raspberries-babies-white-tray-mixed-color-table_140725-86587.jpg", imageAlt: "Hero scene 5"},
imageAlt: "Hero scene 5",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891035.jpg", imageAlt: "Hero scene 6"},
imageAlt: "Hero scene 6",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg", imageAlt: "Hero scene 5"},
imageAlt: "Hero scene 5",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/glowing-crystal-chandelier-illuminates-modern-luxury-home-interior-generated-by-ai_188544-45040.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glowing-crystal-chandelier-illuminates-modern-luxury-home-interior-generated-by-ai_188544-45040.jpg", imageAlt: "Hero scene 4"},
imageAlt: "Hero scene 4",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/bartender-looking-glass-red-wine_107420-65842.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bartender-looking-glass-red-wine_107420-65842.jpg", imageAlt: "Hero scene 3"},
imageAlt: "Hero scene 3",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-sprinkles-fresh-rosemary-plated-dish-stove-top_482257-121108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-sprinkles-fresh-rosemary-plated-dish-stove-top_482257-121108.jpg", imageAlt: "Hero scene 2"},
imageAlt: "Hero scene 2",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Reserve Now", text: "Reserve Now", href: "#contact"},
href: "#contact",
},
]} ]}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/group-diverse-friends-enjoying-summer-party-together_53876-30690.jpg", src: "http://img.b2bpic.net/free-photo/group-diverse-friends-enjoying-summer-party-together_53876-30690.jpg", alt: "Diner 1"},
alt: "Diner 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/top-view-people-table-restaurant_23-2148006661.jpg", src: "http://img.b2bpic.net/free-photo/top-view-people-table-restaurant_23-2148006661.jpg", alt: "Diner 2"},
alt: "Diner 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/group-young-people-gathering-dinner_23-2148454163.jpg", src: "http://img.b2bpic.net/free-photo/group-young-people-gathering-dinner_23-2148454163.jpg", alt: "Diner 3"},
alt: "Diner 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/group-happy-young-people-enjoying-dinner_23-2148454133.jpg", src: "http://img.b2bpic.net/free-photo/group-happy-young-people-enjoying-dinner_23-2148454133.jpg", alt: "Diner 4"},
alt: "Diner 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg", src: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg", alt: "Diner 5"},
alt: "Diner 5",
},
]} ]}
avatarText="Loved by over 10,000+ food enthusiasts" avatarText="Loved by over 10,000+ food enthusiasts"
marqueeItems={[ marqueeItems={[
{ {
type: "image", type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzy0hk", alt: "Michelin Star"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzy0hk",
alt: "Michelin Star",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-psd/flat-design-catering-service-facebook-template_23-2151099279.jpg", alt: "James Beard"},
src: "http://img.b2bpic.net/free-psd/flat-design-catering-service-facebook-template_23-2151099279.jpg",
alt: "James Beard",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/smiley-tourist-woman-holding-map-taking-selfie_23-2148619936.jpg", alt: "Forbes Travel"},
src: "http://img.b2bpic.net/free-photo/smiley-tourist-woman-holding-map-taking-selfie_23-2148619936.jpg",
alt: "Forbes Travel",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-chef-job-poster-template_23-2149946958.jpg", alt: "Food & Wine"},
src: "http://img.b2bpic.net/free-vector/hand-drawn-chef-job-poster-template_23-2149946958.jpg",
alt: "Food & Wine",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/closeup-set-cutlery-served-table_169016-16548.jpg", alt: "Yelp Top Rated"},
src: "http://img.b2bpic.net/free-photo/closeup-set-cutlery-served-table_169016-16548.jpg",
alt: "Yelp Top Rated",
},
]} ]}
/> />
</div> </div>
@@ -167,9 +111,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="A Legacy of Taste" title="A Legacy of Taste"
description={[ description={[
"For over twenty years, Elysium has defined the standard for fine dining through relentless innovation and respect for tradition.", "For over twenty years, Elysium has defined the standard for fine dining through relentless innovation and respect for tradition.", "Our chefs source only the finest local ingredients to create seasonal masterpieces that tell a unique story on every plate."]}
"Our chefs source only the finest local ingredients to create seasonal masterpieces that tell a unique story on every plate.",
]}
/> />
</div> </div>
@@ -180,34 +122,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "1", id: "1", label: "Service", title: "Impeccable Care", items: [
label: "Service", "Personalized attention", "Professional sommelier service", "Concierge reservations"],
title: "Impeccable Care",
items: [
"Personalized attention",
"Professional sommelier service",
"Concierge reservations",
],
}, },
{ {
id: "2", id: "2", label: "Ingredients", title: "Farm to Table", items: [
label: "Ingredients", "Locally sourced produce", "Sustainable seafood", "Organic herbs garden"],
title: "Farm to Table",
items: [
"Locally sourced produce",
"Sustainable seafood",
"Organic herbs garden",
],
}, },
{ {
id: "3", id: "3", label: "Setting", title: "Sophisticated Ambiance", items: [
label: "Setting", "Elegant mood lighting", "Private booth options", "Live acoustic music"],
title: "Sophisticated Ambiance",
items: [
"Elegant mood lighting",
"Private booth options",
"Live acoustic music",
],
}, },
]} ]}
title="Why Elysium Dining" title="Why Elysium Dining"
@@ -223,59 +147,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Seafood", name: "Pan-Seared Sea Bass", price: "$45", rating: 5,
brand: "Seafood", reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/stir-fry-noodles-with-vegetables-shrimps-black-bowl-ai-generated-image_511042-1812.jpg"},
name: "Pan-Seared Sea Bass",
price: "$45",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/stir-fry-noodles-with-vegetables-shrimps-black-bowl-ai-generated-image_511042-1812.jpg",
},
{ {
id: "p2", id: "p2", brand: "Meat", name: "Dry-Aged Prime Steak", price: "$65", rating: 5,
brand: "Meat", reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg"},
name: "Dry-Aged Prime Steak",
price: "$65",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-dinner-with-mashed-potatoes-vegetables_84443-82580.jpg",
},
{ {
id: "p3", id: "p3", brand: "Vegetarian", name: "Truffle Risotto", price: "$38", rating: 4,
brand: "Vegetarian", reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/warm-winter-quinoa-salad-with-pumpkin-chorizo-mozzarella-arugula-leaves-pomegranate_127032-3569.jpg"},
name: "Truffle Risotto",
price: "$38",
rating: 4,
reviewCount: "88",
imageSrc: "http://img.b2bpic.net/free-photo/warm-winter-quinoa-salad-with-pumpkin-chorizo-mozzarella-arugula-leaves-pomegranate_127032-3569.jpg",
},
{ {
id: "p4", id: "p4", brand: "Appetizer", name: "Artisan Cheese Plate", price: "$28", rating: 5,
brand: "Appetizer", reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg"},
name: "Artisan Cheese Plate",
price: "$28",
rating: 5,
reviewCount: "72",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-meals-different-dishes-inside-white-plate-table_140725-11651.jpg",
},
{ {
id: "p5", id: "p5", brand: "Dessert", name: "Dark Chocolate Fondant", price: "$22", rating: 5,
brand: "Dessert", reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-with-mascarpone-cheese-chocolate-plate_140725-11024.jpg"},
name: "Dark Chocolate Fondant",
price: "$22",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/tiramisu-with-mascarpone-cheese-chocolate-plate_140725-11024.jpg",
},
{ {
id: "p6", id: "p6", brand: "Beverage", name: "Vintage Cabernet Glass", price: "$32", rating: 5,
brand: "Beverage", reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-wine-glass-his-wife_23-2148435716.jpg"},
name: "Vintage Cabernet Glass",
price: "$32",
rating: 5,
reviewCount: "64",
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-wine-glass-his-wife_23-2148435716.jpg",
},
]} ]}
title="Signature Menu" title="Signature Menu"
description="Discover our chef-curated selections that define modern gourmet cuisine." description="Discover our chef-curated selections that define modern gourmet cuisine."
@@ -283,46 +171,21 @@ export default function LandingPage() {
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Miller", role: "Food Critic", company: "Gourmet Weekly", rating: 5,
name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg"},
role: "Food Critic",
testimonial: "An absolute masterpiece of flavors. The attention to detail is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",
},
{ {
id: "t2", id: "t2", name: "James Henderson", role: "Business Owner", company: "Elite Ventures", rating: 5,
name: "James Henderson", imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg"},
role: "Business Owner",
testimonial: "The best dinner I've had in years. Professional and absolutely delicious.",
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
},
{ {
id: "t3", id: "t3", name: "Elena Rossi", role: "Executive Chef", company: "Urban Kitchen", rating: 4,
name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg"}
role: "Chef",
testimonial: "A true lesson in culinary craft. The ambiance is as refined as the menu.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg",
},
{
id: "t4",
name: "Marcus Thorne",
role: "Entrepreneur",
testimonial: "Elysium is my go-to for client meetings. Always consistent, always stellar.",
imageSrc: "http://img.b2bpic.net/free-photo/lady-good-mood-poses-terrace-with-champagne-glass-girl-with-beautiful-hairstyle-fashionable-clothes-enjoys-relaxing-balcony_197531-29954.jpg",
},
{
id: "t5",
name: "Alice Wong",
role: "Food Blogger",
testimonial: "The visual presentation of every dish is a work of art. Stunning experience.",
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg",
},
]} ]}
title="Guest Reflections" title="Guest Reflections"
description="Hear what our patrons say about their fine dining experiences." description="Hear what our patrons say about their fine dining experiences."
@@ -335,20 +198,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially for weekend dinner slots."},
title: "Do I need a reservation?",
content: "Yes, we highly recommend booking in advance, especially for weekend dinner slots.",
},
{ {
id: "f2", id: "f2", title: "Do you offer vegan options?", content: "We offer a dedicated plant-based tasting menu featuring the freshest seasonal vegetables."},
title: "Do you offer vegan options?",
content: "We offer a dedicated plant-based tasting menu featuring the freshest seasonal vegetables.",
},
{ {
id: "f3", id: "f3", title: "Is there a dress code?", content: "We maintain a business casual dress code to ensure a comfortable and elegant dining environment."},
title: "Is there a dress code?",
content: "We maintain a business casual dress code to ensure a comfortable and elegant dining environment.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg" imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -363,14 +217,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Michelin", "Michelin", "James Beard", "Forbes Travel", "Food & Wine", "Yelp Top Rated", "TripAdvisor Excellence", "Zagat Rated"]}
"James Beard",
"Forbes Travel",
"Food & Wine",
"Yelp Top Rated",
"TripAdvisor Excellence",
"Zagat Rated",
]}
title="Distinguished Accolades" title="Distinguished Accolades"
description="Proud to be recognized by the leading names in the culinary industry." description="Proud to be recognized by the leading names in the culinary industry."
/> />
@@ -380,11 +227,10 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Reservations" tag="Reservations"
title="Secure Your Table" title="Secure Your Table"
description="Join our list for exclusive event access and booking priority." description="Use our booking portal below to guarantee your preferred dining time and seating preference."
/> />
</div> </div>
@@ -392,33 +238,21 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Navigate", title: "Navigate", items: [
items: [
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Menu", label: "Menu", href: "#products"},
href: "#products",
},
{ {
label: "Reservations", label: "Reservations", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5f4ef; --background: #f6f0e9;
--card: #dad6cd; --card: #efe7dd;
--foreground: #2a2928; --foreground: #2b180a;
--primary-cta: #2a2928; --primary-cta: #2b180a;
--primary-cta-text: #f5f4ef; --primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea; --secondary-cta: #efe7dd;
--secondary-cta-text: #2a2928; --secondary-cta-text: #2a2928;
--accent: #ffffff; --accent: #94877c;
--background-accent: #c6b180; --background-accent: #afa094;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);