Add src/app/services/page.tsx

Merge version_3 into main

src/app/contact/page.tsx

@@ -0,0 +1,113 @@
+"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 FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import { Sparkles } from "lucide-react";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumLarge"
+        background="blurBottom"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "#about" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "#portfolio" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" }
+            ]}
+            brandName="ARO Landscaping"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "downward-rays-animated-grid" }}
+            title="Contact ARO Landscaping"
+            description="Ready to start your next outdoor project? Get in touch with us for a free consultation and quote."
+            tag="Your Vision, Our Expertise"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
+            mediaItems={[
+              { imageSrc: "https://images.unsplash.com/photo-1587572793189-c4f4d2c1c3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxyZWFjaCUyMG91dCUyMGxhbmRzY2FwaW5nfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Contact Us for Landscaping Services" }
+            ]}
+            mediaAnimation="opacity"
+            buttons={[
+              {
+                text: "Call Us Today",                href: "tel:123-456-7890"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get in Touch"
+            title="Let's Create Your Dream Outdoor Space"
+            description="Reach out to ARO Landscaping for inquiries, free consultations, or to schedule a service. Our team is ready to assist you in transforming your property. Call us at (123) 456-7890 or email us at info@arolandscaping.com."
+            buttons={[
+              {
+                text: "Get Your Free Quote Now",                href: "#contact-form" // Internal anchor on contact page, or can be a form component later
+              },
+              {
+                text: "Call Us Today",                href: "tel:123-456-7890"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c5v0jj"
+            logoAlt="ARO Landscaping Logo"
+            logoText="ARO Landscaping"
+            copyrightText="© 2024 ARO Landscaping. All rights reserved."
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "Garden Design", href: "/services" },
+                  { label: "Lawn Care", href: "/services" },
+                  { label: "Hardscaping", href: "/services" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Portfolio", href: "/#portfolio" },
+                  { label: "Testimonials", href: "/#testimonials" },
+                  { label: "FAQ", href: "/#faq" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,9 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -33,11 +31,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
           name: "About",          id: "#about"},
         {
-          name: "Services",          id: "#services"},
+          name: "Services",          id: "/services"},
         {
           name: "Portfolio",          id: "#portfolio"},
         {
@@ -47,7 +45,7 @@ export default function LandingPage() {
       ]}
       brandName="ARO Landscaping"
       button={{
-        text: "Get a Quote",        href: "#contact"}}
+        text: "Get a Quote",        href: "/contact"}}
     />
   </div>
 
@@ -62,9 +60,9 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Explore Services",          href: "#services"},
+          text: "Explore Services",          href: "/services"},
         {
-          text: "Get a Free Quote",          href: "#contact"},
+          text: "Get a Free Quote",          href: "/contact"},
       ]}
       buttonAnimation="slide-up"
       mediaItems={[
@@ -73,13 +71,7 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/girl-meadow-with-laptop_1398-1406.jpg",          imageAlt: "Well-maintained lawn with vibrant flowers"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",          imageAlt: "Contemporary outdoor patio seating area"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/tranquil-forest-landscape-autumn-leaves-beauty-abounds-generated-by-ai_24911-72433.jpg",          imageAlt: "Water feature in a tranquil garden"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/many-pots-with-variety-plants-interior-room_169016-17840.jpg",          imageAlt: "Colorful flower bed planting design"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-large-plants-leaves-forest_181624-3383.jpg",          imageAlt: "Newly planted trees and shrubs"},
+          imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",          imageAlt: "Contemporary outdoor patio seating area"}
       ]}
       mediaAnimation="opacity"
     />
