Initial commit
This commit is contained in:
453
src/app/page.tsx
Normal file
453
src/app/page.tsx
Normal file
@@ -0,0 +1,453 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Sparkles, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-autumn-badge-collection_23-2148244126.jpg"
|
||||
logoAlt="White Oak Restaurant Logo"
|
||||
brandName="White Oak Restaurant"
|
||||
button={{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Savor the Exquisite Flavors of White Oak Restaurant"
|
||||
description="Experience an unforgettable culinary journey with our gourmet dishes, meticulously crafted to delight your senses. Perfect for intimate dinners, celebrations, or a memorable evening out."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-carousel-item-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg",
|
||||
imageAlt: "Gourmet dish elegantly plated",
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-item-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-restaurant_23-2147689185.jpg",
|
||||
imageAlt: "Cozy restaurant interior with warm lighting",
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-item-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-various-types-sauces-spoon-wooden-board_140725-12231.jpg",
|
||||
imageAlt: "Sommelier pouring wine into a glass",
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-item-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-cook-pouring-white-flour-table-dough-dark-fruit-job-pastry-cake-pie-bakery-cooking_179666-43907.jpg",
|
||||
imageAlt: "Artistic dessert plating",
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-item-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pomegranate-salad-green-salad-with-fresh-vegetables-light-background_140725-137276.jpg",
|
||||
imageAlt: "Chef preparing fresh ingredients",
|
||||
},
|
||||
{
|
||||
id: "hero-carousel-item-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-enjoying-time-restaurant_23-2147891122.jpg",
|
||||
imageAlt: "Outdoor dining patio at sunset",
|
||||
},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={5000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Culinary Excellence"
|
||||
description="At White Oak, we believe dining is an art form. Our chefs meticulously select the finest seasonal ingredients, transforming them into innovative dishes that tantalize the palate. With a commitment to exceptional service and a refined ambiance, we create an experience that transcends a mere meal."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg"
|
||||
imageAlt="Chef preparing a meal in a professional kitchen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Seasonal Menu",
|
||||
description: "Our menu evolves with the seasons, featuring the freshest, locally sourced ingredients to inspire innovative and delicious dishes.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-dipping-steak-piece-into-sour-sauce_140725-5004.jpg",
|
||||
imageAlt: "Gourmet steak dish",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-making-pasta-together_23-2149631683.jpg",
|
||||
imageAlt: "Elegant pasta dish",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-autumn-badge-collection_23-2148244126.jpg",
|
||||
imageAlt: "gourmet steak dish plating",
|
||||
},
|
||||
{
|
||||
title: "Curated Wine & Cocktails",
|
||||
description: "Complement your meal with a selection from our extensive wine list or enjoy a handcrafted cocktail from our expert mixologists.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg",
|
||||
imageAlt: "Handcrafted cocktail",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-confitures-lemon-slices-inside-plate-dark-background-fruit-citrus-cookies-biscuit-sweet_140725-110248.jpg",
|
||||
imageAlt: "Fine dining dessert",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_1203-9349.jpg",
|
||||
imageAlt: "gourmet steak dish plating",
|
||||
},
|
||||
{
|
||||
title: "Elegant Ambiance & Service",
|
||||
description: "Dine in a sophisticated yet welcoming atmosphere, perfected by our attentive staff dedicated to making your visit memorable.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190917.jpg",
|
||||
imageAlt: "Cozy restaurant interior",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg",
|
||||
imageAlt: "Professional wait staff",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-restaurant_23-2147689185.jpg",
|
||||
imageAlt: "gourmet steak dish plating",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Experience the White Oak Difference"
|
||||
description="From our seasonally inspired menu to our impeccable service, every detail is crafted for your enjoyment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pan-Seared Scallops",
|
||||
price: "$32",
|
||||
variant: "Saffron Risotto, Asparagus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-pea-puree_23-2151942414.jpg",
|
||||
imageAlt: "Pan-seared scallops",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Roasted Duck Breast",
|
||||
price: "$45",
|
||||
variant: "Cherry Reduction, Potato Gratin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cooked-grilled-lamb-ribs-with-herbs_23-2148517066.jpg",
|
||||
imageAlt: "Roasted duck breast",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Truffle Mushroom Risotto",
|
||||
price: "$28",
|
||||
variant: "Arborio Rice, Wild Mushrooms",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-piaces-with-cream-sauce-beans-parsley-sauce-side-view_141793-3542.jpg",
|
||||
imageAlt: "Truffle mushroom risotto",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$14",
|
||||
variant: "Raspberry Coulis, Vanilla Bean Ice Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cacao-crumbles-cake-decorated-with-white-chocolate-leaves-cream_140725-3851.jpg",
|
||||
imageAlt: "Chocolate lava cake",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "The Oak Old Fashioned",
|
||||
price: "$16",
|
||||
variant: "Barrel-Aged Bourbon, House Bitters",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bartender-making-drinking-cocktails-counter_1303-19742.jpg",
|
||||
imageAlt: "Signature cocktail",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Vegetable Tart",
|
||||
price: "$26",
|
||||
variant: "Goat Cheese, Herb Crust",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/topview-served-pork-salad-with-cheese-lettuce_8353-10590.jpg",
|
||||
imageAlt: "Seasonal vegetable tart",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes & Menu Highlights"
|
||||
description="A glimpse into our culinary creations, designed to intrigue and delight your palate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Eleanor Vance",
|
||||
role: "Food Critic",
|
||||
company: "Culinary Digest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
imageAlt: "Eleanor Vance",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Gourmet Enthusiast",
|
||||
company: "Local Foodies Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg",
|
||||
imageAlt: "Marcus Thorne",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie Laurent",
|
||||
role: "Event Planner",
|
||||
company: "Chic Celebrations",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-couple-clinking-glasses-together-restaurant_53876-42638.jpg",
|
||||
imageAlt: "Sophie Laurent",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Local Business Owner",
|
||||
company: "Kim's Fine Foods",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-brining-food-table-communicating-while-having-lunch-together-home_637285-3138.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anya Sharma",
|
||||
role: "Travel Blogger",
|
||||
company: "Wanderlust Bites",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934672.jpg",
|
||||
imageAlt: "Anya Sharma",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from those who have experienced the magic of White Oak Restaurant."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Years of Culinary Excellence",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Satisfied Guests Annually",
|
||||
value: "20,000+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Awards & Recognitions",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Award,
|
||||
title: "Unique Dishes Created",
|
||||
value: "200+",
|
||||
},
|
||||
]}
|
||||
title="Our Journey in Numbers"
|
||||
description="Celebrating the milestones that define White Oak's dedication to quality and guest satisfaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your operating hours?",
|
||||
content: "White Oak Restaurant is open for dinner from Tuesday to Saturday, 5:00 PM to 10:00 PM. We are closed on Sundays and Mondays.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accommodate dietary restrictions?",
|
||||
content: "Yes, our chefs are happy to accommodate most dietary restrictions and allergies. Please inform us when making your reservation or upon arrival.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I make a reservation?",
|
||||
content: "Reservations can be made directly through our website's contact form, by calling us during operating hours, or via our partner booking platform.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is there a dress code?",
|
||||
content: "We recommend smart casual attire to enhance your dining experience, though it is not strictly enforced. Feel free to dress comfortably while respecting the elegant ambiance.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common inquiries about dining at White Oak Restaurant."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Plan Your Visit to White Oak"
|
||||
description="Book a table for an unforgettable dining experience. Our team is ready to welcome you."
|
||||
inputPlaceholder="Your email for confirmation"
|
||||
buttonText="Request Reservation"
|
||||
termsText="By clicking 'Request Reservation' you agree to our booking policy and privacy terms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-autumn-badge-collection_23-2148244126.jpg"
|
||||
logoAlt="White Oak Restaurant Logo"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sitemap",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="White Oak Restaurant"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user