Add src/app/about/page.tsx

2026-05-30 04:21:38 +00:00
parent 95b4b1fe9a
commit 14460a1ffe
1 changed files with 105 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,105 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="medium"
+        background="aurora"
+        cardStyle="inset"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "About Us",                id: "/about"},
+              {
+                name: "Services",                id: "/#services"},
+              {
+                name: "Portfolio",                id: "/#portfolio"},
+              {
+                name: "Testimonials",                id: "/#testimonials"},
+              {
+                name: "Contact",                id: "/#contact"},
+            ]}
+            brandName="Lombard Landscaping by Morris LDC"
+            button={{
+              text: "Get a Free Quote",              href: "/#contact"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="about-content" data-section="about-content">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="About Lombard Landscaping by Morris LDC"
+            description="Lombard Landscaping by Morris LDC provides exceptional lawn care services in Lombard, Illinois. This local business specializes in enhancing outdoor spaces through meticulous lawn maintenance, landscape design, and seasonal clean-up. With a commitment to quality, the team ensures that every lawn looks its best, contributing to the overall beauty of the community. The company employs skilled professionals who understand the unique needs of lawns in the Lombard area. Services include mowing, fertilization, aeration, and weed control, all tailored to promote healthy grass growth and vibrant landscapes. Lombard Landscaping by Morris LDC stands out due to its customer-focused approach, ensuring that each project meets the specific requirements of clients. Community feedback highlights the reliability and professionalism of Lombard Landscaping by Morris LDC. Many clients appreciate the attention to detail and the use of environmentally friendly practices. The team’s dedication to customer satisfaction is evident in their consistent performance and positive reviews, making them a trusted choice for lawn care in the region. Lombard Landscaping by Morris LDC offers comprehensive lawn care services that enhance outdoor aesthetics while ensuring the health of the landscape. The business's commitment to quality and customer service builds strong relationships within the community. Reach out to Lombard Landscaping by Morris LDC for expert lawn care services in Lombard, Illinois."
+            imageSrc="http://img.b2bpic.net/free-photo/senior-couple-harvesting-carrots_23-2148256687.jpg" 
+            imageAlt="Lombard Landscaping team working in a garden"
+            buttons={[
+              {
+                text: "Contact Us",                href: "/#contact", 
+              },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Services",                items: [
+                  {
+                    label: "Design & Planning",                    href: "/#services"},
+                  {
+                    label: "Installation",                    href: "/#services"},
+                  {
+                    label: "Maintenance",                    href: "/#services"},
+                  {
+                    label: "Outdoor Living",                    href: "/#portfolio"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "/about"},
+                  {
+                    label: "Portfolio",                    href: "/#portfolio"},
+                  {
+                    label: "Testimonials",                    href: "/#testimonials"},
+                  {
+                    label: "FAQ",                    href: "/#faq"},
+                ],
+              },
+              {
+                title: "Connect",                items: [
+                  {
+                    label: "Contact Us",                    href: "/#contact"},
+                  {
+                    label: "Get a Quote",                    href: "/#contact"},
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Lombard Landscaping by Morris LDC. All rights reserved."
+            bottomRightText="Crafted with passion for nature."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}