Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bdab49cbe0 | |||
| d24f7dd60d | |||
| 804da6b5db | |||
| f66ddd5535 | |||
| d6feae26df | |||
| 46cfb3a6b5 | |||
| 3af6f19248 | |||
| 4167d069e9 |
465
src/app/page.tsx
465
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 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 TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
|
||||
import { Camera, Film, Users, Zap, Award, Target, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,338 +28,135 @@ 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="Mirza Ghulam Mujtaba"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Why Choose Me", id: "why-choose-me" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ 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="Professional Real Estate Video Editor"
|
||||
description="Transforming properties into immersive visual experiences. Helping realtors close deals faster with high-impact video content."
|
||||
buttons={[{ text: "View Portfolio", href: "#portfolio" }, { text: "Let's Collaborate", href: "#contact" }]}
|
||||
/>
|
||||
</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="About Me"
|
||||
description="With a keen eye for detail and a passion for architectural storytelling, I specialize in editing real estate videos that capture the soul of a property."
|
||||
metrics={[{ value: "500+", title: "Projects Delivered" }, { value: "5+ Years", title: "Experience" }, { value: "100%", title: "Client Satisfaction" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="Professional Services"
|
||||
description="Comprehensive video editing services designed for modern real estate professionals."
|
||||
features={[
|
||||
{ icon: Film, title: "Cinematic Walkthroughs", description: "High-end color grading and smooth transitions." },
|
||||
{ icon: Camera, title: "Drone Footage Editing", description: "Aerial perspectives that emphasize property scale." },
|
||||
{ icon: Zap, title: "Fast Turnaround", description: "Quick delivery without compromising quality." }
|
||||
]}
|
||||
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="why-choose-me" data-section="why-choose-me">
|
||||
<FeatureBorderGlow
|
||||
title="Why Choose Me"
|
||||
description="I understand the nuances of real estate marketing and how to convert viewers into leads."
|
||||
features={[
|
||||
{ icon: Award, title: "Premium Quality", description: "Industry-leading production standards for every project." },
|
||||
{ icon: Target, title: "Marketing-Focused", description: "Videos optimized for social media engagement and conversion." },
|
||||
{ icon: Users, title: "Collaborative Approach", description: "I work closely with you to reflect your unique brand style." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</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="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
title="Portfolio Showcase"
|
||||
description="Selected projects demonstrating excellence in real estate video editing."
|
||||
products={[
|
||||
{ id: "1", brand: "Luxury Series", name: "Modern Villa Walkthrough", price: "Featured", rating: 5, reviewCount: "2024", imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=800" },
|
||||
{ id: "2", brand: "Commercial Series", name: "Downtown Office Suite", price: "Featured", rating: 5, reviewCount: "2024", imageSrc: "https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=800" },
|
||||
{ id: "3", brand: "Residential Series", name: "Suburban Family Home", price: "Featured", rating: 5, reviewCount: "2024", imageSrc: "https://images.unsplash.com/photo-1600566753376-12c7ab77a52a?q=80&w=800" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Client Testimonials"
|
||||
description="Hear from realtors who have leveled up their listings with my video editing."
|
||||
testimonials={[
|
||||
{ id: "1", name: "James Anderson", handle: "@james_realty", testimonial: "Mirza delivers incredible quality every time. Highly recommended!" },
|
||||
{ id: "2", name: "Elena Rodriguez", handle: "@elena_lux", testimonial: "His video edits completely transformed our engagement metrics." },
|
||||
{ id: "3", name: "Marcus Thorne", handle: "@m_thorne", testimonial: "Fast, professional, and understands luxury real estate perfectly." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="process" data-section="process">
|
||||
<TimelineProcessFlow
|
||||
title="My Editing Process"
|
||||
description="From raw footage to a polished cinematic masterpiece."
|
||||
items={[
|
||||
{ content: "Consultation and Goal Definition", media: <Target size={40} />, reverse: false },
|
||||
{ content: "Professional Color Grading & Sound", media: <Film size={40} />, reverse: true },
|
||||
{ content: "Final Review and Delivery", media: <MessageSquare size={40} />, reverse: false }
|
||||
]}
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</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="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact Me"
|
||||
title="Ready to Elevate Your Listings?"
|
||||
description="Let's create content that sells your properties faster. Reach out today."
|
||||
buttons={[{ text: "Email Me", href: "mailto:editor@example.com" }, { text: "Schedule a Call", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Mirza Ghulam Mujtaba"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Professional", items: [{ label: "Contact", href: "#contact" }, { label: "Process", href: "#process" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Mirza Ghulam Mujtaba. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user