Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/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, 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 +30,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 +46,29 @@ 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" }]}
+            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}
-            mediaAnimation="slide-up"
-            metricsAnimation="slide-up"
           />
         </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,14 +76,29 @@ 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"
@@ -97,12 +109,12 @@ export default function LandingPage() {
 
         <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"
@@ -110,26 +122,26 @@ export default function LandingPage() {
           />
         </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}
           />
@@ -137,14 +149,15 @@ export default function LandingPage() {
 
         <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>
   );
-}
+}