265 lines
13 KiB
TypeScript
265 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, Flame, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Wharo BBQ"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlayTestimonial
|
|
title="Authentic Charcoal Mastery"
|
|
description="Experience premium Korean BBQ with the finest hand-selected cuts and our signature charcoal grill process."
|
|
testimonials={[
|
|
{
|
|
name: "James Lee", handle: "@jlee", testimonial: "The quality of meat is unmatched. A true BBQ experience.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/having-breakfast-home_1098-13946.jpg?_wi=1"},
|
|
{
|
|
name: "Sarah Park", handle: "@spark", testimonial: "My favorite BBQ spot in the city. The charcoal flavor is distinct.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg?_wi=1"},
|
|
{
|
|
name: "Mark Kim", handle: "@mkim", testimonial: "Excellent service and an authentic menu. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg?_wi=1"},
|
|
{
|
|
name: "Elena Choi", handle: "@echoi", testimonial: "The atmosphere is incredible, perfect for a special night out.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-eat-salade-restaurant-waiting-woman-with-bouquet-roses_496169-302.jpg?_wi=1"},
|
|
{
|
|
name: "David Ryu", handle: "@dryu", testimonial: "Best short rib I have ever had. Authentic and delicious.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-barbecue_23-2149383061.jpg?_wi=1"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/raw-meat-plate-with-fork_23-2148917728.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-japanese-meal-arrangement_23-2148809876.jpg", alt: "Diner 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/raw-beef-meat_74190-250.jpg", alt: "Diner 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-meat-cleaver-with-herbs_23-2148611027.jpg", alt: "Diner 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-japanese-dish_23-2148809889.jpg", alt: "Diner 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-japanese-meal-assortment_23-2148809875.jpg", alt: "Diner 5"},
|
|
]}
|
|
avatarText="Join 5,000+ satisfied foodies"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Heritage in Every Grill"
|
|
description="We honor the tradition of Korean BBQ. From the selection of charcoal to our unique aging process, we bring the essence of Seoul to your table."
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cooking_23-2150980282.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Prime", name: "Wagyu Ribeye", price: "$85", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-beef_1232-2539.jpg"},
|
|
{
|
|
id: "p2", brand: "Signature", name: "Samgyeopsal", price: "$38", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fresh-pork-sliced_1339-5855.jpg"},
|
|
{
|
|
id: "p3", brand: "Classic", name: "Banchan Platter", price: "$12", rating: 4,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-sliced-carrot-cabbage-bell-peppers-dark-table_140725-143027.jpg"},
|
|
{
|
|
id: "p4", brand: "Classic", name: "Stone Pot Bibimbap", price: "$22", rating: 5,
|
|
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-vegetable-meal-sliced-cooked-dish-inside-plate-grey-background-meal-food-sauce-soup-dinner-vegetable_140725-77133.jpg"},
|
|
{
|
|
id: "p5", brand: "Signature", name: "Cold Buckwheat Noodles", price: "$18", rating: 4,
|
|
reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-asian-dish-with-eggs-copy-space_23-2148694386.jpg"},
|
|
{
|
|
id: "p6", brand: "Classic", name: "Crispy Pajeon", price: "$16", rating: 5,
|
|
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-vegetables-flat-lay-photography_53876-104584.jpg"},
|
|
]}
|
|
title="Signature Selections"
|
|
description="Our hand-picked cuts and traditional favorites."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Real Charcoal", description: "Authentic smokey profile.", icon: Flame,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-frying-chicken_23-2147809458.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050358.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Premium Meats", description: "Sourced from the best.", icon: Award,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-raw-t-bone-steak-with-pepper_23-2148440931.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/steak-meat-with-rosemary-pepper-top-view_140725-11350.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Fresh Sides", description: "Homemade daily.", icon: Leaf,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chopped-spring-onion-black-plate-with-chili-tomatoes-garlic_1150-25627.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-vegetable-salad-with-seasonings-white-background_140725-58418.jpg"},
|
|
],
|
|
},
|
|
]}
|
|
title="Why Wharo?"
|
|
description="Excellence in dining."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/having-breakfast-home_1098-13946.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25276.jpg?_wi=2"},
|
|
{
|
|
id: "3", name: "Sam Brown", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg?_wi=2"},
|
|
{
|
|
id: "4", name: "Alex White", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-eat-salade-restaurant-waiting-woman-with-bouquet-roses_496169-302.jpg?_wi=2"},
|
|
{
|
|
id: "5", name: "Beth Green", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-barbecue_23-2149383061.jpg?_wi=2"},
|
|
]}
|
|
cardTitle="Guest Experiences"
|
|
cardTag="Reviews"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you accept reservations?", content: "Yes, online via our website."},
|
|
{
|
|
id: "f2", title: "Is parking available?", content: "Valet parking is available."},
|
|
{
|
|
id: "f3", title: "Do you offer private dining?", content: "We have private event space."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-waiter-waitress-holding-cupcakes-bread_1170-603.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="Common Questions"
|
|
description="We're here to help."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Grilling Insights"
|
|
description="Learn about our culinary heritage."
|
|
blogs={[
|
|
{
|
|
id: "b1", category: "Heritage", title: "The Art of Charcoal", excerpt: "Why charcoal makes the difference.", imageSrc: "http://img.b2bpic.net/free-photo/peace-meat-with-salt-rosemary-dark-board-closeup_1220-6865.jpg", authorName: "Chef Kim", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-man-sitting-table_23-2149706721.jpg", date: "Oct 1, 2024"},
|
|
{
|
|
id: "b2", category: "Guide", title: "Perfect Grilling 101", excerpt: "Grill your meat to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/composition-delicious-indonesian-bakso_23-2148933304.jpg", authorName: "Chef Kim", authorAvatar: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", date: "Oct 5, 2024"},
|
|
{
|
|
id: "b3", category: "News", title: "New Season, New Cuts", excerpt: "Discover our fall menu.", imageSrc: "http://img.b2bpic.net/free-photo/tuna-diet-restaurant-seafood-fish_1203-4009.jpg", authorName: "Chef Kim", authorAvatar: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519979.jpg", date: "Oct 10, 2024"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
text="Book your table today and taste the tradition."
|
|
buttons={[
|
|
{
|
|
text: "Reserve Now", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Wharo BBQ", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Full Menu", href: "#menu"},
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Wharo Korean BBQ"
|
|
bottomRightText="All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|