161 lines
10 KiB
TypeScript
161 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Our Story", id: "about"},
|
|
{
|
|
name: "Reservations", id: "contact"},
|
|
]}
|
|
brandName="등대식육식당"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="등대식육식당: The Essence of Hanwoo"
|
|
description="Experience the legendary freshness of locally-sourced Hanwoo beef. An authentic Mokpo tradition, refined for the modern epicurean."
|
|
leftCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985294.jpg?_wi=1", imageAlt: "Premium Hanwoo Beef Platter" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg?_wi=1", imageAlt: "Fresh Beef Slices" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/steak-with-green-asparagus_658428-143.jpg?_wi=1", imageAlt: "Signature Cuts" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/thin-fried-beef-wraps-oval-cast-iron-pan_140725-512.jpg", imageAlt: "Hanwoo Beef Detail" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-roasted-meat-pieces-tray-with-chopsticks-sauces-table_181624-28467.jpg", imageAlt: "Grilled Perfection" }
|
|
]}
|
|
rightCarouselItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122045.jpg", imageAlt: "Hanwoo Experience" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-homemade-potatoes-fried-mushrooms_140725-2104.jpg", imageAlt: "Freshness Guaranteed" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-vegetable_1203-9901.jpg", imageAlt: "Special Cuts" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-beef_1232-2539.jpg", imageAlt: "Local Famous Spot" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/young-waitress-setting-table_23-2147830607.jpg", imageAlt: "Premium Quality" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Reserve Now", href: "#contact" },
|
|
{ text: "View Menu", href: "#menu" }
|
|
]}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/overhead-vertical-shot-meat-assortment-with-sauces_181624-23621.jpg", alt: "Diner 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/rib-rib-restaurant-process-preparing-pork-ribs-open-fire_1321-4666.jpg", alt: "Diner 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/flat-lay-japanese-meal-composition_23-2148809882.jpg", alt: "Diner 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091580.jpg", alt: "Diner 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-japanese-meal-composition_23-2148809884.jpg", alt: "Diner 5" }
|
|
]}
|
|
avatarText="Trusted by 500k+ happy local diners"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Premium Hanwoo" },
|
|
{ type: "text", text: "Locally Sourced" },
|
|
{ type: "text", text: "Authentic Taste" },
|
|
{ type: "text", text: "Fresh Daily" },
|
|
{ type: "text", text: "Traditional Craft" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "Signature", name: "Special Hanwoo Cuts", price: "Market Price", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/raw-beef-slices-with-fresh-spices-vegetables-dark-background_1150-24792.jpg" },
|
|
{ id: "p2", brand: "Signature", name: "Premium Marbled Beef", price: "Market Price", rating: 5, reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/raw-fresh-matsusaka-beef-sashimi_74190-5891.jpg" },
|
|
{ id: "p3", brand: "Classic", name: "Fresh Brisket", price: "Market Price", rating: 5, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/fresh-meat-steak-old-wooden-board-dark-background-closeup_1220-6742.jpg" },
|
|
{ id: "p4", brand: "Signature", name: "Raw Beef Tartare", price: "Market Price", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122048.jpg" },
|
|
{ id: "p5", brand: "Classic", name: "Ribeye Special", price: "Market Price", rating: 5, reviewCount: "720", imageSrc: "http://img.b2bpic.net/free-photo/fresh-raw-beef-steak-with-rosemary-spices-dark-slate_84443-72466.jpg" },
|
|
{ id: "p6", brand: "Classic", name: "Chef's Tasting Board", price: "Market Price", rating: 5, reviewCount: "640", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roll-meat-with-lemon-slices-glass-red-wine_141793-4113.jpg" }
|
|
]}
|
|
title="Signature Cuts"
|
|
description="From buttery tenderloin to rich, marbled brisket, explore our premium selection of Hanwoo beef sourced fresh daily."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Freshness"
|
|
metrics={[
|
|
{ icon: Star, label: "Years of Tradition", value: "20+" },
|
|
{ icon: Users, label: "Satisfied Guests", value: "500k+" },
|
|
{ icon: Award, label: "Local Favorite", value: "#1" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Min-Ho Kim", date: "2023-11", title: "Incredible quality", quote: "The beef melts in your mouth.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187827.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cooking-asian-noodles_23-2147985294.jpg?_wi=2", imageAlt: "happy korean food customer eating beef" },
|
|
{ id: "2", name: "Sarah Lee", date: "2023-10", title: "Worth the wait!", quote: "The freshness is unmatched.", tag: "Tourist", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-conversation-bar_23-2152024850.jpg", imageSrc: "http://img.b2bpic.net/free-photo/kebab-pieces-salad-black-plate_114579-82934.jpg?_wi=2", imageAlt: "happy korean food customer eating beef" },
|
|
{ id: "3", name: "Ji-Hoon Park", date: "2023-09", title: "Local secret", quote: "Simply spectacular.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-trying-food_23-2149008717.jpg", imageSrc: "http://img.b2bpic.net/free-photo/steak-with-green-asparagus_658428-143.jpg?_wi=2", imageAlt: "happy korean food customer eating beef" },
|
|
{ id: "4", name: "Eun-Ji Choi", date: "2023-08", title: "Perfect for dinners", quote: "Great value, amazing atmosphere.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/young-japanese-influencer-recording-vlog_23-2149187785.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-meat_23-2148491278.jpg", imageAlt: "happy korean food customer eating beef" },
|
|
{ id: "5", name: "David Wang", date: "2023-07", title: "Amazing raw beef", quote: "Exceptional quality.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-people-eating-asian-food_23-2150288248.jpg", imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211471.jpg?_wi=1", imageAlt: "happy korean food customer eating beef" }
|
|
]}
|
|
title="Words From Our Patrons"
|
|
description="Discover why locals and travelers alike return to 등대식육식당 for the ultimate Hanwoo experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Secure Your Table"
|
|
description="We are a busy local spot. Reservations are recommended for groups, or join us early for walk-ins."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "date", type: "date", placeholder: "Reservation Date", required: true },
|
|
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true }
|
|
]}
|
|
textarea={{ name: "notes", placeholder: "Special requests or notes", rows: 3 }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211471.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="등대식육식당"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "© 2024 등대식육식당. All rights reserved.", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|