300 lines
10 KiB
TypeScript
300 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Rawayat"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Authentic Faisalabadi Breakfast Vibes"
|
||
description="Start your day the traditional way. Rawayat brings the authentic taste of Halwa Puri, Nihari, and Karak Chai straight to your table."
|
||
testimonials={[
|
||
{
|
||
name: "Sarah Ahmed",
|
||
handle: "@sarahfoodie",
|
||
testimonial: "The best halwa puri in D Ground! Absolutely authentic and delicious.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-baked-pie-with-seasonings-dark-grey-background-pie-cake-bake-dough-ripe_140725-110004.jpg?_wi=1",
|
||
imageAlt: "traditional pakistani breakfast halwa puri",
|
||
},
|
||
{
|
||
name: "Ali Khan",
|
||
handle: "@ali_eats",
|
||
testimonial: "Nihari here is unmatched. Reminds me of home-cooked food.",
|
||
rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133941.jpg?_wi=1",
|
||
imageAlt: "authentic pakistani nihari bowl",
|
||
},
|
||
{
|
||
name: "Zara Bilal",
|
||
handle: "@zarab",
|
||
testimonial: "Perfect spot for a casual morning meetup with friends.",
|
||
rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086042.jpg?_wi=1",
|
||
imageAlt: "halwa puri nashta breakfast set",
|
||
},
|
||
{
|
||
name: "Usman Sheikh",
|
||
handle: "@usman",
|
||
testimonial: "Crowded but worth the wait for the breakfast combo.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-sauce-with-different-seasonings-dark-surface-dish-soup-food-dinner-sauce_140725-101545.jpg?_wi=1",
|
||
imageAlt: "authentic spicy beef nihari",
|
||
},
|
||
{
|
||
name: "Hina Khan",
|
||
handle: "@hina_k",
|
||
testimonial: "Karak chai is a must-have after their spicy nihari.",
|
||
rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-soup-dark-desk-soup-vegetable-meal-food-kitchen-bean_140725-74474.jpg?_wi=1",
|
||
imageAlt: "karak chai in clay cup",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "View Menu",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-baked-pie-with-seasonings-dark-grey-background-pie-cake-bake-dough-ripe_140725-110004.jpg?_wi=2"
|
||
imageAlt="Traditional Pakistani Breakfast"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||
alt: "Customer 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2799.jpg",
|
||
alt: "Customer 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/group-friends-taking-selfies_23-2148395361.jpg",
|
||
alt: "Customer 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/senior-couple-holding-hands-while-being-date_23-2149274362.jpg",
|
||
alt: "Customer 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||
alt: "Customer 5",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="A Legacy of Traditional Taste"
|
||
description="Rawayat is more than just a place to eat; it's a Faisalabadi experience. From early morning nashta to casual mid-day meetups, we serve authentic flavors that bring friends and families together."
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-meat-soup-with-different-seasonings_140725-133941.jpg?_wi=2"
|
||
imageAlt="Authentic Traditional Food"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
name: "Halwa Puri Set",
|
||
price: "Rs 450",
|
||
variant: "Breakfast",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086042.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Special Nihari",
|
||
price: "Rs 850",
|
||
variant: "Signature",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-sauce-with-different-seasonings-dark-surface-dish-soup-food-dinner-sauce_140725-101545.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Karak Chai",
|
||
price: "Rs 150",
|
||
variant: "Beverage",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-soup-dark-desk-soup-vegetable-meal-food-kitchen-bean_140725-74474.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Fresh Lassi",
|
||
price: "Rs 250",
|
||
variant: "Beverage",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cappuccino-tea-towel-marble-table_114579-66085.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Special Naan",
|
||
price: "Rs 100",
|
||
variant: "Side",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pakistani-food-cloth-flat-lay_23-2148825098.jpg",
|
||
},
|
||
{
|
||
id: "6",
|
||
name: "Achari Channay",
|
||
price: "Rs 300",
|
||
variant: "Curry",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-cooked-vegetables-sliced-with-sauce-dark-background-food-sauce-soup-meal-vegetable_140725-77032.jpg",
|
||
},
|
||
]}
|
||
title="Our Signature Dishes"
|
||
description="Hand-crafted traditional favorites that defined our reputation."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={true}
|
||
testimonial="The best desi breakfast experience in Faisalabad. Crowded but the flavor is unbeatable."
|
||
rating={5}
|
||
author="Ali Hassan"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2799.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/group-friends-taking-selfies_23-2148395361.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/senior-couple-holding-hands-while-being-date_23-2149274362.jpg",
|
||
alt: "Customer",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg",
|
||
alt: "Customer",
|
||
},
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Visit Us Today"
|
||
description="Located in D Ground, People’s Colony. We close early, so come by in the morning for the freshest experience."
|
||
inputs={[
|
||
{
|
||
name: "name",
|
||
type: "text",
|
||
placeholder: "Your Name",
|
||
required: true,
|
||
},
|
||
{
|
||
name: "email",
|
||
type: "email",
|
||
placeholder: "Your Email",
|
||
required: true,
|
||
},
|
||
]}
|
||
textarea={{
|
||
name: "message",
|
||
placeholder: "Any special requests?",
|
||
rows: 4,
|
||
required: false,
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-happy-woman-street-cafe-smiling-laughs-drinking-coffee-terrace_1321-1411.jpg?_wi=1"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-happy-woman-street-cafe-smiling-laughs-drinking-coffee-terrace_1321-1411.jpg?_wi=2"
|
||
logoText="Rawayat"
|
||
columns={[
|
||
{
|
||
title: "Menu",
|
||
items: [
|
||
{
|
||
label: "Breakfast",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Drinks",
|
||
href: "#menu",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Visit",
|
||
items: [
|
||
{
|
||
label: "Location",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Timing",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|