@@ -104,30 +96,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "garden-design",          title: "Custom Garden Design",          author: "Creative Solutions",          description: "Bring your vision to life with bespoke garden layouts and plant selections that thrive in your environment.",          tags: [
-            "Design",            "Planting",            "Consultation"],
-          imageSrc: "https://images.unsplash.com/photo-1563721345862-231a4c9f1a2a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxtb2Rlcm4lMjBnYXJkZW4lMjBkZXNpZ258ZW58MHx8fHwxNzA2MjUyMjQxfDA&ixlib=rb-4.0.3&q=80&w=1080",          imageAlt: "Beautifully designed modern garden with lush green plants and stone pathway, showcasing custom garden design by ARO Landscaping."},
-        {
-          id: "lawn-care",          title: "Professional Lawn Care",          author: "Healthy & Green",          description: "Keep your lawn lush and healthy year-round with our expert mowing, fertilization, and pest control services.",          tags: [
-            "Mowing",            "Fertilizing",            "Weeding"],
-          imageSrc: "https://images.unsplash.com/photo-1627937400589-9b4b0e9a3b2b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxwcm9mZXNzaW9uYWwlMjBsYXduJTIwY2FyZXxlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080",          imageAlt: "Pristine green lawn being professionally mowed by a landscaper, highlighting ARO Landscaping's lawn care services."},
-        {
-          id: "hardscaping",          title: "Hardscaping & Patios",          author: "Durable & Elegant",          description: "Enhance functionality and aesthetics with custom patios, walkways, retaining walls, and outdoor kitchens.",          tags: [
-            "Patios",            "Walkways",            "Stone Work"],
-          imageSrc: "https://images.unsplash.com/photo-1595709971917-0f9f3b1b9e0f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxoYXJkc2NhcGluZyUyMHBhdGlvJTIwZGVzaWdufGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080",          imageAlt: "Newly installed elegant stone patio with outdoor furniture, demonstrating ARO Landscaping's hardscaping expertise."},
-      ]}
-      title="Our Comprehensive Landscaping Services"
-      description="From innovative design to meticulous maintenance, we cover every aspect of your outdoor living space."
-    />
-  </div>
-
   <div id="portfolio" data-section="portfolio">
       <ProductCardTwo
       animationType="slide-up"
@@ -152,7 +120,7 @@ export default function LandingPage() {
           reviewCount: "10 reviews",          imageSrc: "https://images.unsplash.com/photo-1587572793189-c4f4d2c1c3c9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxlYm5pbmclMjBsYW5kc2NhcGUlMjBsaWdodGluZ3xlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080",          imageAlt: "Beautiful evening landscape lighting highlighting garden features and pathways for ambiance and safety."},
         {
           id: "irrigation-system",          brand: "Commercial Project",          name: "Smart Irrigation System",          price: "Custom",          rating: 5,
-          reviewCount: "9 reviews",          imageSrc: "https://images.unsplash.com/photo-1547432029-470298a0d922?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxlYnRpbmclMjBpcnJpZ2F0aW9uJTIwc3lzdGVtfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080",          imageAlt: "Efficient smart irrigation system watering a residential garden, ensuring optimal plant health and water conservation."},
+          reviewCount: "9 reviews",          imageSrc: "https://images.unsplash.com/photo-1547432029-470298a0d922?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxlYm5pbmclMjBpcnJpZ2F0aW9uJTIwc3lzdGVtfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080",          imageAlt: "Efficient smart irrigation system watering a residential garden, ensuring optimal plant health and water conservation."}
       ]}
       title="Our Recent Transformations"
       description="Explore a gallery of our completed projects and get inspired for your own outdoor renovation."
@@ -179,7 +147,7 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3573.jpg",          imageAlt: "David Kim in front of a well-maintained apartment complex"},
         {
           id: "5",          name: "Jessica Lee",          role: "Homeowner",          company: "Sunnyside Blvd.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-trendy-bearded-young-male-wearing-sunglasses-summer-clothes-carrying-suitcase_343059-3586.jpg",          imageAlt: "Jessica Lee smiling in her luxurious garden"},
