250 lines
8.0 KiB
TypeScript
250 lines
8.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Reservations",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Apollo Restraunt "
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Elevated dining Apollo views Limited seating"
|
|
description="Experience premium cuisine in an intimate setting overlooking the city—where atmosphere, service, and signature dishes justify every moment"
|
|
buttons={[
|
|
{
|
|
text: "Reserve Your Table",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-couple-enjoying-drink-restaurant_23-2147891133.jpg"
|
|
imageAlt="Panoramic view of Yaarmag luxury dining restaurant overlooking the city"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Our Culinary Philosophy & Atmosphere",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Discover Our Story",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "dish-1",
|
|
name: "Filet Mignon au Poivre",
|
|
price: "€85",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chopped-pieces-fried-meat-with-potatoes-pumpkin_140725-9788.jpg",
|
|
imageAlt: "Perfectly cooked filet mignon with peppercorn sauce",
|
|
},
|
|
{
|
|
id: "dish-2",
|
|
name: "Pan-Seared Scallops with Saffron Risotto",
|
|
price: "€70",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-pesto_74190-4743.jpg",
|
|
imageAlt: "Seared scallops served on creamy saffron risotto",
|
|
},
|
|
{
|
|
id: "dish-3",
|
|
name: "Valrhona Chocolate Lava Cake",
|
|
price: "€35",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549963.jpg",
|
|
imageAlt: "Rich Valrhona chocolate lava cake with raspberry coulis",
|
|
},
|
|
]}
|
|
title="Signature Culinary Creations"
|
|
description="Explore our exquisite menu designed for the discerning palate, showcasing the finest ingredients and innovative techniques."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "An Unforgettable Evening",
|
|
quote: "Yaarmag delivered an evening of unparalleled elegance. The views were breathtaking, the service impeccable, and every dish was a masterpiece. Truly worth every moment.",
|
|
name: "Eleanor Vance",
|
|
role: "CEO, LuxCorp",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135824.jpg",
|
|
imageAlt: "Portrait of Eleanor Vance",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Culinary Excellence Redefined",
|
|
quote: "From the moment we arrived, we were treated like royalty. The wine pairing was exquisite, and the food was an artistic symphony of flavors. A truly refined experience.",
|
|
name: "Marcus Thorne",
|
|
role: "Founder, Ascent Group",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
|
imageAlt: "Portrait of Marcus Thorne",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "The Perfect Celebration Venue",
|
|
quote: "We celebrated our anniversary at Yaarmag, and it was perfect. The intimate setting, the thoughtful service, and the incredible food made it truly special.",
|
|
name: "Isabella Rossi",
|
|
role: "Event Planner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-blonde-rich-woman_23-2149668301.jpg",
|
|
imageAlt: "Portrait of Isabella Rossi",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "A Benchmark in Luxury Dining",
|
|
quote: "Yaarmag sets a new standard for luxury dining. The attention to detail, the exquisite ingredients, and the serene ambiance create an unmatched experience.",
|
|
name: "Julian Hayes",
|
|
role: "Private Banker",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
|
imageAlt: "Portrait of Julian Hayes",
|
|
},
|
|
]}
|
|
title="Hear From Our Guests"
|
|
description="Authentic experiences from diners who cherish our ambiance, service, and exquisite cuisine. Their words reflect our commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Book Now"
|
|
title="Secure Your Exclusive Dining Experience"
|
|
description="Limited seating available. Reserve your table at Yaarmag for an unforgettable evening of luxury dining and breathtaking views."
|
|
buttons={[
|
|
{
|
|
text: "Make a Reservation",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="YAARMAG"
|
|
columns={[
|
|
{
|
|
title: "Explore",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#home",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "Reservations",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Private Dining",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Yaarmag Luxury Dining. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|