-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b848ab8
commit 960dbf9
Showing
10 changed files
with
309 additions
and
156 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,69 @@ | ||
| import React from "react"; | ||
| import { Link } from "react-router-dom"; | ||
| import React, { lazy } from "react"; | ||
| import { useMediaQuery } from "../../hooks/useMediaQuery"; | ||
| import "../../css/hero-section.css"; | ||
| import heroImg from "../../assets/logos/quality-hi-tech-large.png"; | ||
| import { FaPhone } from "react-icons/fa"; | ||
|
|
||
| const ContactForm = lazy(() => import("../Footer/contact-form-page")); | ||
|
|
||
| const Hero = () => { | ||
| const isMobile = useMediaQuery("(max-width: 768px)"); | ||
|
|
||
| return ( | ||
| <section className="hero" aria-labelledby="hero-title"> | ||
| <div className="wrapper"> | ||
| <div className="contrast-element"> | ||
| <h1 id="hero-title" className="visually-hidden"> | ||
| Quality Hi Tech Carpet Cleaning | ||
| </h1> | ||
| <img | ||
| src={heroImg} | ||
| alt="Quality Hi Tech Logo" | ||
| loading="eager" | ||
| width="300" | ||
| height="100" | ||
| /> | ||
| <p> | ||
| Clean your Carpet, Upholstery, and Tile & Grout with our | ||
| professional cleaning services. | ||
| </p> | ||
| <Link | ||
| to="/contact" | ||
| className="cta-button" | ||
| onClick={() => window.scrollTo(0, 0)} | ||
| aria-label="Get a free estimate" | ||
| > | ||
| Free Estimate | ||
| </Link> | ||
| <div className="hero-content"> | ||
| <div className="hero-left"> | ||
| <div className="contrast-element"> | ||
| <h1 id="hero-title" className="visually-hidden"> | ||
| Quality Hi Tech Carpet Cleaning | ||
| </h1> | ||
| <img | ||
| src={heroImg} | ||
| alt="Quality Hi Tech Logo" | ||
| loading="eager" | ||
| width="300" | ||
| height="100" | ||
| /> | ||
| </div> | ||
| <div className="contrast-element hero-contact-info"> | ||
| <h3>Licensed & Insured Serving the Pasco & Hillsborough County</h3> | ||
| <div className="hero-contact-links"> | ||
| {isMobile ? ( | ||
| <a | ||
| href="tel:8132256515" | ||
| rel="noopener noreferrer" | ||
| aria-label="Contact Us" | ||
| > | ||
| <FaPhone className="icon" /> | ||
| <span>(813) 225-6515</span> | ||
| </a> | ||
| ) : ( | ||
| <></> | ||
| )} | ||
| <div> | ||
| <h3>Hours of Operation:</h3> | ||
| </div> | ||
| <div className="hero-contact-column"> | ||
| <p> | ||
| Monday-Friday: | ||
| <br /> | ||
| 9:00 AM - 6:00 PM | ||
| </p> | ||
| <p> | ||
| Saturday & Sunday: | ||
| <br /> | ||
| By Appointment Only | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="hero-right"> | ||
| <ContactForm /> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default React.memo(Hero); | ||
| export default React.memo(Hero); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,42 +1,65 @@ | ||
| export const services = [ | ||
| { | ||
| id: 1, | ||
| title: "Carpet Patch", | ||
| description: "Expert repairs for damaged carpets, seamlessly blending with your existing flooring.", | ||
| title: "Carpet Cleaning and Maintenance", | ||
| icon: "fa-broom", | ||
| description: | ||
| "Our expert technicians use state-of-the-art equipment and eco-friendly cleaning solutions to leave your carpets looking like new.", | ||
| }, | ||
| { | ||
| id: 2, | ||
| title: "Pet Odor Removal", | ||
| description: "Eliminate stubborn pet odors, leaving your carpets fresh and your home smelling clean.", | ||
| title: "Upholstery Cleaning", | ||
| icon: "fa-couch", | ||
| description: | ||
| "We use specialized cleaning methods and products to gently remove dirt and stains from your upholstered furniture.", | ||
| }, | ||
| { | ||
| id: 3, | ||
| title: "Carpet Stretching", | ||
| description: "Restore your carpet's appearance and eliminate tripping hazards with our professional stretching service.", | ||
| title: "Tile and Grout Cleaning", | ||
| icon: "fa-tile", | ||
| description: | ||
| "Our advanced cleaning technology and specialized cleaning solutions make quick work of dirt and grime on your tile and grout.", | ||
| }, | ||
| { | ||
| id: 4, | ||
| title: "Spot Drying", | ||
| description: "Quick and effective drying for spills and wet spots, preventing mold and mildew growth.", | ||
| title: "Pet Odor Removal", | ||
| icon: "fa-paw", | ||
| description: | ||
| "We use a combination of specialized cleaning products and odor-neutralizing treatments to eliminate pet odors from your carpets and upholstery.", | ||
| }, | ||
| { | ||
| id: 5, | ||
| title: "Red Stain Removal", | ||
| description: "Specialized treatment for tough red stains from wine, juice, or other colorful spills.", | ||
| title: "Water Damage Restoration", | ||
| icon: "fa-water", | ||
| description: | ||
| "Our team is trained to quickly respond to water damage emergencies, extracting water and drying your property to prevent further damage.", | ||
| }, | ||
| { | ||
| id: 6, | ||
| title: "Furniture Cleaning", | ||
| description: "Revitalize your upholstery with our deep cleaning service, extending the life of your furniture.", | ||
| title: "Commercial Carpet Cleaning", | ||
| icon: "fa-building", | ||
| description: | ||
| "We offer customized commercial carpet cleaning solutions to meet the unique needs of your business, ensuring a clean and healthy environment for your employees and customers.", | ||
| }, | ||
| { | ||
| id: 7, | ||
| title: "Tile & Grout Cleaning", | ||
| description: "Restore the shine to your tiles and refresh your grout lines for a cleaner, brighter look.", | ||
| title: "Power Stretching Carpets", | ||
| icon: "fa-arrows-alt-h", | ||
| description: | ||
| "We use specialized equipment to stretch and re-tension your carpets, removing wrinkles and creases for a like-new appearance.", | ||
| }, | ||
| { | ||
| id: 8, | ||
| title: "Water Damage Cleanup", | ||
| description: "Comprehensive water damage cleanup to protect your home and belongings.", | ||
| title: "Repair & Patching Carpets", | ||
| icon: "fa-seedling", | ||
| description: | ||
| "Our skilled technicians can repair and patch damaged areas of your carpet, extending its lifespan and saving you money.", | ||
| }, | ||
| { | ||
| id: 9, | ||
| title: "Stripping and Waxing Terrazzo Floors", | ||
| icon: "fa-hammer", | ||
| description: | ||
| "Our experienced technicians use specialized equipment and techniques to strip and wax your terrazzo floors, restoring their original shine and luster.", | ||
| }, | ||
| ]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.