Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ff0924df51 | |||
| ec67f55b65 | |||
| 42b6c02904 | |||
| 455ee52aa8 | |||
| 3dd0227805 | |||
| 3507584753 |
367
src/app/page.tsx
367
src/app/page.tsx
@@ -4,11 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import { Sparkles, BarChart3, Users, Settings } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,292 +26,90 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "reserve",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysian Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elysian Dining"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Exceptional Dining Awaits You Here"
|
||||
description="Explore our carefully crafted menu, reserve your table instantly, and discover why locals love us. Warm hospitality and unforgettable flavors in every visit."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Daily Specials",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table Now",
|
||||
href: "#reserve",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dinner-is-served_53876-23367.jpg"
|
||||
imageAlt="Gourmet dining experience"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168971.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fried-fish-decorated-with-red-black-caviar-served-with-sauce_140725-8437.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Flavors",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
title="Exceptional Dining Awaits"
|
||||
description="Discover a fusion of art, flavor, and hospitality in every dish we serve."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dinner-is-served_53876-23367.jpg", imageAlt: "Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-decorated-with-red-black-caviar-served-with-sauce_140725-8437.jpg", imageAlt: "Seafood" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Passion"
|
||||
description="At Elysian Dining, we believe food is an art form. Every dish is a testament to our commitment to locally sourced ingredients and time-honored culinary traditions, designed to create moments that last."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "We source ingredients from local farms daily.",
|
||||
},
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Hand-crafted dishes by master chefs.",
|
||||
},
|
||||
{
|
||||
title: "Warm Ambience",
|
||||
description: "Elegant setting for your special moments.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26156.jpg"
|
||||
imageAlt="Professional culinary team"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="dashboard" data-section="dashboard">
|
||||
<HeroBillboardDashboard
|
||||
title="Our Performance"
|
||||
description="Real-time insights into our kitchen operations and customer satisfaction metrics."
|
||||
background={{ variant: "plain" }}
|
||||
dashboard={{
|
||||
title: "Service Analytics", stats: [
|
||||
{ title: "Orders", values: [120, 150, 140], description: "Daily volume" },
|
||||
{ title: "Revenue", values: [5000, 6200, 5800], valuePrefix: "$", description: "Weekly trend" },
|
||||
{ title: "Rating", values: [4, 5, 5], description: "Customer score" }
|
||||
],
|
||||
logoIcon: BarChart3,
|
||||
sidebarItems: [{ icon: Users, active: true }, { icon: Settings }],
|
||||
listItems: [{ icon: Sparkles, title: "New Special", status: "Active" }],
|
||||
buttons: [{ text: "View Reports" }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cook-kitchen-cafe_1303-26156.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pan-Seared Scallops",
|
||||
price: "$32",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-decorated-with-red-black-caviar-served-with-sauce_140725-8437.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Handmade Wild Mushroom Ravioli",
|
||||
price: "$28",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-vegetables-grated-cheese_141793-898.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Valrhona Chocolate Torte",
|
||||
price: "$16",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-white-surface-birthday-celebration-cake-sweet-biscuit-cookie_140725-101972.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our collection of curated dishes that celebrate flavor, quality, and creativity."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Our Culinary Journey"
|
||||
description="Crafting memorable dining experiences through tradition and innovation."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Atmosphere",
|
||||
quote: "The most incredible dining experience I've had in years. Every detail was perfect.",
|
||||
name: "Sarah Miller",
|
||||
role: "Food Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Exquisite Flavors",
|
||||
quote: "The mushroom ravioli is absolutely to die for. Can't wait to come back.",
|
||||
name: "James & Elena",
|
||||
role: "Foodies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277989.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Top Notch Service",
|
||||
quote: "Staff was incredibly attentive and the food arrived promptly. Highly recommended.",
|
||||
name: "Marcus Chen",
|
||||
role: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best Dessert!",
|
||||
quote: "The chocolate torte was the perfect finish to an already spectacular meal.",
|
||||
name: "Emily Watson",
|
||||
role: "Regular Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-going-date_23-2150168971.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Simply Perfect",
|
||||
quote: "A hidden gem in the city. The service and flavors are unmatched.",
|
||||
name: "Liam Bennett",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Diner Experiences"
|
||||
description="Hear what our wonderful guests have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
title="Why Choose Us"
|
||||
description="We blend fresh local produce with professional culinary techniques."
|
||||
features={[
|
||||
{ id: 1, title: "Farm Fresh", description: "Locally sourced ingredients daily.", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-vegetables-grated-cheese_141793-898.jpg" },
|
||||
{ id: 2, title: "Expert Chefs", description: "Masterful preparation of every plate.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cheesecake_1303-3946.jpg" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Visit us at 123 Gourmet Lane, Food City. We are open for lunch and dinner daily. Reserve your table today and taste the difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table Now",
|
||||
href: "#reserve",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Reserve your table at Elysian Dining today."
|
||||
buttons={[{ text: "Book Now" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Elysian Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "#home" }, { label: "Contact", href: "#contact" }] }]}
|
||||
logoText="Elysian Dining"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user