290 lines
15 KiB
TypeScript
290 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider, useTheme } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Heart, Users, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
const { toggleTheme } = useTheme();
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Concept", id: "#concept"},
|
|
{
|
|
name: "Dishes", id: "#dishes"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Swiss Butter"
|
|
button={{ text: "Toggle Theme", onClick: toggleTheme }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Swiss Butter: Your Neighborhood Steakhouse"
|
|
description="Experience Beef, Chicken, and Salmon smothered in our secret Swiss Butter sauce. A place for everyone to come in and enjoy a good meal, driven by our community and passion for great food."
|
|
tagAnimation="opacity"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Menu", href: "#dishes"},
|
|
{
|
|
text: "Find a Location", href: "#contact"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/seared-tuna-coated-with-sesame-seeds-close-up_1147-532.jpg", imageAlt: "Gourmet steak with melted Swiss Butter sauce"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/charcoal-sturgeon-serve-with-arugula-ketchup_140725-2033.jpg", imageAlt: "Chicken breast with creamy Swiss Butter sauce"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/baked-chicken-garnished-with-asparagus-herbs_2829-11072.jpg", imageAlt: "Salmon filet with golden Swiss Butter sauce"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg", imageAlt: "Elegant restaurant interior with warm lighting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg", imageAlt: "Chef preparing a gourmet dish in a professional kitchen"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg", imageAlt: "Perfectly plated gourmet dish served on a table"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="concept" data-section="concept">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Concept: A Place for Everyone"
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Community Driven", value: "100%"},
|
|
{
|
|
icon: Heart,
|
|
label: "Great Experience", value: "Every Time"},
|
|
{
|
|
icon: Utensils,
|
|
label: "Good Meal", value: "Guaranteed"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="sizzle" data-section="sizzle">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "sauce-quality", title: "Signature Swiss Butter Sauce", description: "Our closely-guarded recipe, perfected over years, is the heart of every dish, ensuring a rich and unforgettable flavor.", tag: "Flavorful", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-tomato-soup-with-melted-parmesan-inside-blue-plate_114579-2908.jpg", imageAlt: "Rich Swiss Butter sauce pouring over a meal"},
|
|
{
|
|
id: "fresh-ingredients", title: "Finest Fresh Ingredients", description: "We source only the highest quality beef, chicken, and salmon, paired with crisp vegetables and freshly baked baguettes.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/veggies-tomatoes-healthy-relaxed-mind_23-2148677979.jpg", imageAlt: "Assortment of fresh ingredients and herbs"},
|
|
{
|
|
id: "dining-experience", title: "Unforgettable Dining Ambiance", description: "Beyond the plate, we craft an inviting atmosphere where every guest feels at home, making every visit a special occasion.", tag: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg", imageAlt: "Elegant and cozy restaurant dining area"},
|
|
]}
|
|
title="The Secret to Our Sizzle"
|
|
description="Our unique Swiss Butter sauce transforms every dish into an unforgettable culinary journey. It's more than a meal; it's an experience built on passion and quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="dishes" data-section="dishes">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "beef-filet", name: "Beef Filet or Ribeye", price: "Starting from $28", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-bruschetta-meat-close-up_23-2148516970.jpg", imageAlt: "Grilled Beef Filet with Swiss Butter sauce"},
|
|
{
|
|
id: "chicken-breast", name: "Chicken Breast", price: "Starting from $22", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-mashed-potato-greens-sauce-side-view_141793-3550.jpg", imageAlt: "Grilled Chicken Breast with Swiss Butter sauce"},
|
|
{
|
|
id: "salmon-filet", name: "Salmon Filet", price: "Starting from $26", imageSrc: "http://img.b2bpic.net/free-photo/grilled-seafood-meat-roasted-dish_1203-4110.jpg", imageAlt: "Pan-seared Salmon Filet with Swiss Butter sauce"},
|
|
{
|
|
id: "beef-ribeye", name: "Beef Ribeye", price: "Starting from $30", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-salad-with-ruccola-plate_140725-723.jpg", imageAlt: "Grilled Beef Ribeye with Swiss Butter sauce"},
|
|
{
|
|
id: "chicken-skewer", name: "Chicken Skewer", price: "Starting from $24", imageSrc: "http://img.b2bpic.net/free-photo/chicken-lula-with-onion-sauce_140725-1732.jpg", imageAlt: "Grilled Chicken Skewers with Swiss Butter sauce"},
|
|
{
|
|
id: "salmon-steak", name: "Salmon Steak", price: "Starting from $29", imageAlt: "Grilled Salmon Steak with Swiss Butter sauce", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-cucumber-cherry-tomato-lettuce-olive_140725-1610.jpg"}
|
|
]}
|
|
title="Our Signature Dishes"
|
|
description="Each dish is meticulously prepared and smothered in our iconic secret Swiss Butter sauce, served with a mesclun salad, white or brown baguette, chili flakes, and your choice of fries or baked potato."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Food Blogger", company: "TasteExplorer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg", imageAlt: "Sarah Johnson, food blogger"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Restaurant Critic", company: "Culinary Daily", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-140996.jpg", imageAlt: "Michael Chen, restaurant critic"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Gourmet Enthusiast", company: "Local Foodie", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg", imageAlt: "Emily Rodriguez, gourmet enthusiast"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Chef & Owner", company: "The Bistro", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12676.jpg", imageAlt: "David Kim, Chef"},
|
|
{
|
|
id: "5", name: "Jessica Lee", role: "Dining aficionado", company: "Food Critics Society", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-with-cucumber-rolls-table_140725-6658.jpg", imageAlt: "Jessica Lee, dining aficionado"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "10+", label: "Locations"},
|
|
{
|
|
value: "5-Star", label: "Average Rating"},
|
|
{
|
|
value: "Secret", label: "Sauce Recipe"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our happy customers about their unforgettable dining experiences and how much they love our secret Swiss Butter sauce."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Gourmet Magazine", "Food Critic Reviews", "Local Food Bloggers", "Restaurant Guides", "Culinary Enthusiasts", "Happy Diners", "Community Favorites"]}
|
|
title="Trusted by Food Lovers & Critics"
|
|
description="Our commitment to quality, community, and an unparalleled dining experience has earned us recognition and a loyal following worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the secret Swiss Butter sauce?", content: "Our signature Swiss Butter sauce is a closely guarded family recipe, a blend of herbs and spices that perfectly complements our beef, chicken, and salmon, creating an unforgettable flavor profile unique to Swiss Butter."},
|
|
{
|
|
id: "2", title: "Do you offer vegetarian options?", content: "While our main focus is on steak, chicken, and salmon, we do offer a selection of delicious side dishes and salads that can be enjoyed by vegetarians. Please inquire with your server for recommendations."},
|
|
{
|
|
id: "3", title: "Can I make a reservation?", content: "Yes, we encourage reservations, especially during peak hours, to ensure you get the best dining experience. You can find reservation options on our contact page or by calling your nearest location."},
|
|
{
|
|
id: "4", title: "Where are your locations?", content: "Swiss Butter has locations across Lebanon, UAE, KSA, and the UK. Visit our 'Find a Location' section for a complete list and addresses."},
|
|
{
|
|
id: "5", title: "Do you have options for children?", content: "We welcome families! We have a selection of kid-friendly options and can accommodate special requests to ensure our younger guests also enjoy their meal at Swiss Butter."},
|
|
]}
|
|
sideTitle="Quick Answers to Common Questions"
|
|
sideDescription="Have a question in mind about our menu, locations, or dining experience? We've got the answers."
|
|
buttons={[
|
|
{
|
|
text: "See All FAQs", href: "#"},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Ready to Savor the Swiss Butter Experience?"
|
|
buttons={[
|
|
{
|
|
text: "Find a Location", href: "#"},
|
|
{
|
|
text: "Make a Reservation", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/bottle-with-letter-lies-blue-serviette-dinner-table_1304-3689.jpg"
|
|
imageAlt="Gourmet steak dinner on a beautifully set table"
|
|
logoText="Swiss Butter"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Beef Filet", href: "#dishes"},
|
|
{
|
|
label: "Chicken Breast", href: "#dishes"},
|
|
{
|
|
label: "Salmon Filet", href: "#dishes"},
|
|
],
|
|
},
|
|
{
|
|
title: "Locations", items: [
|
|
{
|
|
label: "Lebanon", href: "#"},
|
|
{
|
|
label: "UAE", href: "#"},
|
|
{
|
|
label: "KSA", href: "#"},
|
|
{
|
|
label: "UK", href: "#"},
|
|
{
|
|
label: "Spain", href: "#"},
|
|
{
|
|
label: "Bahrain", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "FAQs", href: "#faq"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Press", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="Copyright © 2023 Swiss Butter - All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |