Merge version_2 into main #1
451
src/app/page.tsx
451
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Clock, Users, Utensils } from "lucide-react";
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Clock, Users, Utensils, Zap, Coffee, Calendar } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,339 +28,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sada Bahar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Sada Bahar"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to Sada Bahar Hotel & Restaurant"
|
||||
description="Experience delicious food, exceptional hospitality, and a comfortable dining environment in the heart of Jampur. Open 24 Hours."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg",
|
||||
alt: "happy customer eating meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
alt: "smiling traveler dining out",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
alt: "family dinner table restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16395.jpg",
|
||||
alt: "man enjoying meal at restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-having-fun-while-sitting-with-her-friends-dining-table-eating-dessert_637285-3239.jpg",
|
||||
alt: "Young woman having fun while sitting with her friends at dining table and eating dessert",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10k+ customers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh & Hygienic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open 24/7",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Flavors",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Welcome to Sada Bahar Hotel & Restaurant"
|
||||
description="Experience delicious food, exceptional hospitality, and a comfortable dining environment in the heart of Jampur. Open 24 Hours."
|
||||
buttons={[{ text: "Order Now", href: "#products" }, { text: "View Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Dining in Jampur"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Availability",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Food Quality",
|
||||
value: "Fresh",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Environment",
|
||||
value: "Family",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Trusted Dining in Jampur"
|
||||
description="Sada Bahar has been serving our community with quality, hygiene, and tradition for years."
|
||||
metrics={[{ value: "24/7", title: "Availability" }, { value: "Fresh", title: "Food Quality" }, { value: "Family", title: "Environment" }]}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Service",
|
||||
title: "Dine-In Experience",
|
||||
items: [
|
||||
"Family-friendly environment",
|
||||
"Comfortable seating",
|
||||
"Daily fresh meals",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Convenience",
|
||||
title: "Drive-Through",
|
||||
items: [
|
||||
"Quick service",
|
||||
"On-the-go meals",
|
||||
"Easy access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Logistics",
|
||||
title: "Fast Delivery",
|
||||
items: [
|
||||
"Doorstep service",
|
||||
"Hot food delivery",
|
||||
"Reliable timing",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Hospitality Services"
|
||||
description="We offer more than just a meal; we create a complete dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Our Hospitality Services"
|
||||
description="We offer more than just a meal; we create a complete dining experience."
|
||||
features={[
|
||||
{ icon: Users, title: "Dine-In Experience", description: "Family-friendly environment with comfortable seating." },
|
||||
{ icon: Zap, title: "Drive-Through", description: "Quick service for on-the-go meals and easy access." },
|
||||
{ icon: Clock, title: "Fast Delivery", description: "Hot food delivered to your doorstep with reliable timing." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Traditional Pakistani Food",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cod-fish-dish-with-relish-spinach-white-bowl_181624-42819.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "BBQ & Grill Items",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beefsteak-grilling-with-spices_23-2148167634.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chicken & Beef Dishes",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duck-magret_93675-128847.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fast Food",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637350.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tea & Beverages",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-marble-background-high-quality-photo_114579-37491.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fresh Desserts",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-sliced-kiwi-ice-cream_140725-3732.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Special Menu"
|
||||
description="Taste the flavor of tradition and quality in every bite."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Our Special Menu"
|
||||
description="Taste the flavor of tradition and quality in every bite."
|
||||
products={[
|
||||
{ id: "p1", brand: "Sada Bahar", name: "Traditional Pakistani Food", price: "Varies", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/soft-focus-cod-fish-dish-with-relish-spinach-white-bowl_181624-42819.jpg" },
|
||||
{ id: "p2", brand: "Sada Bahar", name: "BBQ & Grill Items", price: "Varies", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/beefsteak-grilling-with-spices_23-2148167634.jpg" },
|
||||
{ id: "p3", brand: "Sada Bahar", name: "Fast Food", price: "Varies", rating: 4, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/still-life-delicious-american-hamburger_23-2149637350.jpg" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Foodie",
|
||||
testimonial: "Excellent food quality and fast service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ali Khan",
|
||||
role: "Traveler",
|
||||
testimonial: "Best family restaurant in Jampur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-girl-with-dark-hair-enjoying-good-day-while-sitting-cafe-elegant-female-model-spending-time-outdoor-restaurant_197531-15782.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Zahra",
|
||||
role: "Local",
|
||||
testimonial: "Open 24 hours which is very convenient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-taking-selfie-with-mobile-phone-while-enjoying-meal-together-restaurant-friends-concept_58466-16339.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bilal Saeed",
|
||||
role: "Visitor",
|
||||
testimonial: "Great atmosphere and quick delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-breakfast-home_1098-13946.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara Malik",
|
||||
role: "Customer",
|
||||
testimonial: "Very hygienic and affordable prices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Rated 4.0 by our valued guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Customers Say"
|
||||
description="Rated 4.0 by our valued guests."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Excellent food quality and fast service." },
|
||||
{ id: "2", name: "Ali Khan", handle: "@alikhan", testimonial: "Best family restaurant in Jampur." },
|
||||
{ id: "3", name: "Fatima Zahra", handle: "@fatima", testimonial: "Open 24 hours which is very convenient." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you open 24/7?",
|
||||
content: "Yes, we are open 24 hours every day for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer home delivery?",
|
||||
content: "Yes, we offer fast delivery services to your doorstep.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the environment family-friendly?",
|
||||
content: "Absolutely, we pride ourselves on a welcoming and family-friendly atmosphere.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our restaurant? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "f1", title: "Are you open 24/7?", content: "Yes, we are open 24 hours every day for your convenience." },
|
||||
{ id: "f2", title: "Do you offer home delivery?", content: "Yes, we offer fast delivery services to your doorstep." },
|
||||
{ id: "f3", title: "Is the environment family-friendly?", content: "Absolutely, we pride ourselves on a welcoming and family-friendly atmosphere." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Have questions about our restaurant? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Visit us at Sharqi Bypass Road, Jampur, or call +92 333 8563580. We are open 24/7."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in touch"
|
||||
title="Visit Sada Bahar Today"
|
||||
description="Sharqi Bypass Road, Jampur. Call us at +92 333 8563580."
|
||||
buttons={[{ text: "Call Now", href: "tel:+923338563580" }, { text: "Get Directions", href: "#" }]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sada Bahar"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Jampur",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+923338563580",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Sada Bahar Hotel & Restaurant. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sada Bahar"
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Menu", href: "#products" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Contact", items: [{ label: "Jampur", href: "#" }, { label: "Call Us", href: "tel:+923338563580" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user