207 lines
13 KiB
TypeScript
207 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="SMARA"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
title="Discover Authentic Dining at SMARA"
|
|
description="Experience exceptional cuisine and warm hospitality in an inviting atmosphere. Located at Jl. Laksda Adisucipto No.82. We are open daily until 10.30 pm. Reserve your table today and join us for an unforgettable meal."
|
|
testimonials={[
|
|
{ name: "Alice D.", handle: "@aliced", testimonial: "An incredible experience from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg?_wi=1" },
|
|
{ name: "Robert K.", handle: "@robertk", testimonial: "Best dining in the city, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg?_wi=1" },
|
|
{ name: "Sarah L.", handle: "@sarahl", testimonial: "The atmosphere is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg?_wi=1" },
|
|
{ name: "Tom B.", handle: "@tomb", testimonial: "Impeccable service and amazing flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg?_wi=1" },
|
|
{ name: "Emma R.", handle: "@emmar", testimonial: "A must-visit for foodies.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg?_wi=1" }
|
|
]}
|
|
buttons={[{ text: "Book Your Table", href: "https://wa.me/628123456789" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg", alt: "Diner 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg", alt: "Diner 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg", alt: "Diner 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg", alt: "Diner 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Diner 5" }
|
|
]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "Michelin Recommended" },
|
|
{ type: "text", text: "Locally Sourced" },
|
|
{ type: "text", text: "Seasonal Menu" },
|
|
{ type: "text", text: "Award-Winning Service" },
|
|
{ type: "text", text: "Chef-Driven Cuisine" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Passion for Fine Cuisine"
|
|
description="At SMARA, we believe every meal should be a memorable event. Our kitchen is dedicated to using locally sourced, seasonal ingredients to create dishes that honor tradition while embracing innovation."
|
|
metrics={[
|
|
{ value: "15+", title: "Years Experience" },
|
|
{ value: "500+", title: "Recipes Created" },
|
|
{ value: "4.9", title: "Guest Rating" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16150.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Highlight", name: "Mie Goreng Jawa", price: "$18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg" },
|
|
{ id: "p2", brand: "Highlight", name: "Tempe Mendoan", price: "$8", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dessert-chocolate-fondant-with-ice-cream_141793-4300.jpg" },
|
|
{ id: "p3", brand: "Highlight", name: "Artisanal Pizza", price: "$22", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/boiled-potatoes-herring-with-onions_140725-2258.jpg" },
|
|
{ id: "p4", brand: "Highlight", name: "BBQ Chicken Pizza", price: "$24", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-85551.jpg" },
|
|
{ id: "p5", brand: "Signature", name: "Truffle Pasta", price: "$28", rating: 4, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510924.jpg" },
|
|
{ id: "p6", brand: "Signature", name: "Roasted Duck", price: "$38", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/various-bread-pastry-wooden-basket_114579-72028.jpg" }
|
|
]}
|
|
title="Signature Menu Selections"
|
|
description="Explore our curated selection of dishes, crafted with care by our executive chef and team."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
groups={[
|
|
{
|
|
id: "g1", groupTitle: "Kitchen Team", members: [
|
|
{
|
|
id: "m1", title: "Head Chef", subtitle: "Marcello V.", detail: "Leading the kitchen for over 10 years.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1337.jpg"
|
|
},
|
|
{
|
|
id: "m2", title: "Sous Chef", subtitle: "Elena S.", detail: "Specializing in pastry and fine desserts.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-cook-wearing-chef-uniform-glasses-isolated-white-wall_141793-78421.jpg"
|
|
},
|
|
{
|
|
id: "m3", title: "Chef de Partie", subtitle: "Julian P.", detail: "Focused on seasonal vegetable innovation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner_23-2149434511.jpg"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
title="Meet Our Culinary Experts"
|
|
description="Our team of chefs and service professionals are passionate about delivering the finest dining experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Anna S.", role: "Food Critic", company: "Local Times", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg?_wi=2" },
|
|
{ id: "2", name: "Mark L.", role: "Visitor", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg?_wi=2" },
|
|
{ id: "3", name: "Jenny R.", role: "Guest", company: "Neighborhood", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-positive-people-having-dinner-together_23-2148454185.jpg?_wi=2" },
|
|
{ id: "4", name: "David W.", role: "Business traveler", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg?_wi=2" },
|
|
{ id: "5", name: "Kimberly G.", role: "Local resident", company: "City Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg?_wi=2" }
|
|
]}
|
|
kpiItems={[
|
|
{ value: "100%", label: "Guest Satisfaction" },
|
|
{ value: "20+", label: "Seasonal Menus" },
|
|
{ value: "5 Stars", label: "Avg Rating" }
|
|
]}
|
|
title="Words From Our Guests"
|
|
description="See why our local community considers SMARA their favorite dining destination."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["The Daily Dine", "City Gourmet", "Fine Dining World", "Table Talk", "Culinary Review"]}
|
|
title="Featured By"
|
|
description="Proud to be recognized by these esteemed partners and publications."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Do I need a reservation?", content: "Yes, we highly recommend making a reservation, especially on weekends." },
|
|
{ id: "q2", title: "Can you accommodate allergies?", content: "Our kitchen is happy to cater to various dietary requirements." },
|
|
{ id: "q3", title: "Are you open on public holidays?", content: "We are open on most public holidays, but please check our website for special hours." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about your dining experience at SMARA."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16150.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
text="Ready for an exceptional meal at SMARA? Reach us at (0274) 2800088 or visit us at Jl. Laksda Adisucipto No.82. We are open daily until 10.30 pm. Reserve your table now for an unforgettable experience."
|
|
buttons={[{ text: "Book Your Table", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "SMARA", items: [{ label: "About Us", href: "#about" }, { label: "Our Team", href: "#team" }] },
|
|
{ title: "Help", items: [{ label: "Reservations", href: "#contact" }, { label: "FAQs", href: "#faq" }] }
|
|
]}
|
|
bottomLeftText="© 2024 SMARA Restaurant"
|
|
bottomRightText="Built with passion"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |