271 lines
8.1 KiB
TypeScript
271 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "/menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "/about",
|
|
},
|
|
]}
|
|
brandName="من و سلوی"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Home-Cooked Perfection, Delivered."
|
|
description="Authentic flavors from our kitchen to your doorstep in Wah Cantt."
|
|
testimonials={[
|
|
{
|
|
name: "Ayesha Khan",
|
|
testimonial: "The best homemade pasta I've ever had in Wah Cantt!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-healthy-food-assortment_23-2149043090.jpg",
|
|
},
|
|
{
|
|
name: "Ali Hassan",
|
|
testimonial: "Authentic Chinese hotpot, simply incredible quality.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230637.jpg",
|
|
},
|
|
{
|
|
name: "Sara Ahmed",
|
|
testimonial: "So hygienic and delicious, highly recommend.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hummus-with-chickpeas_23-2149483842.jpg",
|
|
},
|
|
{
|
|
name: "Omar Farooq",
|
|
testimonial: "The BBQ grilled chicken is my absolute favorite order.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312225.jpg",
|
|
},
|
|
{
|
|
name: "Zainab Noor",
|
|
testimonial: "Always fresh, warm, and delivered right on time.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/details-home-autumn-decor-rustic-style-interior-room-top-view_169016-14203.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Menu",
|
|
href: "/menu",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091298.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/kitchen-work_1098-13989.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-female-chef-kitchen-slicing-vegetables_23-2148763142.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-man-washing-his-hands_23-2149535092.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-videoblogger-cooking-kitchen-filming_1303-18311.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-cereal-banana-slices_23-2148877638.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Freshly Prepared",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Hygienic Kitchen",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Fast Delivery",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Authentic Recipes",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Wah Cantt Special",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Fresh Ingredients",
|
|
tags: [
|
|
"Premium Quality",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-cereal-juice_23-2148877636.jpg?_wi=1",
|
|
imageAlt: "restaurant kitchen",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Free Delivery",
|
|
tags: [
|
|
"Wah Cantt",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091298.jpg?_wi=2",
|
|
imageAlt: "restaurant kitchen",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Hygienic Home Cooking",
|
|
tags: [
|
|
"Safe",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-japanese-dumplings-assortment_23-2148809863.jpg?_wi=1",
|
|
imageAlt: "restaurant kitchen",
|
|
},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="We put love into every ingredient."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Hear From Our Foodies"
|
|
description="See why our customers love our home-cooked meals."
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
title: "Incredible Flavor",
|
|
quote: "The hotpot was out of this world!",
|
|
name: "Ahmad R.",
|
|
role: "Foodie",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hotpot-dishes_23-2149563774.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
title: "Perfect Momos",
|
|
quote: "Best momos in the whole city.",
|
|
name: "Fatima Z.",
|
|
role: "Regular Customer",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-japanese-dumplings-arrangement_23-2148809865.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
title: "Highly Recommend",
|
|
quote: "The pasta was so creamy and fresh.",
|
|
name: "Bilal K.",
|
|
role: "Foodie",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-tomato-sauce-with-chicken-tomatoes-wooden-table_2829-8727.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get in touch"
|
|
title="Order Directly on WhatsApp"
|
|
description="Click below to chat with our kitchen manager and place your order."
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-bowl-with-cereal-juice_23-2148877636.jpg?_wi=2"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="من و سلوی"
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "Full Menu",
|
|
href: "/menu",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "/about",
|
|
},
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/923185436728",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|