Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
|
||||
@@ -28,145 +28,79 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumière Bistro"
|
||||
button={{ text: "Book a Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shagun Veg Restaurant"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Culinary Excellence Redefined"
|
||||
description="Experience the art of fine dining in the heart of the city. We craft exquisite flavors using locally sourced, seasonal ingredients."
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Shagun - Pure Veg Delights"
|
||||
description="Discover the authentic taste of South Indian, Chinese, and North Indian cuisines in the heart of Dahisar West. Open daily until 11pm."
|
||||
buttons={[{ text: "Explore Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-tasty-food-table_23-2148766436.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Philosophy" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/cook-holding-plate-with-salad-near-service-bell_23-2148040240.jpg", alt: "About Lumière Bistro" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "About Shagun" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/chef-preparing-dish_23-2148154625.jpg", alt: "Shagun Restaurant" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Aged Wagyu Steak", price: "$65", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/lamb-steak-slices-served-with-mashed-potato_140725-5854.jpg" },
|
||||
{ id: "2", name: "Truffle Tagliatelle", price: "$38", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/salad-made-sliced-vegetables-with-herbs_141793-834.jpg" },
|
||||
{ id: "3", name: "Pan-Seared Scallops", price: "$42", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-fish-fillet-with-herbs-vegetables-sauce-plate_141793-2974.jpg" },
|
||||
{ id: "4", name: "Dark Chocolate Fondant", price: "$22", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136324.jpg" },
|
||||
{ id: "5", name: "Artisan Cheese Plate", price: "$30", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-portrait-outdoor_624325-2930.jpg" },
|
||||
{ id: "6", name: "Signature Duck Confit", price: "$45", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="A curated selection of our finest dishes, crafted by award-winning chefs."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Masala Dosa", price: "₹150", variant: "South Indian", imageSrc: "http://img.b2bpic.net/free-photo/masala-dosa-served-coconut-chutney-sambar_140725-6351.jpg" },
|
||||
{ id: "2", name: "Paneer Butter Masala", price: "₹250", variant: "North Indian", imageSrc: "http://img.b2bpic.net/free-photo/paneer-butter-masala-served-bowl_140725-6184.jpg" },
|
||||
{ id: "3", name: "Veg Manchurian", price: "₹180", variant: "Chinese", imageSrc: "http://img.b2bpic.net/free-photo/gobi-manchurian-served-plate-isolated-white-background_140725-6110.jpg" },
|
||||
{ id: "4", name: "Idli Sambar", price: "₹120", variant: "South Indian", imageSrc: "http://img.b2bpic.net/free-photo/idli-sambar-traditional-south-indian-breakfast_140725-6352.jpg" },
|
||||
{ id: "5", name: "Dal Makhani", price: "₹200", variant: "North Indian", imageSrc: "http://img.b2bpic.net/free-photo/dal-makhani-bowl-served-plate_140725-6185.jpg" },
|
||||
{ id: "6", name: "Hakka Noodles", price: "₹190", variant: "Chinese", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-hakka-noodles-served-plate_140725-6111.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="From steaming South Indian breakfasts to spicy Chinese stir-fries and rich North Indian curries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The culinary journey at Lumière Bistro is simply unparalleled. Each dish tells a story of passion and quality."
|
||||
rating={5}
|
||||
author="Isabella & Marcus"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/loving-couple-enjoying-each-other-dinner_23-2148025312.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1322.jpg", alt: "Customer" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Visit Shagun"
|
||||
description="Find us in Dahisar West. We are open until 11pm daily. Contact us for table bookings or inquiries."
|
||||
tag="Contact Information"
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Farm-to-Table", descriptions: ["We source directly from local sustainable farms for every single ingredient."], imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg", imageAlt: "Restaurant luxury interior design." },
|
||||
{ id: "f2", title: "Expert Chefs", descriptions: ["Our kitchen is helmed by world-class chefs trained in classical culinary arts."], imageSrc: "http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg?_wi=2", imageAlt: "Expert chefs." },
|
||||
{ id: "f3", title: "Curated Wine List", descriptions: ["A handpicked wine selection designed to pair perfectly with every course on our menu."], imageSrc: "http://img.b2bpic.net/free-photo/cook-holding-plate-with-salad-near-service-bell_23-2148040240.jpg", imageAlt: "Curated wine." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Excellence is at the core of every detail in our bistro experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
title="The Kitchen Brigade"
|
||||
description="The passionate team behind our culinary craft."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
groups={[
|
||||
{ id: "g1", groupTitle: "Culinary Team", members: [
|
||||
{ id: "m1", title: "Chef Alessandro", subtitle: "Executive Head Chef", detail: "Mastering the art of modern Mediterranean cuisine for over 20 years.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-male-chef-holding-green-organic-broccoli-his-hand_23-2147863621.jpg" },
|
||||
{ id: "m2", title: "Elena Rossi", subtitle: "Sous Chef", detail: "Bringing precision and elegance to every plate we serve.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12306.jpg" },
|
||||
{ id: "m3", title: "Marc Dubois", subtitle: "Pastry Chef", detail: "Specializing in decadent dessert creations with artistic flair.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-leaning-table_23-2148060479.jpg" },
|
||||
] }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "Yes, we highly recommend making a reservation in advance as our tables fill up quickly." },
|
||||
{ id: "q2", title: "Are there vegetarian options?", content: "We offer a diverse selection of plant-based dishes crafted with the same culinary excellence." },
|
||||
{ id: "q3", title: "Do you host private events?", content: "Yes, we specialize in hosting intimate private dining experiences and events tailored to your needs." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find out more about our reservations and dining policies."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Reserve Your Table"
|
||||
description="We look forward to hosting you for an unforgettable dining experience. Reach out to secure your spot."
|
||||
tag="Contact Us"
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Lumière Bistro"
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "123 Gourmet Ave, City Center", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Tue-Sun: 5pm - 11pm", href: "#" }] },
|
||||
{ title: "Policy", items: [{ label: "Reservations", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Shagun Veg Restaurant"
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "Dahisar West, Mumbai", href: "#" }] },
|
||||
{ title: "Operating Hours", items: [{ label: "Daily: 8am - 11pm", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "+91 98765 43210", href: "tel:+919876543210" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user