Update src/app/contact/page.tsx

Merge version_2 into main

src/app/contact/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="circleGradient"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Products", id: "/#products" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="A&J Landscape Supplies"
+          />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Contact Us"
+            title="Reach Out to A&J Landscape Supplies"
+            description="Visit us at 11052 Moorehead Rd, Conroe, TX 77302. Call us at (346) 617-4245. We are open 7 days a week to serve all your landscaping needs!"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Location",                items: [{ label: "11052 Moorehead Rd, Conroe, TX", href: "#" }],
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Landscape Delivery", href: "#" },
+                  { label: "Supply Sales", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 A&J Landscape Supplies LLC"
+            bottomRightText="Privacy Policy"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Products", id: "#products" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="A&J Landscape Supplies"
     />
@@ -54,42 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Quality Landscaping Supplies in Conroe, TX"
       description="Your trusted local source for high-quality gravel, stone, mulch, and landscaping essentials to make your outdoor dreams a reality."
       buttons={[
-        {
-          text: "Get Directions",
-          href: "#contact",
-        },
+        { text: "Get Directions", href: "/contact" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=1",
-          imageAlt: "Landscape supply store display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=1",
-          imageAlt: "Natural stone selection",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
-          imageAlt: "Flagstone patio pavers",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg",
-          imageAlt: "Premium mulch varieties",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=1",
-          imageAlt: "Professional garden fabric",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=1",
-          imageAlt: "Bender board edging",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=1", imageAlt: "Landscape supply store display" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=1", imageAlt: "Natural stone selection" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg", imageAlt: "Flagstone patio pavers" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131226.jpg", imageAlt: "Premium mulch varieties" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=1", imageAlt: "Professional garden fabric" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=1", imageAlt: "Bender board edging" },
       ]}
     />
   </div>
@@ -99,10 +64,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Serving the Conroe Community with Excellence"
       buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "Contact Us", href: "/contact" },
       ]}
     />
   </div>
@@ -113,42 +75,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",
-          title: "Expert Guidance",
-          author: "Our Team",
-          description: "Professional advice on the right materials for your specific project.",
-          tags: [
-            "Support",
-            "Expertise",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=1",
-          imageAlt: "Team member helping customer",
-        },
-        {
-          id: "f2",
-          title: "Convenient Delivery",
-          author: "Delivery Service",
-          description: "Need your materials delivered? We bring your order straight to your doorstep.",
-          tags: [
-            "Convenience",
-            "Delivery",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/reykjavik-iceland-june-13-2023-artistic-rocks_58702-11248.jpg",
-          imageAlt: "Delivery truck",
-        },
-        {
-          id: "f3",
-          title: "Wide Selection",
-          author: "Product Range",
-          description: "From natural stone to decorative gravel, find everything you need in one place.",
-          tags: [
-            "Variety",
-            "Quality",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-travel-stone-garden-gardening_1203-5249.jpg",
-          imageAlt: "Stone display",
-        },
+        { id: "f1", title: "Expert Guidance", author: "Our Team", description: "Professional advice on the right materials for your specific project.", tags: ["Support", "Expertise"], imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=1", imageAlt: "Team member helping customer" },
+        { id: "f2", title: "Convenient Delivery", author: "Delivery Service", description: "Need your materials delivered? We bring your order straight to your doorstep.", tags: ["Convenience", "Delivery"], imageSrc: "http://img.b2bpic.net/free-photo/reykjavik-iceland-june-13-2023-artistic-rocks_58702-11248.jpg", imageAlt: "Delivery truck" },
+        { id: "f3", title: "Wide Selection", author: "Product Range", description: "From natural stone to decorative gravel, find everything you need in one place.", tags: ["Variety", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-travel-stone-garden-gardening_1203-5249.jpg", imageAlt: "Stone display" },
       ]}
       title="Why Choose A&J Landscape Supplies"
       description="We offer more than just materials; we provide the expert support you need for your landscaping projects."
@@ -162,48 +91,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Flagstone",
-          price: "Inquire for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942468.jpg",
-          imageAlt: "Flagstone paving",
-        },
-        {
-          id: "p2",
-          name: "Granite Gravel",
-          price: "Per Yard",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12403.jpg",
-          imageAlt: "Granite gravel",
-        },
-        {
-          id: "p3",
-          name: "Bender Board",
-          price: "Per Length",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg",
-          imageAlt: "Bender board",
-        },
-        {
-          id: "p4",
-          name: "Landscape Fabric",
-          price: "Per Roll",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hat-glasses-picnic-blanket_23-2148197097.jpg",
-          imageAlt: "Weed fabric",
-        },
-        {
-          id: "p5",
-          name: "Decorative Rock",
-          price: "Per Yard",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14343.jpg",
-          imageAlt: "Natural rock",
-        },
-        {
-          id: "p6",
-          name: "Garden Mulch",
-          price: "Per Yard",
-          imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg",
-          imageAlt: "Organic mulch",
-        },
+        { id: "p1", name: "Flagstone", price: "Inquire for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/bobblestone-path-with-moss_23-2151942468.jpg", imageAlt: "Flagstone paving" },
+        { id: "p2", name: "Granite Gravel", price: "Per Yard", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12403.jpg", imageAlt: "Granite gravel" },
+        { id: "p3", name: "Bender Board", price: "Per Length", imageSrc: "http://img.b2bpic.net/free-photo/closeup-base-green-barrier-overpass-bridge_181624-22816.jpg", imageAlt: "Bender board" },
+        { id: "p4", name: "Landscape Fabric", price: "Per Roll", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hat-glasses-picnic-blanket_23-2148197097.jpg", imageAlt: "Weed fabric" },
+        { id: "p5", name: "Decorative Rock", price: "Per Yard", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14343.jpg", imageAlt: "Natural rock" },
+        { id: "p6", name: "Garden Mulch", price: "Per Yard", imageSrc: "http://img.b2bpic.net/free-photo/pile-coconut-spathe-husk-fiber_53876-30190.jpg", imageAlt: "Organic mulch" },
       ]}
       title="Our Landscaping Materials"
       description="Browse our curated selection of high-quality materials to help you complete your next garden or construction project."
@@ -216,21 +109,9 @@ export default function LandingPage() {
       title="Trusted by the Community"
       tag="Our Impact"
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Positive Customer Reviews",
-        },
-        {
-          id: "m2",
-          value: "4.9",
-          description: "Average Rating",
-        },
-        {
-          id: "m3",
-          value: "7",
-          description: "Days Open Weekly",
-        },
+        { id: "m1", value: "15+", description: "Positive Customer Reviews" },
+        { id: "m2", value: "4.9", description: "Average Rating" },
+        { id: "m3", value: "7", description: "Days Open Weekly" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -241,61 +122,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Theresa Ballew",
-          date: "2 months ago",
-          title: "Local Guide",
-          quote: "Best thing I did! I visited many companies and found the best service here.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-woman_23-2147999999.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=2",
-          imageAlt: "smiling customer portrait",
-        },
-        {
-          id: "t2",
-          name: "Bacilia Cuevas",
-          date: "1 year ago",
-          title: "Customer",
-          quote: "Thank you for the good service and the workers are very nice.",
-          tag: "Happy Customer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=2",
-          imageAlt: "smiling customer portrait",
-        },
-        {
-          id: "t3",
-          name: "Diego",
-          date: "1 year ago",
-          title: "Regular Client",
-          quote: "Jennifer is always helpful. They are always stocked up and delivery is a huge plus.",
-          tag: "Reliable",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=2",
-          imageAlt: "smiling customer portrait",
-        },
-        {
-          id: "t4",
-          name: "Happy Gardener",
-          date: "6 months ago",
-          title: "Customer",
-          quote: "Great service, great stuff and good prices!!!",
-          tag: "Great Prices",
-          avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7057.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=2",
-          imageAlt: "smiling customer portrait",
-        },
-        {
-          id: "t5",
-          name: "Landscaping Pro",
-          date: "8 months ago",
-          title: "Professional",
-          quote: "Outstanding variety for all your landscaping needs.",
-          tag: "Professional",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-cafe-listens-music-wireless-earphones-holding-smartphone_1258-314175.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=2",
-          imageAlt: "smiling customer portrait",
-        },
+        { id: "t1", name: "Theresa Ballew", date: "2 months ago", title: "Local Guide", quote: "Best thing I did! I visited many companies and found the best service here.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-woman_23-2147999999.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-composition_23-2148128789.jpg?_wi=2", imageAlt: "smiling customer portrait" },
+        { id: "t2", name: "Bacilia Cuevas", date: "1 year ago", title: "Customer", quote: "Thank you for the good service and the workers are very nice.", tag: "Happy Customer", avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-alone-sustainable-greenhouse_23-2149072119.jpg?_wi=2", imageAlt: "smiling customer portrait" },
+        { id: "t3", name: "Diego", date: "1 year ago", title: "Regular Client", quote: "Jennifer is always helpful. They are always stocked up and delivery is a huge plus.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2148700793.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14231.jpg?_wi=2", imageAlt: "smiling customer portrait" },
+        { id: "t4", name: "Happy Gardener", date: "6 months ago", title: "Customer", quote: "Great service, great stuff and good prices!!!", tag: "Great Prices", avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7057.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools-near-dirty-blackboard_23-2147714866.jpg?_wi=2", imageAlt: "smiling customer portrait" },
+        { id: "t5", name: "Landscaping Pro", date: "8 months ago", title: "Professional", quote: "Outstanding variety for all your landscaping needs.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-cafe-listens-music-wireless-earphones-holding-smartphone_1258-314175.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gardening-tools-plants_23-2148175900.jpg?_wi=2", imageAlt: "smiling customer portrait" },
       ]}
       title="What Our Customers Say"
       description="Read feedback from local residents who trust us with their landscaping needs."
@@ -306,22 +137,13 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="default"
       useInvertedBackground={true}
+      buttons={[
+        { text: "Get in Touch", href: "/contact" }
+      ]}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer delivery?",
-          content: "Yes, we offer delivery services for all our landscape materials to make your projects easier.",
-        },
-        {
-          id: "q2",
-          title: "Are you open on weekends?",
-          content: "Yes, we are open 7 days a week during the spring season to serve you better.",
-        },
-        {
-          id: "q3",
-          title: "Where are you located?",
-          content: "We are located at 11052 Moorehead Rd, Conroe, TX 77302.",
-        },
+        { id: "q1", title: "Do you offer delivery?", content: "Yes, we offer delivery services for all our landscape materials to make your projects easier." },
+        { id: "q2", title: "Are you open on weekends?", content: "Yes, we are open 7 days a week during the spring season to serve you better." },
+        { id: "q3", title: "Where are you located?", content: "We are located at 11052 Moorehead Rd, Conroe, TX 77302." },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about our services and delivery options."
@@ -329,56 +151,24 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Get In Touch"
-      description="Have questions about our materials or want to schedule a delivery? Contact us today."
-      imageSrc="http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23055.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
         {
-          title: "Location",
-          items: [
-            {
-              label: "11052 Moorehead Rd, Conroe, TX",
-              href: "#",
-            },
+          title: "Location",          items: [
+            { label: "11052 Moorehead Rd, Conroe, TX", href: "#" },
           ],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Landscape Delivery",
-              href: "#",
-            },
-            {
-              label: "Supply Sales",
-              href: "#",
-            },
+          title: "Services",          items: [
+            { label: "Landscape Delivery", href: "#" },
+            { label: "Supply Sales", href: "#" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}
@@ -389,4 +179,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}