Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Calendar, MapPin, ThumbsUp, BookOpen } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Features", id: "/features" }, { name: "About", id: "/about" }, { name: "Testimonials", id: "/testimonials" }, { name: "Areas", id: "/areas" }, { name: "Contact", id: "/contact" }]} brandName="Mina's Cleaning" button={{ text: "Get a Free Quote", href: "/contact" }} />
+        <AboutMetric useInvertedBackground={false} title="Built on Experience & Care" metrics={[{ icon: Calendar, label: "Years Experience", value: "15+" }, { icon: MapPin, label: "States Served", value: "3" }, { icon: ThumbsUp, label: "Client Satisfaction", value: "100%" }, { icon: BookOpen, label: "BBA Certified", value: "Yes" }]} metricsAnimation="slide-up" />
+        <FooterBaseCard logoText="Mina's Cleaning" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/areas/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AreasPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Features", id: "/features" }, { name: "About", id: "/about" }, { name: "Testimonials", id: "/testimonials" }, { name: "Areas", id: "/areas" }, { name: "Contact", id: "/contact" }]} brandName="Mina's Cleaning" button={{ text: "Get a Free Quote", href: "/contact" }} />
+        <SocialProofOne textboxLayout="default" useInvertedBackground={false} names={["Glenside", "Philadelphia", "Cherry Hill", "Wilmington", "Princeton", "Trenton", "King of Prussia"]} title="Serving PA, NJ, & DE" description="Proudly providing high-end cleaning services across our tri-state community." />
+        <FooterBaseCard logoText="Mina's Cleaning" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Features", id: "/features" }, { name: "About", id: "/about" }, { name: "Testimonials", id: "/testimonials" }, { name: "Areas", id: "/areas" }, { name: "Contact", id: "/contact" }]} brandName="Mina's Cleaning" button={{ text: "Get a Free Quote", href: "/contact" }} />
+        <ContactCTA useInvertedBackground={false} background={{ variant: "plain" }} tag="Contact Us" title="Book Your Service Today" description="Serving Pennsylvania, New Jersey, and Delaware with professional excellence." buttons={[{ text: "Email Us", href: "mailto:hello@minascleaning.com" }, { text: "Call Now", href: "tel:2155550100" }]} />
+        <FooterBaseCard logoText="Mina's Cleaning" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/features/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Award, Users, Clock } from "lucide-react";
+
+export default function FeaturesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Features", id: "/features" }, { name: "About", id: "/about" }, { name: "Testimonials", id: "/testimonials" }, { name: "Areas", id: "/areas" }, { name: "Contact", id: "/contact" }]} brandName="Mina's Cleaning" button={{ text: "Get a Free Quote", href: "/contact" }} />
+        <FeatureBento animationType="slide-up" textboxLayout="default" useInvertedBackground={true} features={[{ title: "Quality & Reliability", description: "Decades of proven excellence in every scrub.", bentoComponent: "reveal-icon", icon: Award }, { title: "Professional Team", description: "Trained, trusted, and bonded for your safety.", bentoComponent: "reveal-icon", icon: Users }, { title: "Flexible Scheduling", description: "We work around your busy life seamlessly.", bentoComponent: "reveal-icon", icon: Clock }]} title="Why Choose Mina's" description="We don't just clean; we provide peace of mind through professional excellence." />
+        <FooterBaseCard logoText="Mina's Cleaning" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, BookOpen, Briefcase, Calendar, Clock, FileText, Home, MapPin, Sparkles, ThumbsUp, Users } from "lucide-react";
@@ -28,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "Services", id: "services" },
         { name: "About", id: "about" },
@@ -55,6 +55,8 @@ export default function LandingPage() {
       ]}
       textPosition="bottom"
       showBlur={true}
+      titleClassName="text-[#000000]"
+      descriptionClassName="text-[#1a1a1a]"
     />
   </div>
 
@@ -71,6 +73,7 @@ export default function LandingPage() {
       ]}
       title="Our Professional Services"
       description="Tailored cleaning solutions for your specific needs, executed with absolute precision and care."
+      className="px-4 py-16"
     />
   </div>
 
@@ -86,6 +89,7 @@ export default function LandingPage() {
       ]}
       title="Why Choose Mina's"
       description="We don't just clean; we provide peace of mind through professional excellence."
+      className="px-4 py-16"
     />
   </div>
 
@@ -100,6 +104,7 @@ export default function LandingPage() {
         { icon: BookOpen, label: "BBA Certified", value: "Yes" },
       ]}
       metricsAnimation="slide-up"
+      className="px-4 py-16"
     />
   </div>
 
