Merge version_1 into main

Merge version_1 into main

src/app/gallery/page.tsx

@@ -4,10 +4,23 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TextAbout from '@/components/sections/about/TextAbout';
+
+export default function GalleryPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About Us", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Reviews", id: "/reviews" },
+    { name: "FAQ", id: "/faq" },
+    { name: "Contact", id: "/contact" },
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -24,41 +37,9 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={navItems}
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About Us",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
             brandName="TILES CONNECT"
-      button={{
+            button={{ text: "Get Free Estimate", href: "/contact" }}
-        text: "Get Free Estimate",
-        href: "/contact",
-      }}
           />
         </div>
 
@@ -70,40 +51,22 @@ export default function LandingPage() {
             useInvertedBackground={true}
             products={[
               {
-          id: "g1",
+                id: "g1",                name: "Luxury Bathrooms",                imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929569.jpg",                imageAlt: "Beautifully designed luxury bathroom",                price: "Project based pricing"
-          name: "Luxury Bathrooms",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929569.jpg",
-          imageAlt: "Beautifully designed luxury bathroom",
               },
               {
-          id: "g2",
+                id: "g2",                name: "Custom Showers",                imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150695028.jpg",                imageAlt: "Waterproof, elegant custom shower",                price: "Project based pricing"
-          name: "Custom Showers",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150695028.jpg",
-          imageAlt: "Waterproof, elegant custom shower",
               },
               {
-          id: "g3",
+                id: "g3",                name: "Marble Installations",                imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg",                imageAlt: "Premium marble stone craftsmanship",                price: "Project based pricing"
-          name: "Marble Installations",
-          imageSrc: "http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg",
-          imageAlt: "Premium marble stone craftsmanship",
               },
               {
-          id: "g4",
+                id: "g4",                name: "Kitchen Backsplashes",                imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214764.jpg",                imageAlt: "Modern kitchen backsplash designs",                price: "Project based pricing"
-          name: "Kitchen Backsplashes",
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214764.jpg",
-          imageAlt: "Modern kitchen backsplash designs",
               },
               {
-          id: "g5",
+                id: "g5",                name: "Large Format Tile Projects",                imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278629.jpg",                imageAlt: "Seamless luxury large format tile finish",                price: "Project based pricing"
-          name: "Large Format Tile Projects",
-          imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278629.jpg",
-          imageAlt: "Seamless luxury large format tile finish",
               },
               {
-          id: "g6",
+                id: "g6",                name: "Herringbone Installations",                imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-162.jpg",                imageAlt: "A showcase of true herringbone craftsmanship",                price: "Project based pricing"
-          name: "Herringbone Installations",
-          imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-162.jpg",
-          imageAlt: "A showcase of true herringbone craftsmanship",
               },
             ]}
             title="Our Recent Work"
@@ -114,95 +77,47 @@ export default function LandingPage() {
         <div id="gallery-cta" data-section="gallery-cta">
           <ContactText
             useInvertedBackground={false}
-      background={{
+            background={{ variant: "plain" }}
-        variant: "plain",
-      }}
             text="Ready To Upgrade Your Home? Inspired by our gallery? Let's discuss your vision and bring it to life with our expert craftsmanship."
             buttons={[
-        {
+              { text: "Get Your Free Quote", href: "/contact" }
-          text: "Get Your Free Quote",
-          href: "/contact",
-        },
             ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg?_wi=4"
+            imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg"
             imageAlt="Luxury tile pattern background"
             logoText="TILES CONNECT"
             columns={[
               {
-          title: "Company",
+                title: "Company",                items: [
-          items: [
+                  { label: "Home", href: "/" },
-            {
+                  { label: "About Us", href: "/about" },
-              label: "Home",
+                  { label: "Services", href: "/services" },
-              href: "/",
+                  { label: "Gallery", href: "/gallery" },
-            },
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
                 ],
               },
               {
-          title: "Resources",
+                title: "Resources",                items: [
-          items: [
+                  { label: "Reviews", href: "/reviews" },
-            {
+                  { label: "FAQ", href: "/faq" },
-              label: "Reviews",
+                  { label: "Contact", href: "/contact" },
-              href: "/reviews",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
                 ],
               },
               {
-          title: "Service Areas",
+                title: "Service Areas",                items: [
-          items: [
+                  { label: "Mississauga", href: "#" },
-            {
+                  { label: "Oakville", href: "#" },
-              label: "Mississauga",
+                  { label: "Brampton", href: "#" },
-              href: "#",
+                  { label: "Toronto", href: "#" },
-            },
-            {
-              label: "Oakville",
-              href: "#",
-            },
-            {
-              label: "Brampton",
-              href: "#",
-            },
-            {
-              label: "Toronto",
-              href: "#",
-            },
                 ],
               },
               {
-          title: "Legal",
+                title: "Legal",                items: [
-          items: [
+                  { label: "Privacy Policy", href: "#" },
-            {
+                  { label: "Terms of Service", href: "#" },
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
                 ],
               },
             ]}

src/app/services/page.tsx

@@ -2,13 +2,27 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import { Award, CheckCircle, Droplet, FileText, Grid, Heart, MessageCircle, ShieldCheck, Sparkles } from "lucide-react";
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TextAbout from '@/components/sections/about/TextAbout';
+import { ShieldCheck, FileText, CheckCircle, Sparkles, MessageCircle, Grid, Droplet, Award, Heart } from "lucide-react";
+
+export default function ServicesPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About Us", id: "/about" },
+    { name: "Services", id: "/services" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Reviews", id: "/reviews" },
+    { name: "FAQ", id: "/faq" },
+    { name: "Contact", id: "/contact" },
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -25,41 +39,9 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={navItems}
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About Us",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Reviews",
-          id: "/reviews",
-        },
-        {
-          name: "FAQ",
-          id: "/faq",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
             brandName="TILES CONNECT"
-      button={{
+            button={{ text: "Get Free Estimate", href: "/contact" }}
-        text: "Get Free Estimate",
-        href: "/contact",
-      }}
           />
         </div>
 
@@ -71,46 +53,25 @@ export default function LandingPage() {
             useInvertedBackground={true}
             products={[
               {
-          id: "srv1",
+                id: "srv1",                name: "Bathroom Renovations",                imageSrc: "http://img.b2bpic.net/free-photo/tidy-bathroom-with-shiny-tiles_1203-1501.jpg",                imageAlt: "Complete bathroom transformation",                price: "Price on request"
-          name: "Bathroom Renovations",
-          imageSrc: "http://img.b2bpic.net/free-photo/tidy-bathroom-with-shiny-tiles_1203-1501.jpg",
-          imageAlt: "Complete bathroom transformation",
               },
               {
-          id: "srv2",
+                id: "srv2",                name: "Shower Tile Installation",                imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom_1232-3402.jpg",                imageAlt: "Custom shower build for durability and luxury",                price: "Price on request"
-          name: "Shower Tile Installation",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom_1232-3402.jpg",
-          imageAlt: "Custom shower build for durability and luxury",
               },
               {
-          id: "srv3",
+                id: "srv3",                name: "Kitchen Backsplashes",                imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-fronts-marble-backsplash-wall-black-premium-faucet_169016-69143.jpg",                imageAlt: "Modern kitchen backsplash designs",                price: "Price on request"
-          name: "Kitchen Backsplashes",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-fronts-marble-backsplash-wall-black-premium-faucet_169016-69143.jpg",
-          imageAlt: "Modern kitchen backsplash designs",
               },
               {
-          id: "srv4",
+                id: "srv4",                name: "Floor Tile Installation",                imageSrc: "http://img.b2bpic.net/free-photo/gray-brick-wall-background_1372-466.jpg",                imageAlt: "Porcelain, ceramic, and marble floor tiling",                price: "Price on request"
-          name: "Floor Tile Installation",
-          imageSrc: "http://img.b2bpic.net/free-photo/gray-brick-wall-background_1372-466.jpg",
-          imageAlt: "Porcelain, ceramic, and marble floor tiling",
               },
               {
-          id: "srv5",
+                id: "srv5",                name: "Porcelain Slab Installation",                imageSrc: "http://img.b2bpic.net/free-photo/elegant-white-patterned-wall-mockup-with-marble-floor_53876-106167.jpg",                imageAlt: "Luxury large-format porcelain slab installation",                price: "Price on request"
-          name: "Porcelain Slab Installation",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-white-patterned-wall-mockup-with-marble-floor_53876-106167.jpg",
-          imageAlt: "Luxury large-format porcelain slab installation",
               },
               {
-          id: "srv6",
+                id: "srv6",                name: "Entryways & Feature Walls",                imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-premium-pattern_23-2149150545.jpg",                imageAlt: "Stunning tiled entryways and feature walls",                price: "Price on request"
-          name: "Entryways & Feature Walls",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-premium-pattern_23-2149150545.jpg",
-          imageAlt: "Stunning tiled entryways and feature walls",
               },
               {
-          id: "srv7",
+                id: "srv7",                name: "Herringbone & Custom Patterns",                imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-grunge-cement-wall-texture_24972-731.jpg",                imageAlt: "Intricate herringbone and custom tile layouts",                price: "Price on request"
-          name: "Herringbone & Custom Patterns",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-grunge-cement-wall-texture_24972-731.jpg",
-          imageAlt: "Intricate herringbone and custom tile layouts",
               },
             ]}
             title="Luxury Tile Installation Services"
@@ -125,76 +86,31 @@ export default function LandingPage() {
             useInvertedBackground={false}
             features={[
               {
-          title: "Licensed & Professional",
+                title: "Licensed & Professional",                description: "Fully licensed and insured experts providing peace of mind.",                bentoComponent: "reveal-icon",                icon: ShieldCheck,
-          description: "Fully licensed and insured experts providing peace of mind.",
-          bentoComponent: "reveal-icon",
-          icon: ShieldCheck,
-          imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694814.jpg",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Detailed Written Quotes",
+                title: "Detailed Written Quotes",                description: "Transparent pricing with no hidden fees, detailed upfront.",                bentoComponent: "reveal-icon",                icon: FileText,
-          description: "Transparent pricing with no hidden fees, detailed upfront.",
-          bentoComponent: "reveal-icon",
-          icon: FileText,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg?_wi=4",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Clean & Respectful Worksites",
+                title: "Clean & Respectful Worksites",                description: "We maintain tidy and organized work environments.",                bentoComponent: "reveal-icon",                icon: CheckCircle,
-          description: "We maintain tidy and organized work environments.",
-          bentoComponent: "reveal-icon",
-          icon: CheckCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-fronts-gas-cooktop-marble-backsplash_169016-69140.jpg?_wi=4",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Premium Materials & Installation Methods",
+                title: "Premium Materials & Installation Methods",                description: "Only the best for durability and a flawless finish.",                bentoComponent: "reveal-icon",                icon: Sparkles,
-          description: "Only the best for durability and a flawless finish.",
-          bentoComponent: "reveal-icon",
-          icon: Sparkles,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-woman_23-2151020317.jpg?_wi=4",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Exceptional Communication",
+                title: "Exceptional Communication",                description: "Stay informed with clear, consistent updates throughout your project.",                bentoComponent: "reveal-icon",                icon: MessageCircle,
-          description: "Stay informed with clear, consistent updates throughout your project.",
-          bentoComponent: "reveal-icon",
-          icon: MessageCircle,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-file-posing-office_23-2147668798.jpg?_wi=3",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Precision Tile Layouts",
+                title: "Precision Tile Layouts",                description: "Meticulous planning for perfectly aligned tiles every time.",                bentoComponent: "reveal-icon",                icon: Grid,
-          description: "Meticulous planning for perfectly aligned tiles every time.",
-          bentoComponent: "reveal-icon",
-          icon: Grid,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-cabbage-center-green-hot-peppers_114579-82724.jpg?_wi=3",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Waterproofing & Shower Systems",
+                title: "Waterproofing & Shower Systems",                description: "Built to industry standards for long-lasting protection.",                bentoComponent: "reveal-icon",                icon: Droplet,
-          description: "Built to industry standards for long-lasting protection.",
-          bentoComponent: "reveal-icon",
-          icon: Droplet,
-          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetics-bag-still-life_23-2151141481.jpg?_wi=3",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "20-Year Warranty Available On Select Projects",
+                title: "20-Year Warranty Available On Select Projects",                description: "Confidence in our work, backed by an extended warranty.",                bentoComponent: "reveal-icon",                icon: Award,
-          description: "Confidence in our work, backed by an extended warranty.",
-          bentoComponent: "reveal-icon",
-          icon: Award,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147505.jpg?_wi=3",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
               {
-          title: "Hundreds Of Happy Homeowners",
+                title: "Hundreds Of Happy Homeowners",                description: "A testament to our quality and customer satisfaction.",                bentoComponent: "reveal-icon",                icon: Heart,
-          description: "A testament to our quality and customer satisfaction.",
-          bentoComponent: "reveal-icon",
-          icon: Heart,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334536.jpg?_wi=3",
-          imageAlt: "Small bathroom with modern style ai generated",
               },
             ]}
             title="Our Commitment to Quality"
@@ -202,82 +118,51 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="contact-final" data-section="contact-final">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            text="Ready To Upgrade Your Home? Whether you're planning a bathroom renovation, kitchen backsplash, or custom tile project, we're here to help bring your vision to life. Get a detailed quote and expert guidance from start to finish."
+            buttons={[
+              { text: "Request Free Estimate", href: "/contact" },
+              { text: "Call Now", href: "tel:ADD_NUMBER" },
+            ]}
+          />
+        </div>
+
         <div id="footer" data-section="footer">
           <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg?_wi=3"
+            imageSrc="http://img.b2bpic.net/free-photo/stacked-bundle-amaranth-leaves-marble-surface_114579-54865.jpg"
             imageAlt="Luxury tile pattern background"
             logoText="TILES CONNECT"
             columns={[
               {
-          title: "Company",
+                title: "Company",                items: [
-          items: [
+                  { label: "Home", href: "/" },
-            {
+                  { label: "About Us", href: "/about" },
-              label: "Home",
+                  { label: "Services", href: "/services" },
-              href: "/",
+                  { label: "Gallery", href: "/gallery" },
-            },
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
                 ],
               },
               {
-          title: "Resources",
+                title: "Resources",                items: [
-          items: [
+                  { label: "Reviews", href: "/reviews" },
-            {
+                  { label: "FAQ", href: "/faq" },
-              label: "Reviews",
+                  { label: "Contact", href: "/contact" },
-              href: "/reviews",
-            },
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
                 ],
               },
               {
-          title: "Service Areas",
+                title: "Service Areas",                items: [
-          items: [
+                  { label: "Mississauga", href: "#" },
-            {
+                  { label: "Oakville", href: "#" },
-              label: "Mississauga",
+                  { label: "Brampton", href: "#" },
-              href: "#",
+                  { label: "Toronto", href: "#" },
-            },
-            {
-              label: "Oakville",
-              href: "#",
-            },
-            {
-              label: "Brampton",
-              href: "#",
-            },
-            {
-              label: "Toronto",
-              href: "#",
-            },
                 ],
               },
               {
-          title: "Legal",
+                title: "Legal",                items: [
-          items: [
+                  { label: "Privacy Policy", href: "#" },
-            {
+                  { label: "Terms of Service", href: "#" },
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
                 ],
               },
             ]}