285 lines
13 KiB
TypeScript
285 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Hajis Food Park"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Welcome to Hajis Food Park"
|
|
description="Experience delicious meals in a welcoming environment. Quality flavors, served with passion."
|
|
testimonials={[
|
|
{
|
|
name: "Ali Khan", handle: "@alikhan", testimonial: "The food is consistently excellent and fresh.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg"},
|
|
{
|
|
name: "Sara Ahmed", handle: "@saraahmed", testimonial: "Great atmosphere and friendly service every time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg"},
|
|
{
|
|
name: "Omar Raza", handle: "@omarraza", testimonial: "My go-to place for a quick and tasty lunch.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-proposing-his-lover_23-2148060599.jpg"},
|
|
{
|
|
name: "Fatima Z.", handle: "@fatimaz", testimonial: "The variety of dishes keeps me coming back.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg"},
|
|
{
|
|
name: "Ahmed Noor", handle: "@ahmedn", testimonial: "Best food park in town, hands down.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-male-chef-wearing-glasses-uniform-cap-looking-camera-stretching-bowl-macaroni-pasta-out-towards-camera-isolated-blue-background_141793-138550.jpg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/picnic-arrangement-with-delicious-food_23-2151331906.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg", alt: "Customer 5"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "100% Fresh Ingredients"},
|
|
{
|
|
type: "text", text: "Daily Delivery Available"},
|
|
{
|
|
type: "text", text: "Open 7 Days a Week"},
|
|
{
|
|
type: "text", text: "Family Friendly Atmosphere"},
|
|
{
|
|
type: "text", text: "Quality Guaranteed"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Passion for Food"
|
|
description="Hajis Food Park was established to bring diverse culinary delights to our local community. We pride ourselves on using quality ingredients to craft every meal."
|
|
metrics={[
|
|
{
|
|
value: "10+", title: "Years Experience"},
|
|
{
|
|
value: "5000+", title: "Happy Customers"},
|
|
{
|
|
value: "50+", title: "Menu Items"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954756.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Fresh Ingredients", tags: [
|
|
"Daily Sourced"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-organic-vegetables-versus-junk-food-kitchen-work_23-2147885748.jpg"},
|
|
{
|
|
id: "f2", title: "Fast Delivery", tags: [
|
|
"Home Delivery"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-colorful-boxes_23-2149159998.jpg"},
|
|
{
|
|
id: "f3", title: "Great Ambiance", tags: [
|
|
"Dining Area"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dining-sitting-furniture-set-cafe-restaurant-with-light-colors-big-windows_114579-1522.jpg"},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="Quality service and taste in every bite."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Classic Burger", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-fried-meat-tomatoes-pickles-lettuce-cheese_1150-25582.jpg"},
|
|
{
|
|
id: "p2", name: "Crispy Fries", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/crispy-golden-french-fries-close-up_84443-72333.jpg"},
|
|
{
|
|
id: "p3", name: "Pepperoni Pizza", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/homemade-yellow-cherry-galette-pie-grey-light-top-view-copy-text_114579-3900.jpg"},
|
|
{
|
|
id: "p4", name: "Iced Tea", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food_23-2149303519.jpg"},
|
|
{
|
|
id: "p5", name: "Chocolate Pastry", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-cake-appetizing-strawberry-cake-bowls-pomegranate-cookies-berries_140725-123151.jpg"},
|
|
{
|
|
id: "p6", name: "Grilled Chicken", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-glazed-chicken-wings-with-sauces-dark-background_84443-72410.jpg"},
|
|
]}
|
|
title="Our Signature Menu"
|
|
description="Discover our collection of delicious dishes crafted for every taste."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "John Doe", role: "Visitor", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-wearing-protective-face-mask-while-serving-food-his-guests-restaurant_637285-6633.jpg"},
|
|
{
|
|
id: "t2", name: "Jane Smith", role: "Visitor", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg"},
|
|
{
|
|
id: "t3", name: "Bob Brown", role: "Visitor", company: "Local", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-proposing-his-lover_23-2148060599.jpg"},
|
|
{
|
|
id: "t4", name: "Alice White", role: "Visitor", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg"},
|
|
{
|
|
id: "t5", name: "Charlie Gray", role: "Visitor", company: "Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-male-chef-wearing-glasses-uniform-cap-looking-camera-stretching-bowl-macaroni-pasta-out-towards-camera-isolated-blue-background_141793-138550.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.8", label: "Avg Rating"},
|
|
{
|
|
value: "100%", label: "Fresh Taste"},
|
|
{
|
|
value: "500+", label: "Daily Visitors"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Read what visitors have to say about Hajis Food Park."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"FoodExpress", "Local Dining Assoc", "ReviewHub", "EasyPay", "QualityFood Cert", "City Catering", "EcoStore"]}
|
|
title="Our Partners"
|
|
description="Proudly working with local organizations and delivery services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Are you open on weekends?", content: "Yes, we are open seven days a week."},
|
|
{
|
|
id: "q2", title: "Do you offer delivery?", content: "Yes, delivery services are available in the local area."},
|
|
{
|
|
id: "q3", title: "Can I reserve a table?", content: "For large groups, reservation is recommended."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Common questions about Hajis Food Park."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get in Touch"
|
|
description="Have questions? We would love to hear from you."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your message", required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/journey-trip-travel-discover-explore-concept_53876-120020.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Hajis Food Park"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|