bender/92e0f6f3-435a-42d7-a779-f6e3709178bd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #4

Merged
bender merged 1 commits from version_4 into main 2026-05-14 06:03:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +63 -53
1 changed files with 63 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/app/page.tsx
View File

@@ -11,7 +11,8 @@ 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, Zap } from "lucide-react";
import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
import { Camera, Film, Users, Zap, Award, Target, MessageSquare } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,14 +31,15 @@ export default function LandingPage() {
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Sada Bahar"
brandName="Mirza Ghulam Mujtaba"
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: "Why Choose Me", id: "why-choose-me" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
]}
/>
@@ -45,33 +47,28 @@ export default function LandingPage() {
<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" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg"
imageAlt="Restaurant ambiance"
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">
<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"
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" }]}
/>
</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."
title="Professional Services"
description="Comprehensive video editing services designed for modern real estate professionals."
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." }
{ 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"
@@ -79,72 +76,85 @@ export default function LandingPage() {
/>
</div>
<div id="products" data-section="products">
<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="portfolio" data-section="portfolio">
<ProductCardTwo
title="Our Special Menu"
description="Taste the flavor of tradition and quality in every bite."
title="Portfolio Showcase"
description="Selected projects demonstrating excellence in real estate video editing."
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" }
{ 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="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Customers Say"
description="Rated 4.0 by our valued guests."
title="Client Testimonials"
description="Hear from realtors who have leveled up their listings with my video editing."
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." }
{ 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="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." }
<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 }
]}
sideTitle="Frequently Asked Questions"
sideDescription="Have questions about our restaurant? We have answers."
faqsAnimation="slide-up"
useInvertedBackground={false}
textboxLayout="split"
animationType="slide-up"
/>
</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: "#" }]}
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="Sada Bahar"
logoText="Mirza Ghulam Mujtaba"
columns={[
{ title: "Links", items: [{ label: "Menu", href: "#products" }, { label: "Services", href: "#features" }] },
{ title: "Contact", items: [{ label: "Jampur", href: "#" }, { label: "Call Us", href: "tel:+923338563580" }] }
{ 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>
);
}
}