308 lines
10 KiB
TypeScript
308 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "reviews",
|
|
},
|
|
{
|
|
name: "Reserve",
|
|
id: "reserve",
|
|
},
|
|
]}
|
|
brandName="Grapevine"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
logoText="Grapevine"
|
|
description="Mediterranean Excellence, Longmeadow Tradition. Award-worthy dishes and timeless hospitality from George & Liz's family table to yours."
|
|
buttons={[
|
|
{
|
|
text: "Explore Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
text: "Reserve Now",
|
|
href: "#reserve",
|
|
},
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-glassware-cutlery-served-wooden-table_8353-10893.jpg?_wi=1"
|
|
imageAlt="Grapevine Mediterranean Restaurant Ambiance"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Family Table"
|
|
description="Born from a love of fresh, local ingredients and authentic family recipes, Grapevine brings a piece of the Mediterranean to Longmeadow. George and Liz invite you to share in the warmth of our hospitality."
|
|
imageSrc="http://img.b2bpic.net/free-photo/men-clanging-glasses-festive-table_23-2147973650.jpg?_wi=1"
|
|
imageAlt="The founders of Grapevine"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Signature",
|
|
name: "Lamb Chops",
|
|
price: "$38",
|
|
rating: 5,
|
|
reviewCount: "120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=1",
|
|
imageAlt: "Signature lamb chops",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Signature",
|
|
name: "Meze Platter",
|
|
price: "$24",
|
|
rating: 5,
|
|
reviewCount: "98",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=2",
|
|
imageAlt: "Meze Platter",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Signature",
|
|
name: "Grilled Octopus",
|
|
price: "$28",
|
|
rating: 5,
|
|
reviewCount: "85",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=3",
|
|
imageAlt: "Grilled Octopus",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Signature",
|
|
name: "Spanakopita",
|
|
price: "$18",
|
|
rating: 5,
|
|
reviewCount: "72",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=4",
|
|
imageAlt: "Spanakopita",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Signature",
|
|
name: "Moussaka",
|
|
price: "$26",
|
|
rating: 5,
|
|
reviewCount: "110",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=5",
|
|
imageAlt: "Moussaka",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Signature",
|
|
name: "Baklava",
|
|
price: "$12",
|
|
rating: 5,
|
|
reviewCount: "200",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=6",
|
|
imageAlt: "Baklava",
|
|
},
|
|
]}
|
|
title="Signature Flavors"
|
|
description="A curated selection of our finest Mediterranean dishes, prepared daily with seasonal ingredients."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
date: "Oct 2023",
|
|
title: "Incredible",
|
|
quote: "The best lamb chops I've had in years!",
|
|
tag: "Date Night",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/content-people-clinking-with-glasses-cafe_23-2147735749.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glassware-cutlery-served-wooden-table_8353-10893.jpg?_wi=2",
|
|
imageAlt: "luxury mediterranean restaurant interior dining",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael R.",
|
|
date: "Sep 2023",
|
|
title: "Authentic",
|
|
quote: "Truly transports you to the Mediterranean.",
|
|
tag: "Family",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/content-people-clinking-with-glasses-cafe_23-2147735749.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-clanging-glasses-festive-table_23-2147973650.jpg?_wi=2",
|
|
imageAlt: "family owned restaurant heritage photo",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena K.",
|
|
date: "Aug 2023",
|
|
title: "Wonderful",
|
|
quote: "Impeccable service and amazing atmosphere.",
|
|
tag: "Anniversary",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/content-people-clinking-with-glasses-cafe_23-2147735749.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bruschetta-with-sesame-seeds-tomatoes_141793-4581.jpg?_wi=7",
|
|
imageAlt: "mediterranean dish signature lamb chops",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David L.",
|
|
date: "Jul 2023",
|
|
title: "Superb",
|
|
quote: "The heritage flavors shine through perfectly.",
|
|
tag: "Regular",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/content-people-clinking-with-glasses-cafe_23-2147735749.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/content-people-clinking-with-glasses-cafe_23-2147735749.jpg",
|
|
imageAlt: "happy diner restaurant table setting",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Monica T.",
|
|
date: "Jun 2023",
|
|
title: "Hidden Gem",
|
|
quote: "A must-visit for any Mediterranean food lover.",
|
|
tag: "Local",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/content-people-clinking-with-glasses-cafe_23-2147735749.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizers-fish-vegetables-served-square-plate_1304-3231.jpg?_wi=1",
|
|
imageAlt: "romantic candlelit dining restaurant table",
|
|
},
|
|
]}
|
|
title="Voices from Our Table"
|
|
description="See why our guests return time and again for the Grapevine experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Date Night",
|
|
author: "Romance",
|
|
description: "Intimate lighting and a curated wine list.",
|
|
tags: [
|
|
"Romantic",
|
|
"Upscale",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizers-fish-vegetables-served-square-plate_1304-3231.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Family Gatherings",
|
|
author: "Connection",
|
|
description: "Warm, welcoming space for large families.",
|
|
tags: [
|
|
"Kids Friendly",
|
|
"Spacious",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizers-fish-vegetables-served-square-plate_1304-3231.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Catering Services",
|
|
author: "Professional",
|
|
description: "Professional catering for all your corporate and social events.",
|
|
tags: [
|
|
"Event",
|
|
"Professional",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizers-fish-vegetables-served-square-plate_1304-3231.jpg?_wi=4",
|
|
},
|
|
]}
|
|
title="Your Experience"
|
|
description="From intimate evenings to large celebrations, Grapevine is your home for every occasion."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Visit Us",
|
|
items: [
|
|
{
|
|
label: "Longmeadow, MA",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Weekend Special: Lamb Chop",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Facebook",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Grapevine Restaurant"
|
|
bottomRightText="All rights reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|