src/app/about/page.tsx

@@ -2,13 +2,28 @@
 
 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 FaqSplitText from '@/components/sections/faq/FaqSplitText';
 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';
-import { CalendarCheck, FileText, Gauge, Paintbrush } from "lucide-react";
+import { Award, CheckCircle, Droplet, FileText, Grid, Heart, MessageCircle, ShieldCheck, Sparkles, Gauge, Paintbrush, CalendarCheck } from "lucide-react";
+
+export default function AboutPage() {
+  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,25 +40,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>
 
@@ -51,7 +50,7 @@ export default function LandingPage() {
           <TextAbout
             useInvertedBackground={true}
             title="Meet The Craftsman Behind Tiles Connect"
-      description="Tiles Connect is a premium tile installation and renovation company proudly serving homeowners throughout Mississauga, Oakville, Brampton, Toronto, and the GTA. Founded by Pete, Tiles Connect has earned a reputation for exceptional craftsmanship, honesty, and attention to detail. Unlike companies focused on speed and volume, we focus on quality. Every tile is carefully planned, every layout thoughtfully designed, and every installation completed using proven industry standards. Many of our clients come to us after disappointing experiences with other contractors. Our mission is simple: Deliver beautiful work that lasts."
+            
           />
         </div>
 
@@ -62,23 +61,35 @@ export default function LandingPage() {
             useInvertedBackground={false}
             features={[
               {
-          title: "Precision",          description: "We believe every grout line matters, ensuring flawless results.",          bentoComponent: "reveal-icon",          icon: Gauge
+                title: "Precision",                description: "We believe every grout line matters, ensuring flawless results.",                bentoComponent: "reveal-icon",                icon: Gauge,
               },
               {
-          title: "Transparency",          description: "Clear communication and detailed quotes from day one.",          bentoComponent: "reveal-icon",          icon: FileText
+                title: "Transparency",                description: "Clear communication and detailed quotes from day one.",                bentoComponent: "reveal-icon",                icon: FileText,
               },
               {
-          title: "Craftsmanship",          description: "We treat every project as a work of art, built to last.",          bentoComponent: "reveal-icon",          icon: Paintbrush
+                title: "Craftsmanship",                description: "We treat every project as a work of art, built to last.",                bentoComponent: "reveal-icon",                icon: Paintbrush,
               },
               {
-          title: "Reliability",          description: "Show up on time, finish properly, and stand behind our work.",          bentoComponent: "reveal-icon",          icon: CalendarCheck
+                title: "Reliability",                description: "Show up on time, finish properly, and stand behind our work.",                bentoComponent: "reveal-icon",                icon: CalendarCheck,
-        }
+              },
             ]}
             title="Our Values"
             description="The principles that guide every project and define our commitment to excellence."
           />
         </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"
@@ -87,46 +98,33 @@ export default function LandingPage() {
             columns={[
               {
                 title: "Company",                items: [
-            {
+                  { label: "Home", href: "/" },
-              label: "Home",              href: "/"},
+                  { label: "About Us", href: "/about" },
-            {
+                  { label: "Services", href: "/services" },
-              label: "About Us",              href: "/about"},
+                  { label: "Gallery", href: "/gallery" },
-            {
+                ],
-              label: "Services",              href: "/services"},
-            {
-              label: "Gallery",              href: "/gallery"}
-          ]
               },
               {
                 title: "Resources",                items: [
-            {
+                  { label: "Reviews", href: "/reviews" },
-              label: "Reviews",              href: "/reviews"},
+                  { label: "FAQ", href: "/faq" },
-            {
+                  { label: "Contact", href: "/contact" },
-              label: "FAQ",              href: "/faq"},
+                ],
-            {
-              label: "Contact",              href: "/contact"}
-          ]
               },
               {
                 title: "Service Areas",                items: [
-            {
+                  { label: "Mississauga", href: "#" },
-              label: "Mississauga",              href: "#"},
+                  { label: "Oakville", href: "#" },
-            {
+                  { label: "Brampton", href: "#" },
-              label: "Oakville",              href: "#"},
+                  { label: "Toronto", href: "#" },
-            {
+                ],
-              label: "Brampton",              href: "#"},
-            {
-              label: "Toronto",              href: "#"}
-          ]
               },
               {
                 title: "Legal",                items: [
-            {
+                  { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",              href: "#"},
+                  { label: "Terms of Service", href: "#" },
-            {
+                ],
-              label: "Terms of Service",              href: "#"}
+              },
-          ]
-        }
             ]}
             copyrightText="© 2024 Tiles Connect. All rights reserved."
           />