245 lines
11 KiB
TypeScript
245 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Catering", id: "catering"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Welcome to the Oscars Bistro and Catering"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Welcome to the Oscars Bistro and Catering"
|
|
description="Experience culinary excellence with our curated bistro menu and professional catering services. From intimate dinners to large corporate events, we bring quality and passion to every plate."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#catering"},
|
|
{
|
|
text: "Book Catering", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg?_wi=1"
|
|
imageAlt="Oscar's Bistro Interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Crafting Memorable Dining Experiences Since 2010"
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisan Ingredients", description: "Fresh, locally sourced produce and premium meats delivered daily.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg?_wi=2", imageAlt: "gourmet artisan bread selection close-up"},
|
|
items: [],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Curated Wine Pairing", description: "Hand-picked vintages to complement every dish on our menu.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-garnishing-dish_23-2148763143.jpg", imageAlt: "gourmet artisan bread selection close-up"},
|
|
items: [],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Freshness First", description: "Organic herbs and farm-to-table vegetables ensure peak flavor.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg?_wi=1", imageAlt: "gourmet artisan bread selection close-up"},
|
|
items: [],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Signature Culinary Excellence"
|
|
description="We blend traditional techniques with modern flavors, ensuring every bite is a testament to our commitment to quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="catering" data-section="catering">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Gourmet Buffet", price: "From $45/pp", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-food-arrangement_23-2148510885.jpg?_wi=2"},
|
|
{
|
|
id: "p2", name: "Appetizer Assortment", price: "From $20/pp", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gourmet-food-concept_23-2148510830.jpg"},
|
|
{
|
|
id: "p3", name: "Dessert Platter", price: "From $15/pp", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-creamy-cake-with-chocolate-cookies-dark-background-biscuit-sugar-cake-sweet-pie_140725-115797.jpg"},
|
|
{
|
|
id: "p4", name: "Charcuterie Boards", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-red-wine-side-view_140725-11214.jpg"},
|
|
{
|
|
id: "p5", name: "Seafood Display", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-arrangement_23-2148510871.jpg"},
|
|
{
|
|
id: "p6", name: "Main Course Service", price: "From $60/pp", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-lettuce-tomatoes-corn-orange-grapefruit-pomegranate-cream-1_140725-8791.jpg"},
|
|
]}
|
|
title="Catering Collections"
|
|
description="Elevate your next event with Oscar's professional catering. Custom menus for any occasion."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Elena Ross", role: "Food Critic", company: "Metro News", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg"},
|
|
{
|
|
id: "2", name: "Marcus Chen", role: "Local Resident", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-635.jpg"},
|
|
{
|
|
id: "3", name: "Sarah Miller", role: "Regular", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-teenager-with-drink-mobile_1157-1131.jpg"},
|
|
{
|
|
id: "4", name: "David Thorne", role: "Director", company: "Thorne Corp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
|
|
{
|
|
id: "5", name: "Julia Vance", role: "Loyal Guest", company: "Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517452.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "15K+", label: "Meals Served"},
|
|
{
|
|
value: "500+", label: "Events Catered"},
|
|
{
|
|
value: "4.9★", label: "Guest Rating"},
|
|
]}
|
|
title="Loved by Our Guests"
|
|
description="Hear what our regulars and corporate clients have to say about their experience with Oscar's."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "14", title: "Years Experience", description: "Committed to local hospitality.", imageSrc: "http://img.b2bpic.net/free-photo/salad-with-lettuce-chicken-corn-greens_141793-1252.jpg"},
|
|
{
|
|
id: "m2", value: "99%", title: "Satisfaction Rate", description: "Our guests keep coming back.", imageSrc: "http://img.b2bpic.net/free-photo/calling-by-lunch_1098-12843.jpg"},
|
|
{
|
|
id: "m3", value: "100+", title: "Corporate Partners", description: "Trusted by local industry leaders.", imageSrc: "http://img.b2bpic.net/free-photo/small-glasses-with-drinks-plate-with-sliced-limes_8353-10646.jpg"},
|
|
]}
|
|
title="By The Numbers"
|
|
description="Our dedication to quality is reflected in the milestones we reach alongside our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Do you offer private catering?", content: "Yes, we specialize in corporate and private event catering."},
|
|
{
|
|
id: "q2", title: "How far in advance to book?", content: "For large events, please book at least 2 weeks in advance."},
|
|
{
|
|
id: "q3", title: "Can you handle dietary restrictions?", content: "We offer custom menus and cater to all dietary needs."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Answers to commonly asked questions regarding our bistro and catering services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Book Now"
|
|
title="Ready to Plan Your Event?"
|
|
description="Get in touch with Oscar's today to discuss your next catering occasion."
|
|
buttons={[
|
|
{
|
|
text: "Send Inquiry", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Welcome to the Oscars Bistro and Catering"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Menu", href: "#catering"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Bookings", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Welcome to the Oscars Bistro and Catering. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|