@@ -109,11 +114,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        { id: "1", name: "Sarah Miller", role: "Homeowner", company: "Glenside, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
+        { id: "1", name: "Sarah Miller", role: "Homeowner", company: "Glenside, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=1" },
-        { id: "2", name: "John Thompson", role: "Office Manager", company: "Cherry Hill, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-way-office-with-laptop-hand_1150-3062.jpg" },
+        { id: "2", name: "John Thompson", role: "Office Manager", company: "Cherry Hill, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-way-office-with-laptop-hand_1150-3062.jpg?_wi=1" },
-        { id: "3", name: "Elena Rodriguez", role: "Store Owner", company: "Wilmington, DE", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg" },
+        { id: "3", name: "Elena Rodriguez", role: "Store Owner", company: "Wilmington, DE", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg?_wi=1" },
-        { id: "4", name: "David Wu", role: "Homeowner", company: "Ambler, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kid_23-2149495910.jpg" },
+        { id: "4", name: "David Wu", role: "Homeowner", company: "Ambler, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kid_23-2149495910.jpg?_wi=1" },
-        { id: "5", name: "Karen Stevens", role: "Real Estate Agent", company: "Princeton, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg" },
+        { id: "5", name: "Karen Stevens", role: "Real Estate Agent", company: "Princeton, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg?_wi=1" },
       ]}
       kpiItems={[
         { value: "500+", label: "Homes Cleaned" },
@@ -122,6 +127,7 @@ export default function LandingPage() {
       ]}
       title="Voices of Trust"
       description="Hear what our valued clients in PA, NJ, and DE say about our services."
+      className="px-4 py-16"
     />
   </div>
 
@@ -134,6 +140,7 @@ export default function LandingPage() {
       ]}
       title="Serving PA, NJ, & DE"
       description="Proudly providing high-end cleaning services across our tri-state community."
+      className="px-4 py-16"
     />
   </div>
 
@@ -147,6 +154,7 @@ export default function LandingPage() {
       buttons={[
         { text: "Get a Free Quote", href: "#contact" },
       ]}
+      className="px-4 py-16"
     />
   </div>
 
@@ -161,6 +169,7 @@ export default function LandingPage() {
         { text: "Email Us", href: "mailto:hello@minascleaning.com" },
         { text: "Call Now", href: "tel:2155550100" },
       ]}
+      className="px-4 py-16"
     />
   </div>
 
@@ -184,6 +193,7 @@ export default function LandingPage() {
         },
       ]}
       copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA"
+      className="px-4 py-8"
     />
   </div>
       </ReactLenis>

src/app/services/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Briefcase, Home, Sparkles, FileText } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Features", id: "/features" }, { name: "About", id: "/about" }, { name: "Testimonials", id: "/testimonials" }, { name: "Areas", id: "/areas" }, { name: "Contact", id: "/contact" }]} brandName="Mina's Cleaning" button={{ text: "Get a Free Quote", href: "/contact" }} />
+        <FeatureBento animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Commercial Cleaning", description: "Keep your workplace spotless and productive.", bentoComponent: "reveal-icon", icon: Briefcase }, { title: "Residential Cleaning", description: "A pristine sanctuary you deserve to come home to.", bentoComponent: "reveal-icon", icon: Home }, { title: "Deep Cleaning", description: "Every corner covered, every surface sanitized.", bentoComponent: "reveal-icon", icon: Sparkles }, { title: "Contract Cleaning", description: "Reliable, consistent long-term service agreements.", bentoComponent: "reveal-icon", icon: FileText }]} title="Our Professional Services" description="Tailored cleaning solutions for your specific needs, executed with absolute precision and care." />
+        <FooterBaseCard logoText="Mina's Cleaning" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/testimonials/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function TestimonialsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="none"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Features", id: "/features" }, { name: "About", id: "/about" }, { name: "Testimonials", id: "/testimonials" }, { name: "Areas", id: "/areas" }, { name: "Contact", id: "/contact" }]} brandName="Mina's Cleaning" button={{ text: "Get a Free Quote", href: "/contact" }} />
+        <TestimonialCardSixteen animationType="slide-up" textboxLayout="default" useInvertedBackground={true} testimonials={[{ id: "1", name: "Sarah Miller", role: "Homeowner", company: "Glenside, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=2" }, { id: "2", name: "John Thompson", role: "Office Manager", company: "Cherry Hill, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-standing-way-office-with-laptop-hand_1150-3062.jpg?_wi=2" }, { id: "3", name: "Elena Rodriguez", role: "Store Owner", company: "Wilmington, DE", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-male-florist-with-colorful-flowers-shop_23-2148075323.jpg?_wi=2" }, { id: "4", name: "David Wu", role: "Homeowner", company: "Ambler, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mom-spending-time-with-her-kid_23-2149495910.jpg?_wi=2" }, { id: "5", name: "Karen Stevens", role: "Real Estate Agent", company: "Princeton, NJ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1346.jpg?_wi=2" }]} kpiItems={[{ value: "500+", label: "Homes Cleaned" }, { value: "150+", label: "Businesses" }, { value: "5.0", label: "Avg Rating" }]} title="Voices of Trust" description="Hear what our valued clients in PA, NJ, and DE say about our services." />
+        <FooterBaseCard logoText="Mina's Cleaning" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} copyrightText="© 2025 Mina's Cleaning Services | Glenside, PA" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}