238 lines
9.3 KiB
TypeScript
238 lines
9.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, Beef, Car, Flame, Pizza, Users, Wind } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Cuisines", id: "features"},
|
|
{
|
|
name: "Experience", id: "about"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Plan Visit", id: "contact"},
|
|
]}
|
|
brandName="Food Court"
|
|
button={{
|
|
text: "Plan Visit", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Your Destination for Global Flavors and Relaxed Dining"
|
|
description="From global cuisines to family-friendly spaces, enjoy great food, relaxed vibes, and something for every taste."
|
|
kpis={[
|
|
{
|
|
value: "10+", label: "Global Cuisines"},
|
|
{
|
|
value: "5/5", label: "Average Rating"},
|
|
{
|
|
value: "Free", label: "Parking Facilities"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Explore Vendors", href: "#features"},
|
|
{
|
|
text: "Plan Your Visit", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-tests-bio-shop-apples-are-organic_482257-81667.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/client-smelling-bio-fruits-from-seller_482257-96290.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/african-american-farmer-putting-fresh-products-box_482257-77554.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/small-business-owners-giving-delivery-order-male-courier_482257-67620.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/farmer-snaps-photos-with-client-market_482257-90432.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg", alt: "Client 5"},
|
|
]}
|
|
avatarText="Join 5,000+ happy visitors"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Italian"},
|
|
{
|
|
type: "text", text: "Lebanese"},
|
|
{
|
|
type: "text", text: "Indian"},
|
|
{
|
|
type: "text", text: "Burgers"},
|
|
{
|
|
type: "text-icon", text: "Family Friendly", icon: Users,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Pizza,
|
|
title: "Italian Flavours", description: "Authentic, freshly seasoned pizzas and Mediterranean classics."},
|
|
{
|
|
icon: Beef,
|
|
title: "Gourmet Burgers", description: "High-quality burgers paired with classic, crispy golden fries."},
|
|
{
|
|
icon: Award,
|
|
title: "Lebanese & Turkish", description: "Authentic middle-eastern dishes with rich, traditional flavors."},
|
|
{
|
|
icon: Flame,
|
|
title: "Indian Spices", description: "Fragrant curries, tandoori items, and bold spiced dishes."},
|
|
]}
|
|
title="Choose What You Crave"
|
|
description="Experience a world of flavors. Mix and match your favorites while dining in one vibrant, spacious environment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Designed for Comfort"
|
|
metrics={[
|
|
{
|
|
icon: Wind,
|
|
label: "Climate", value: "AC Controlled"},
|
|
{
|
|
icon: Car,
|
|
label: "Parking", value: "Free Access"},
|
|
{
|
|
icon: Users,
|
|
label: "Space", value: "Family Focused"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Joseph Latham", handle: "@foodie_joe", testimonial: "A very good food court - not too busy, but lively enough. Great atmosphere!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-talking-female-customer-writing-her-order-digital-tablet-bar_637285-2301.jpg"},
|
|
{
|
|
id: "2", name: "Proshid Bhatt", handle: "@travel_pro", testimonial: "Staff were very helpful and polite. Truly impressed with the service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-with-food_23-2149152891.jpg"},
|
|
{
|
|
id: "3", name: "Justin Bezzina", handle: "@justin_b", testimonial: "Love the concept. Efficient service, great variety, and everything in one place.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-with-pizza-side-view_23-2149872391.jpg"},
|
|
{
|
|
id: "4", name: "Lijoys", handle: "@lijoys", testimonial: "A beautiful hangout place for families. The free parking is a highlight!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
|
|
{
|
|
id: "5", name: "Rav", handle: "@rav_eats", testimonial: "The food felt super fresh and the pizza was seasoned perfectly. Pleasant surprise.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-with-food_23-2149152941.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Loved by Locals & Visitors"
|
|
description="Read stories from foodies and families who call this their go-to dining spot."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100%", description: "Air-conditioned comfort"},
|
|
{
|
|
id: "m2", value: "24/7", description: "Well-maintained environment"},
|
|
{
|
|
id: "m3", value: "Free", description: "Parking for all visitors"},
|
|
]}
|
|
title="Our Standards"
|
|
description="We are dedicated to maintaining a clean, comfortable, and efficient dining environment for every visitor."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Visit Today"
|
|
title="Ready to Experience It Yourself?"
|
|
description="Join us for your next breakfast, lunch, or dinner. Great food, great company, and a place you'll want to come back to."
|
|
buttonText="Plan Your Visit"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Food Court"
|
|
columns={[
|
|
{
|
|
title: "About", items: [
|
|
{
|
|
label: "Our Concept", href: "#features"},
|
|
{
|
|
label: "Visit Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Amenities", items: [
|
|
{
|
|
label: "Parking", href: "#"},
|
|
{
|
|
label: "Play Area", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Support", href: "#"},
|
|
{
|
|
label: "Feedback", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |