change the color of the description in the footer and the copyright verbiage to match the color of the links in the footer - Initial Deployment
96e2a65 verified | <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Easy Transitions 101 – Affordable Junk Removal in Philadelphia</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #f5f7fa 0%, #ff8c42 100%); | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0,0,0,0.1); | |
| } | |
| .service-icon { | |
| width: 80px; | |
| height: 80px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| border-radius: 50%; | |
| margin: 0 auto 20px; | |
| background: rgba(255,255,255,0.2); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-20 items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <img class="h-12 w-auto" src="https://easytransitions101.com/wp-content/uploads/2018/09/HiRes-Clear-Bckgrnd-e1538149638868.png" alt="Easy Transitions 101 Logo"> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-10 flex items-center space-x-8"> | |
| <a href="#about" class="text-gray-900 hover:text-orange-600 px-3 py-2 rounded-md text-md font-medium">About</a> | |
| <a href="#services" class="text-gray-900 hover:text-orange-600 px-3 py-2 rounded-md text-md font-medium">Services</a> | |
| <a href="#testimonials" class="text-gray-900 hover:text-orange-600 px-3 py-2 rounded-md text-md font-medium">Testimonials</a> | |
| <a href="#contact" class="text-gray-900 hover:text-orange-600 px-3 py-2 rounded-md text-md font-medium">Contact</a> | |
| <a href="tel:+18003291327" class="bg-orange-600 text-white px-6 py-2 rounded-md text-md font-medium hover:bg-orange-700 transition duration-300"> | |
| <i data-feather="phone" class="inline mr-2"></i> Call Now | |
| </a> | |
| </div> | |
| </div> | |
| <div class="md:hidden"> | |
| <button type="button" class="mobile-menu-button inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="hero-gradient py-20 md:py-32"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="md:flex items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right"> | |
| <h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight mb-6"> | |
| <span class="text-orange-600">Not</span> Your <span class="text-orange-600">Average</span> Clean Out & Junk Removal Company | |
| </h1> | |
| <p class="text-lg text-gray-700 mb-8"> | |
| For 25 years, we've helped clients with fast, reliable clean out & junk removal services, auctions & estate sales to make life's transitions easier. | |
| </p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="tel:+18003291327" class="bg-orange-600 hover:bg-orange-700 text-white px-8 py-3 rounded-lg text-lg font-semibold text-center transition duration-300"> | |
| <i data-feather="phone" class="inline mr-2"></i> Call Now | |
| </a> | |
| <a href="#services" class="border-2 border-orange-600 text-orange-600 hover:bg-orange-50 px-8 py-3 rounded-lg text-lg font-semibold text-center transition duration-300"> | |
| Our Services | |
| </a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2" data-aos="fade-left"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2018/09/AdobeStock_121584360-2-1-e1538172659953.jpeg" alt="Clean Out Services" class="rounded-lg shadow-xl"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section id="about" class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">What Sets Us Apart</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| We educate clients on how to make life's transitions (downsizing, divorce and death) easier and even profitable by getting cash for their "trash"! | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 lg:grid-cols-6 gap-8"> | |
| <div class="text-center" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="service-icon"> | |
| <i data-feather="award" class="text-orange-600" width="40" height="40"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold mb-2">Experienced</h3> | |
| <p class="text-gray-600">25+ years in the business</p> | |
| </div> | |
| <div class="text-center" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="service-icon"> | |
| <i data-feather="star" class="text-orange-600" width="40" height="40"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold mb-2">Award Winning</h3> | |
| <p class="text-gray-600">Recognized excellence</p> | |
| </div> | |
| <div class="text-center" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="service-icon"> | |
| <i data-feather="calendar" class="text-orange-600" width="40" height="40"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold mb-2">Weekly Auctions</h3> | |
| <p class="text-gray-600">Every Monday night</p> | |
| </div> | |
| <div class="text-center" data-aos="fade-up" data-aos-delay="400"> | |
| <div class="service-icon"> | |
| <i data-feather="users" class="text-orange-600" width="40" height="40"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold mb-2">Satisfied Clients</h3> | |
| <p class="text-gray-600">Thousands served</p> | |
| </div> | |
| <div class="text-center" data-aos="fade-up" data-aos-delay="500"> | |
| <div class="service-icon"> | |
| <i data-feather="leaf" class="text-orange-600" width="40" height="40"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold mb-2">Green Services</h3> | |
| <p class="text-gray-600">Eco-friendly solutions</p> | |
| </div> | |
| <div class="text-center" data-aos="fade-up" data-aos-delay="600"> | |
| <div class="service-icon"> | |
| <i data-feather="clock" class="text-orange-600" width="40" height="40"></i> | |
| </div> | |
| <h3 class="text-lg font-semibold mb-2">Reliable</h3> | |
| <p class="text-gray-600">Dependable service</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="py-20 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Services</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| Comprehensive solutions for clean outs, junk removal, auctions and estate sales | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div class="bg-white rounded-xl shadow-lg overflow-hidden" data-aos="fade-right"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2018/09/AdobeStock_121584360-2-1-e1538172659953.jpeg" alt="Clean Out Services" class="w-full h-64 object-cover"> | |
| <div class="p-8"> | |
| <h3 class="text-2xl font-bold text-gray-900 mb-4">Clean Out, Junk Removal, Auctions & Estate Sales</h3> | |
| <p class="text-gray-600 mb-6"> | |
| We're not your average clean out and junk removal company. For 20+ years we've helped people transition through life changes by educating them on alternatives to throwing trash away and getting cash for valuable items. | |
| </p> | |
| <ul class="space-y-3 mb-6"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1" width="20" height="20"></i> | |
| <span>We educate clients on item values</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1" width="20" height="20"></i> | |
| <span>Weekly public auctions to sell items</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="text-green-500 mr-2 mt-1" width="20" height="20"></i> | |
| <span>Estate sales and property auctions</span> | |
| </li> | |
| </ul> | |
| <a href="tel:+18003291327" class="inline-flex items-center text-orange-600 font-medium hover:text-orange-800"> | |
| Call us TODAY <i data-feather="arrow-right" class="ml-2" width="18" height="18"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="space-y-8"> | |
| <div class="bg-white rounded-xl shadow-lg p-8" data-aos="fade-left" data-aos-delay="100"> | |
| <div class="flex items-start"> | |
| <div class="bg-orange-100 p-3 rounded-lg mr-4"> | |
| <i data-feather="gavel" class="text-orange-600" width="24" height="24"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">AUCTIONS</h3> | |
| <p class="text-gray-600 mb-4"> | |
| With 25 years experience buying and selling antiques & collectibles, we educate clients on the value of items they might otherwise throw away. | |
| </p> | |
| <p class="font-semibold mb-2">What You Can Expect to Find:</p> | |
| <ul class="grid grid-cols-2 gap-2 mb-4"> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-orange-500 mr-2" width="16" height="16"></i> | |
| Antique Furniture | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-blue-500 mr-2" width="16" height="16"></i> | |
| Vintage Collectibles | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-blue-500 mr-2" width="16" height="16"></i> | |
| Collectible Toys | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-blue-500 mr-2" width="16" height="16"></i> | |
| Household Items | |
| </li> | |
| </ul> | |
| <p class="text-gray-600 mb-4"> | |
| <strong>Every Monday Night at 6:30PM</strong><br> | |
| 14 W. Winona Ave, Norwood Auction House | |
| </p> | |
| <a href="http://bit.ly/ET101App" class="inline-flex items-center text-orange-600 font-medium hover:text-orange-800"> | |
| Join our Mailing List <i data-feather="arrow-right" class="ml-2" width="18" height="18"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-lg p-8" data-aos="fade-left" data-aos-delay="200"> | |
| <div class="flex items-start"> | |
| <div class="bg-orange-100 p-3 rounded-lg mr-4"> | |
| <i data-feather="home" class="text-orange-600" width="24" height="24"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">ESTATE SALES</h3> | |
| <p class="text-gray-600 mb-4"> | |
| Estate sales are an excellent way to liquidate property contents. We host estate sales and on-site auctions to make difficult transitions easier for our clients. | |
| </p> | |
| <a href="tel:+18003291327" class="inline-flex items-center text-orange-600 font-medium hover:text-orange-800"> | |
| Contact us today <i data-feather="arrow-right" class="ml-2" width="18" height="18"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Gallery Section --> | |
| <section class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Gallery</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| A glimpse into our work through estate sales, auctions and clean outs | |
| </p> | |
| </div> | |
| <div class="grid grid-cols-2 md:grid-cols-3 gap-4"> | |
| <div class="relative group overflow-hidden rounded-lg" data-aos="zoom-in"> | |
| <img src="http://static.photos/estate/640x360/1" alt="Estate Sale" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110"> | |
| <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> | |
| <span class="text-white font-semibold text-lg">Estate Sales</span> | |
| </div> | |
| </div> | |
| <div class="relative group overflow-hidden rounded-lg" data-aos="zoom-in" data-aos-delay="100"> | |
| <img src="http://static.photos/auction/640x360/2" alt="Weekly Auction" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110"> | |
| <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> | |
| <span class="text-white font-semibold text-lg">Weekly Auctions</span> | |
| </div> | |
| </div> | |
| <div class="relative group overflow-hidden rounded-lg" data-aos="zoom-in" data-aos-delay="200"> | |
| <img src="http://static.photos/cleanout/640x360/3" alt="Clean Out" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110"> | |
| <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> | |
| <span class="text-white font-semibold text-lg">Clean Outs</span> | |
| </div> | |
| </div> | |
| <div class="relative group overflow-hidden rounded-lg" data-aos="zoom-in" data-aos-delay="300"> | |
| <img src="http://static.photos/estate/640x360/4" alt="Estate Sale" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110"> | |
| <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> | |
| <span class="text-white font-semibold text-lg">Estate Sales</span> | |
| </div> | |
| </div> | |
| <div class="relative group overflow-hidden rounded-lg" data-aos="zoom-in" data-aos-delay="400"> | |
| <img src="http://static.photos/auction/640x360/5" alt="Weekly Auction" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110"> | |
| <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> | |
| <span class="text-white font-semibold text-lg">Weekly Auctions</span> | |
| </div> | |
| </div> | |
| <div class="relative group overflow-hidden rounded-lg" data-aos="zoom-in" data-aos-delay="500"> | |
| <img src="http://static.photos/cleanout/640x360/6" alt="Clean Out" class="w-full h-64 object-cover transition duration-500 group-hover:scale-110"> | |
| <div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition duration-300"> | |
| <span class="text-white font-semibold text-lg">Clean Outs</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section id="testimonials" class="py-20 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Client Testimonials</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto"> | |
| Hear what our satisfied clients have to say about our services | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic mb-6"> | |
| "I'm pleased to highly recommend EASY TRANSITIONS 101 for the many services and opportunities that they offer clients and the public, from clean out and move out to consigning items to the regularly scheduled auctions or finding quality items for sale at bargain prices! Five stars for their professional and easy approach to what can be, at times, stress-filled situation." | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2021/11/Thom-Cardwell-Testimonial-Pic-e1635955316728.jpeg" alt="Thom Cardwell" class="w-12 h-12 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-semibold text-gray-900">Thom Cardwell</h4> | |
| <p class="text-sm text-gray-500">February 2019</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic mb-6"> | |
| "Easy Transitions did an amazing job in a total clean out of home. Garage, basement and attic space were left swept out and miraculously empty! Household items were removed quickly and completely. Victor and his crew were responsive, positive and careful. I highly recommend them with no reservation. Their price was excellent, very fair." | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2021/11/Janet-McFeeley-Testimonial-Pic-e1635955335583.jpeg" alt="Janet McFeeley" class="w-12 h-12 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-semibold text-gray-900">Janet McFeeley</h4> | |
| <p class="text-sm text-gray-500">March 2020</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic mb-6"> | |
| "Victor and his team did a great job in cleaning out my Uncle's apartment. Victor is a total gentleman to deal with. He treated us fairly and professionally. I highly recommend Easy Transitions for any type of move out or estate liquidation." | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2021/11/Scott-Lederer-Testimonial-Pic-e1635955449893.jpeg" alt="Scott Lederer" class="w-12 h-12 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-semibold text-gray-900">Scott Lederer</h4> | |
| <p class="text-sm text-gray-500">April 2020</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 4 --> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic mb-6"> | |
| "I helped my sister clean out her house, but the final touch was Victor with Easy Transitions 101 and his assistants Kareem and Cooper. These guys knew how to work!!! If you live in the Philly area and want to support Black businesses, call Victor! They do incredible work!!!!" | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2021/11/Janet-Elaine-Marshman-Testimonial-Pic-e1635955555728.jpeg" alt="Janet Elaine Marshman" class="w-12 h-12 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-semibold text-gray-900">Janet Elaine Marshman</h4> | |
| <p class="text-sm text-gray-500">June 2020</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 5 --> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic mb-6"> | |
| "Victor and his team did an excellent job removing everything from my Dad's house. They were very professional and got the job done much faster than I thought possible, I highly recommend Victor to anyone needing a clean out." | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2021/11/Marie-DellaValle-Pic-ET101-Testimonial-e1635955658724.jpeg" alt="Marie DellaValle" class="w-12 h-12 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-semibold text-gray-900">Marie DellaValle</h4> | |
| <p class="text-sm text-gray-500">April 2021</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonial 6 --> | |
| <div class="testimonial-card bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-yellow-400 flex"> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| <i data-feather="star" class="fill-current" width="16" height="16"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 italic mb-6"> | |
| "Victor was great to work with. I had several items that I was needing to move out and find a good home for. He was quick to reply to my comments/concerns. He had a hard working group of movers to help haul contents away. I highly recommend Easy Transitions." | |
| </p> | |
| <div class="flex items-center"> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2021/11/Adam-Crelling-Testimonial-Pic-e1635955780423.jpeg" alt="Adam Crelling" class="w-12 h-12 rounded-full object-cover mr-4"> | |
| <div> | |
| <h4 class="font-semibold text-gray-900">Adam Crelling</h4> | |
| <p class="text-sm text-gray-500">October 2021</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 bg-orange-600 text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> | |
| <h2 class="text-3xl font-bold mb-6" data-aos="fade-up">Ready to Make Your Transition Easier?</h2> | |
| <p class="text-xl mb-8 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="100"> | |
| Contact us today for a FREE consultation and let us help you with your clean out, junk removal, auction or estate sale needs. | |
| </p> | |
| <a href="tel:+18003291327" class="inline-block bg-white text-orange-600 px-8 py-3 rounded-lg text-lg font-semibold hover:bg-gray-100 transition duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <i data-feather="phone" class="inline mr-2"></i> Call Now: (800) 329-1327 | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div data-aos="fade-right"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-6">Contact Us</h2> | |
| <p class="text-lg text-gray-600 mb-8"> | |
| Let us make your life's transitions a little easier. Reach out to us with any questions or to schedule a service. | |
| </p> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <div class="bg-orange-100 p-3 rounded-lg mr-4"> | |
| <i data-feather="phone" class="text-orange-600" width="24" height="24"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-1">Phone</h3> | |
| <a href="tel:+18003291327" class="text-blue-600 hover:text-blue-800">(800) 329-1327</a> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-orange-100 p-3 rounded-lg mr-4"> | |
| <i data-feather="mail" class="text-orange-600" width="24" height="24"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-1">Email</h3> | |
| <a href="mailto:info@easytransitions101.com" class="text-blue-600 hover:text-blue-800">info@easytransitions101.com</a> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <div class="bg-orange-100 p-3 rounded-lg mr-4"> | |
| <i data-feather="map-pin" class="text-orange-600" width="24" height="24"></i> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold text-gray-900 mb-1">Service Area</h3> | |
| <p class="text-gray-600">Philadelphia and surrounding areas</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div data-aos="fade-left"> | |
| <div class="bg-gray-50 p-8 rounded-xl shadow-md"> | |
| <h3 class="text-xl font-bold text-gray-900 mb-6">Send Us a Message</h3> | |
| <form> | |
| <div class="mb-4"> | |
| <label for="name" class="block text-gray-700 font-medium mb-2">Your Name</label> | |
| <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label> | |
| <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label> | |
| <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"> | |
| </div> | |
| <div class="mb-4"> | |
| <label for="message" class="block text-gray-700 font-medium mb-2">Your Message</label> | |
| <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-orange-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-orange-700 transition duration-300"> | |
| Send Message | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-orange-600 text-white py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <img src="https://easytransitions101.com/wp-content/uploads/2018/09/HiRes-Clear-Bckgrnd-e1538149638868.png" alt="Easy Transitions 101 Logo" class="h-12 mb-4"> | |
| <p class="text-orange-100"> | |
| Making life's transitions easier through clean out services, junk removal, auctions and estate sales. | |
| </p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Services</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#services" class="text-orange-100 hover:text-white transition duration-300">Clean Outs</a></li> | |
| <li><a href="#services" class="text-orange-100 hover:text-white transition duration-300">Junk Removal</a></li> | |
| <li><a href="#services" class="text-orange-100 hover:text-white transition duration-300">Auctions</a></li> | |
| <li><a href="#services" class="text-orange-100 hover:text-white transition duration-300">Estate Sales</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#about" class="text-orange-100 hover:text-white transition duration-300">About Us</a></li> | |
| <li><a href="#testimonials" class="text-orange-100 hover:text-white transition duration-300">Testimonials</a></li> | |
| <li><a href="#contact" class="text-orange-100 hover:text-white transition duration-300">Contact</a></li> | |
| <li><a href="http://bit.ly/ET101App" class="text-orange-100 hover:text-white transition duration-300">Join Mailing List</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Contact Info</h3> | |
| <ul class="space-y-2 text-orange-100"> | |
| <li class="flex items-start"> | |
| <i data-feather="phone" class="mr-2 mt-1" width="16" height="16"></i> | |
| <a href="tel:+18003291327">(800) 329-1327</a> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="mail" class="mr-2 mt-1" width="16" height="16"></i> | |
| <a href="mailto:info@easytransitions101.com">info@easytransitions101.com</a> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="map-pin" class="mr-2 mt-1" width="16" height="16"></i> | |
| <span>Philadelphia, PA</span> | |
| </li> | |
| </ul> | |
| <div class="flex space-x-4 mt-4"> | |
| <a href="#" class="text-orange-100 hover:text-white transition duration-300"> | |
| <i data-feather="facebook" width="20" height="20"></i> | |
| </a> | |
| <a href="#" class="text-orange-100 hover:text-white transition duration-300"> | |
| <i data-feather="twitter" width="20" height="20"></i> | |
| </a> | |
| <a href="#" class="text-orange-100 hover:text-white transition duration-300"> | |
| <i data-feather="instagram" width="20" height="20"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-orange-100"> | |
| <p>© 2024 Easy Transitions 101. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| AOS.init({ | |
| duration: 800, | |
| easing: 'ease-in-out', | |
| once: true | |
| }); | |
| feather.replace(); | |
| // Mobile menu toggle | |
| const mobileMenuButton = document.querySelector('.mobile-menu-button'); | |
| const mobileMenu = document.querySelector('.mobile-menu'); | |
| mobileMenuButton.addEventListener('click', () => { | |
| mobileMenu.classList.toggle('hidden'); | |
| }); | |
| </script> | |
| </body> | |
| </html> | |