+          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-trendy-bearded-young-male-wearing-sunglasses-summer-clothes-carrying-suitcase_343059-3586.jpg",          imageAlt: "Jessica Lee smiling in her luxurious garden"}
       ]}
       kpiItems={[
         {
@@ -230,23 +198,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Get in Touch"
-      title="Let's Create Your Dream Outdoor Space"
-      description="Reach out to ARO Landscaping for inquiries, free consultations, or to schedule a service. Our team is ready to assist you in transforming your property. Call us at (123) 456-7890 or email us at info@arolandscaping.com."
-      buttons={[
-        {
-          text: "Get Your Free Quote Now",          href: "#contact-form"},
-        {
-          text: "Call Us Today",          href: "tel:123-456-7890"},
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c5v0jj"
@@ -256,9 +207,9 @@ export default function LandingPage() {
       columns={[
         {
           title: "Services",          items: [
-            { label: "Garden Design", href: "#services" },
-            { label: "Lawn Care", href: "#services" },
-            { label: "Hardscaping", href: "#services" }
+            { label: "Garden Design", href: "/services" },
+            { label: "Lawn Care", href: "/services" },
+            { label: "Hardscaping", href: "/services" }
           ]
         },
         {
@@ -281,4 +232,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,119 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import { Sparkles } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="mediumLarge"
+        background="blurBottom"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "#about" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "#portfolio" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" }
+            ]}
+            brandName="ARO Landscaping"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "downward-rays-animated-grid" }}
+            title="Our Expert Landscaping Services"
+            description="From initial design to ongoing maintenance, we offer a full suite of services to create and maintain your dream outdoor space."
+            tag="Comprehensive Solutions"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
+            mediaItems={[
+              { imageSrc: "https://images.unsplash.com/photo-1542478335-a6e542562145?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxzZXJ2aWNlcyUyMGxhbmRzY2FwaW5nfGVufDB8fHx8MTcwNjI1MjI0MXww&ixlib=rb-4.0.3&q=80&w=1080", imageAlt: "Landscapers working in a garden" }
+            ]}
+            mediaAnimation="opacity"
+            buttons={[
+              {
+                text: "Get a Free Quote",                href: "/contact"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                id: "garden-design",                title: "Custom Garden Design",                author: "Creative Solutions",                description: "Bring your vision to life with bespoke garden layouts and plant selections that thrive in your environment.",                tags: ["Design", "Planting", "Consultation"],
+                imageSrc: "https://images.unsplash.com/photo-1563721345862-231a4c9f1a2a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxtb2Rlcm4lMjBnYXJkZW4lMjBkZXNpZ258ZW58MHx8fHwxNzA2MjUyMjQxfDA&ixlib=rb-4.0.3&q=80&w=1080",                imageAlt: "Beautifully designed modern garden with lush green plants and stone pathway, showcasing custom garden design by ARO Landscaping."
+              },
+              {
+                id: "lawn-care",                title: "Professional Lawn Care",                author: "Healthy & Green",                description: "Keep your lawn lush and healthy year-round with our expert mowing, fertilization, and pest control services.",                tags: ["Mowing", "Fertilizing", "Weeding"],
+                imageSrc: "https://images.unsplash.com/photo-1627937400589-9b4b0e9a3b2b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxwcm9mZXNzaW9uYWwlMjBsYXduJTIwY2FyZXxlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080",                imageAlt: "Pristine green lawn being professionally mowed by a landscaper, highlighting ARO Landscaping's lawn care services."
+              },
+              {
+                id: "hardscaping",                title: "Hardscaping & Patios",                author: "Durable & Elegant",                description: "Enhance functionality and aesthetics with custom patios, walkways, retaining walls, and outdoor kitchens.",                tags: ["Patios", "Walkways", "Stone Work"],
+                imageSrc: "https://images.unsplash.com/photo-1595709971917-0f9f3b1b9e0f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NTQzMzZ8MHwxfHNlYXJjaHwzfHxoYXJkc2NhcGluZ3xlbnwwfHx8fDE3MDYyNTIyNDF8MA&ixlib=rb-4.0.3&q=80&w=1080",                imageAlt: "Newly installed elegant stone patio with outdoor furniture, demonstrating ARO Landscaping's hardscaping expertise."
+              }
+            ]}
+            title="Our Comprehensive Landscaping Services"
+            description="From innovative design to meticulous maintenance, we cover every aspect of your outdoor living space."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c5v0jj"
+            logoAlt="ARO Landscaping Logo"
+            logoText="ARO Landscaping"
+            copyrightText="© 2024 ARO Landscaping. All rights reserved."
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "Garden Design", href: "/services" },
+                  { label: "Lawn Care", href: "/services" },
+                  { label: "Hardscaping", href: "/services" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Portfolio", href: "/#portfolio" },
+                  { label: "Testimonials", href: "/#testimonials" },
+                  { label: "FAQ", href: "/#faq" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}