162 lines
8.6 KiB
TypeScript
162 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, Gauge, Timer, Zap, Cpu, Armchair, Wind } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Models", id: "models" },
|
|
{ name: "Performance", id: "metrics" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Alwadi"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Culinary Perfection"
|
|
description="Savor the art of fine dining with meticulously prepared gourmet dishes."
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-meal-plate-high-angle_23-2149174697.jpg", imageAlt: "Gourmet Meal" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/gourmet-pasta-with-fresh-herbs-dark-background_23-2148443905.jpg", imageAlt: "Gourmet Pasta" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-gourmet-dish_23-2148737330.jpg", imageAlt: "Chef" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/seafood-platter-with-various-delicacies_23-2148564024.jpg", imageAlt: "Seafood" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-on-table_23-2148443958.jpg", imageAlt: "Drink" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-atmosphere_23-2148443912.jpg", imageAlt: "Dining" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="inline-image"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Fresh Ingredients", description: "Sourced locally to ensure maximum flavor and sustainability.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-wooden-surface_23-2148530467.jpg", buttonIcon: Zap },
|
|
{ title: "Master Chefs", description: "Our world-class team transforms ingredients into edible art.", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-in-kitchen_23-2148737351.jpg", buttonIcon: Cpu },
|
|
{ title: "Ambience", description: "A curated atmosphere to elevate your dining experience.", imageSrc: "http://img.b2bpic.net/free-photo/modern-restaurant-interior_23-2148443924.jpg", buttonIcon: Armchair },
|
|
{ title: "Global Flavors", description: "A journey through international tastes, crafted perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/various-spices-wooden-bowls_23-2148443936.jpg", buttonIcon: Wind },
|
|
]}
|
|
title="The Foodie Experience"
|
|
description="Excellence in every bite, every time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="models" data-section="models">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Signature Steak", price: "$45.00", variant: "Main Course", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdQQrMCPT9LMymcw6mmGNbnwXC/uploaded-1778613006651-txidlvql.png" },
|
|
{ id: "p2", name: "Truffle Pasta", price: "$32.00", variant: "Pasta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdQQrMCPT9LMymcw6mmGNbnwXC/uploaded-1778613006651-txidlvql.png" },
|
|
{ id: "p3", name: "Seared Scallops", price: "$28.00", variant: "Appetizer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdQQrMCPT9LMymcw6mmGNbnwXC/uploaded-1778613006651-txidlvql.png" },
|
|
{ id: "p4", name: "Chocolate Lava Cake", price: "$15.00", variant: "Dessert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdQQrMCPT9LMymcw6mmGNbnwXC/uploaded-1778613006651-txidlvql.png" },
|
|
{ id: "p5", name: "Lobster Bisque", price: "$18.00", variant: "Soup", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdQQrMCPT9LMymcw6mmGNbnwXC/uploaded-1778613006651-txidlvql.png" },
|
|
{ id: "p6", name: "Seasonal Salad", price: "$20.00", variant: "Salad", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DdQQrMCPT9LMymcw6mmGNbnwXC/uploaded-1778613006651-txidlvql.png" },
|
|
]}
|
|
title="Our Menu"
|
|
description="Taste the passion behind our signature dishes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", icon: Timer, title: "Orders Delivered", value: "50,000+" },
|
|
{ id: "m2", icon: Gauge, title: "Customer Rating", value: "4.9/5" },
|
|
{ id: "m3", icon: Award, title: "Years Experience", value: "15+" },
|
|
]}
|
|
title="Quality Standards"
|
|
description="Numbers that reflect our dedication to culinary excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Haitam KH", handle: "@haitam_kh", testimonial: "The flavors were simply divine. Truly the best meal I've had in years!", imageSrc: "http://img.b2bpic.net/free-photo/positive-man-smiling-camera_23-2149129598.jpg" },
|
|
{ id: "t2", name: "Ismail Choukri", handle: "@ismail_choukri", testimonial: "An incredible dining experience. The truffle pasta is highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-smiling-portrait_23-2149129605.jpg" },
|
|
{ id: "t3", name: "Sarah J.", handle: "@sarah_j", testimonial: "Stunning presentation and even better taste. I'll be back soon.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-at-cafe_23-2148443950.jpg" },
|
|
]}
|
|
title="Guest Reviews"
|
|
description="We value every feedback from our cherished diners."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Do you take reservations?", content: "Yes, reservations can be made via our website or by calling us directly." },
|
|
{ id: "f2", title: "Do you offer vegan options?", content: "Absolutely, we offer a dedicated vegan menu for all our guests." },
|
|
{ id: "f3", title: "Is there a dress code?", content: "We encourage smart-casual attire to complement our dining experience." },
|
|
]}
|
|
sideTitle="FAQs"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get In Touch"
|
|
description="Questions? Suggestions? We'd love to hear from you."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-setup_23-2148443940.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Menu", href: "#models" }, { label: "Reviews", href: "#testimonials" }] },
|
|
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] },
|
|
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
|
]}
|
|
logoText="Alwadi"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |