diff --git a/src/app/(main)/slick-about-dark/AboutDropdown.tsx b/src/app/(main)/slick-about-dark/AboutDropdown.tsx deleted file mode 100644 index 46f7854..0000000 --- a/src/app/(main)/slick-about-dark/AboutDropdown.tsx +++ /dev/null @@ -1,54 +0,0 @@ -"use client"; -import React, { useState, useRef } from "react"; -import Link from "next/link"; - -export default function AboutDropdown() { - // State to manage dropdown visibility - const [isDropdownOpen, setIsDropdownOpen] = useState(false); - - const dropdownRef = useRef(null); - - // Toggle dropdown visibility - const toggleDropdown = () => { - setIsDropdownOpen(!isDropdownOpen); - }; - - return ( - <li className="relative group"> - <a - href="#" - className="mn-has-sub opacity-1 text-black hover:text-purple-700 font-semibold px-4 py-2 flex items-center" - onClick={(e) => { - e.preventDefault(); - toggleDropdown(); - }} - > - About <i className="ml-1 mi-chevron-down" /> - </a> - - {/* Dropdown menu with sliding effect */} - <ul - className={`absolute left-0 mt-2 w-56 bg-white shadow-lg rounded-md border border-gray-300 transition-all duration-300 ${ - isDropdownOpen ? "opacity-100 visible scale-100" : "opacity-0 invisible scale-95" - }`} - ref={dropdownRef} - > - <li className="group relative"> - <Link href="/oncology-center" className="block px-4 py-2 text-purple-700 hover:bg-gray-200"> - Our Oncology Center - </Link> - </li> - <li className="group relative"> - <Link href="/staff" className="block px-4 py-2 text-black hover:bg-gray-200"> - Our Staff - </Link> - </li> - <li className="group relative"> - <Link href="/announcements" className="block px-4 py-2 text-black hover:bg-gray-200"> - Announcements - </Link> - </li> - </ul> - </li> - ); -} diff --git a/src/app/(main)/slick-about-dark/page.tsx b/src/app/(main)/slick-about-dark/page.tsx deleted file mode 100644 index a9b21e2..0000000 --- a/src/app/(main)/slick-about-dark/page.tsx +++ /dev/null @@ -1,84 +0,0 @@ -import Image from "next/image"; - -export const metadata = { - title: "Slick About Dark || Cochise Oncology", - description: "Cochise Oncology", -}; -const dark = true; -export default function SlickAboutPageDark() { - return ( - <> - <section - className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden" - id="home" - > - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 opacity-003"> - <Image src="/assets/adobstock-example.webp" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">Our Oncology Center</h1> - - {/* <p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s"> - Crafting immersive digital journeys for brands. - </p> */} - </div> - </div> - </div> - </section> - {/* <section className="page-section bg-white"> */} - <section className="page-section text-center bg-white py16 scrollSpysection" id="about"> - <div className="container position-relative text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h2 className="section-title mb-20">Our Commitment to Excellence</h2> - <p className="text-gray"> - Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona. We - offer a multidisciplinary approach to cancer care with multiple physicians who work together to guide - each patient through diagnosis, treatment, and recovery. Our services cover radiation, chemotherapy, - immunotherapy, hematology, and infusion services. - </p> - - <p className="text-gray"> - Cochise Oncology’s professional staff works hard to ensure a positive experience throughout the entire - course of treatment. While we are best known for our leading-edge cancer therapies, we take particular - pride in compassion and dedication to our doctors and entire staff. Excellence in patient care on every - level is our commitment. - </p> - - <p className="text-gray"> - Here at Cochise Oncology, we offer the most up-to-date technology in cancer treatment that rivals the - largest and most prestigious centers in the country. - </p> - - <p className="text-gray">We go the extra mile to address the needs of our patients.</p> - </div> - </div> - </div> - </section> - - <section - className={`page-section text-white text-center py16 scrollSpysection ${dark ? "bg-dark-1 light-content" : "bg-light-alpha-90"} bg-scroll`} - id="about" - > - <div className="container mx-auto px-6"> - <h2 className="text-3xl font-bold mb-4">Begin your path to healing with Cochise Oncology</h2> - <p className="text-lg mb-6"> - Our dedicated team in Sierra Vista, AZ is here to support you with hope, strength, and courage. We offer - personalized cancer care using innovative treatments in our state-of-the-art facility. Take the first step - towards comprehensive, patient-focused treatment by scheduling a consultation. Let us listen to your needs, - answer your questions, and create a tailored plan for your journey. Fill out our form to connect with our - compassionate experts and discover how Cochise Oncology can stand with you in your fight against cancer. - </p> - <a href="#" className="bg-purple-600 hover:bg-purple-700 text-white py-3 px-6 rounded-lg text-lg"> - Get Started → - </a> - </div> - </section> - </> - ); -} diff --git a/src/app/(main)/slick-about-dark/page1.tsx b/src/app/(main)/slick-about-dark/page1.tsx deleted file mode 100644 index c33b78a..0000000 --- a/src/app/(main)/slick-about-dark/page1.tsx +++ /dev/null @@ -1,226 +0,0 @@ -import Facts from "@/components/Facts"; -import Testimonials from "@/components/Testimonials"; -import TestimonialsDark from "@/components/TestimonialsDark"; -import { features4 } from "@/data/features"; -import Image from "next/image"; -import Link from "next/link"; - -export const metadata = { - title: "Slick About Dark || Cochise Oncology", - description: "Cochise Oncology", -}; -const dark = true; -export default function SlickAboutPageDark() { - return ( - <> - <section - className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden" - id="home" - > - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 opacity-003"> - <Image src="/assets/adobstock-example.webp" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">Our Oncology Center</h1> - - {/* <p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s"> - Crafting immersive digital journeys for brands. - </p> */} - </div> - </div> - </div> - </section> - {/* <section className="page-section bg-white"> */} - <section className="page-section text-center bg-white py16 scrollSpysection" id="about"> - <div className="container position-relative text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h2 className="section-title mb-20">Our Commitment to Excellence</h2> - <p className="text-gray"> - Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona. We - offer a multidisciplinary approach to cancer care with multiple physicians who work together to guide - each patient through diagnosis, treatment, and recovery. Our services cover radiation, chemotherapy, - immunotherapy, hematology, and infusion services. - </p> - - <p className="text-gray"> - Cochise Oncology’s professional staff works hard to ensure a positive experience throughout the entire - course of treatment. While we are best known for our leading-edge cancer therapies, we take particular - pride in compassion and dedication to our doctors and entire staff. Excellence in patient care on every - level is our commitment. - </p> - - <p className="text-gray"> - Here at Cochise Oncology, we offer the most up-to-date technology in cancer treatment that rivals the - largest and most prestigious centers in the country. - </p> - - <p className="text-gray">We go the extra mile to address the needs of our patients.</p> - </div> - </div> - </div> - </section> - - <section - className={`page-section text-white text-center py16 scrollSpysection ${dark ? "bg-dark-1 light-content" : "bg-light-alpha-90"} bg-scroll`} - id="about" - > - <div className="container mx-auto px-6"> - <h2 className="text-3xl font-bold mb-4">Begin your path to healing with Cochise Oncology</h2> - <p className="text-lg mb-6"> - Our dedicated team in Sierra Vista, AZ is here to support you with hope, strength, and courage. We offer - personalized cancer care using innovative treatments in our state-of-the-art facility. Take the first step - towards comprehensive, patient-focused treatment by scheduling a consultation. Let us listen to your needs, - answer your questions, and create a tailored plan for your journey. Fill out our form to connect with our - compassionate experts and discover how Cochise Oncology can stand with you in your fight against cancer. - </p> - <a href="#" className="bg-purple-600 hover:bg-purple-700 text-white py-3 px-6 rounded-lg text-lg"> - Get Started → - </a> - </div> - </section> - - <section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="about"> - <div className="container position-relative"> - <div className="row"> - {/* Section Text */} - <div className="col-lg-6 d-flex align-items-center order-first order-lg-last mb-md-60 mb-sm-40"> - <div className="w-100 wow fadeInUp"> - <h2 className="section-caption-slick mb-30 mb-sm-20">Our Story</h2> - <h3 className="section-title mb-30">We believe in creatives with a passion to smart design.</h3> - <p className="text-gray mb-40"> - Etiam fermentum vehicula faucibus. Praesent ullamcorper urna id arcu molestie scelerisque. Sed - imperdiet tristique mauris et faucibus. Maecenas semper augue non fringilla placerat. Curabitur luctus - erat sit amet ultricies aliquam. Donec dictum convallis mauris et maximus. Nullam massa arcu, porta - quis felis et, eleifend varius quam. - </p> - {/* Features List */} - <div className="row features-list mt-n20 mb-50 mb-sm-30"> - {/* Features List Item */} - {features4.map((feature, index) => ( - <div key={index} className="col-sm-6 col-lg-12 col-xl-6 d-flex mt-20"> - <div className="features-list-icon"> - <i className="mi-check" /> - </div> - <div className="features-list-text">{feature.text}</div> - </div> - ))} - {/* End Features List Item */} - </div> - {/* End Features List */} - <div className="local-scroll wch-unset"> - <Link - href={`/slick-contact${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim mb-xs-10" - > - <span>Start a project</span> - </Link> - - <Link - href={`/slick-about${dark ? "-dark" : ""}`} - className="link-hover-anim ms-2 ms-sm-5 me-2" - data-link-animate="y" - > - <span className="link-strong link-strong-unhovered"> - Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i> - </span> - <span className="link-strong link-strong-hovered" aria-hidden="true"> - Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i> - </span> - </Link> - </div> - </div> - </div> - {/* End Section Text */} - {/* Image */} - <div className="col-lg-6 d-flex align-items-center"> - <div className="w-100 pe-lg-5"> - <div className="composition-5"> - <div className="composition-5-decoration opacity-065"> - <Image src="/assets/images/demo-slick/decoration-1.svg" alt="" width={228} height={228} /> - </div> - <div className="composition-5-image-1"> - <div className="composition-5-image-1-inner"> - <Image - src="/assets/images/demo-slick/hs-image-3.jpg" - alt="Image Description" - width={850} - height={914} - className="wow scaleOutIn" - data-wow-offset={200} - /> - </div> - </div> - <div className="composition-5-image-2"> - <div className="composition-5-image-2-inner"> - <Image - src="/assets/images/demo-slick/hs-image-4.jpg" - alt="Image Description" - width={400} - height={400} - className="wow scaleOutIn" - data-wow-offset={0} - /> - </div> - </div> - </div> - </div> - </div> - {/* End Images */} - </div> - </div> - </section> - <section - className={`page-section ${dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"} bg-scroll`} - style={{ - backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)", - }} - > - <Facts /> - </section> - <section className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}> - {dark ? <TestimonialsDark /> : <Testimonials />} - </section> - <section className="page-section pt-0"> - <div className="container"> - <div - className={`small-section ${ - dark ? "bg-dark-2 light-content" : "bg-gray-light-1" - } ps-4 ps-lg-0 pe-4 pe-lg-0 round position-relative overflow-hidden`} - > - {/* Decoration Circles */} - <div className="decoration-12" /> - <div className="decoration-13" /> - {/* End Decoration Circles */} - <div className="row"> - <div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2"> - <div className="row"> - <div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20"> - <h2 className="section-title-small mb-20">Like our creative works?</h2> - <p className="text-gray mb-0"> - Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. - </p> - </div> - <div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> - <Link - href={`/slick-portfolio${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim" - > - <span>View all works</span> - </Link> - </div> - </div> - </div> - </div> - </div> - </div> - </section> - </> - ); -} diff --git a/src/app/(main)/slick-about/page.tsx b/src/app/(main)/slick-about/page.tsx deleted file mode 100644 index ad42177..0000000 --- a/src/app/(main)/slick-about/page.tsx +++ /dev/null @@ -1,174 +0,0 @@ -import Facts from "@/components/Facts"; -import Testimonials from "@/components/Testimonials"; -import TestimonialsDark from "@/components/TestimonialsDark"; -import { features4 } from "@/data/features"; -import Image from "next/image"; -import Link from "next/link"; - -export const metadata = { - title: "Slick About || Cochise Oncology", - description: "Cochise Oncology", -}; - -const dark = false; -export default function SlickAboutPage() { - return ( - <> - <section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home"> - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 wow fadeIn"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">About Studio</h1> - - <p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s"> - Crafting immersive digital journeys for brands. - </p> - </div> - </div> - </div> - </section> - <section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="about"> - <div className="container position-relative"> - <div className="row"> - {/* Section Text */} - <div className="col-lg-6 d-flex align-items-center order-first order-lg-last mb-md-60 mb-sm-40"> - <div className="w-100 wow fadeInUp"> - <h2 className="section-caption-slick mb-30 mb-sm-20">Our Story</h2> - <h3 className="section-title mb-30">We believe in creatives with a passion to smart design.</h3> - <p className="text-gray mb-40"> - Etiam fermentum vehicula faucibus. Praesent ullamcorper urna id arcu molestie scelerisque. Sed - imperdiet tristique mauris et faucibus. Maecenas semper augue non fringilla placerat. Curabitur luctus - erat sit amet ultricies aliquam. Donec dictum convallis mauris et maximus. Nullam massa arcu, porta - quis felis et, eleifend varius quam. - </p> - {/* Features List */} - <div className="row features-list mt-n20 mb-50 mb-sm-30"> - {/* Features List Item */} - {features4.map((feature, index) => ( - <div key={index} className="col-sm-6 col-lg-12 col-xl-6 d-flex mt-20"> - <div className="features-list-icon"> - <i className="mi-check" /> - </div> - <div className="features-list-text">{feature.text}</div> - </div> - ))} - {/* End Features List Item */} - </div> - {/* End Features List */} - <div className="local-scroll wch-unset"> - <Link - href={`/slick-contact${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim mb-xs-10" - > - <span>Start a project</span> - </Link> - - <Link - href={`/slick-about${dark ? "-dark" : ""}`} - className="link-hover-anim ms-2 ms-sm-5 me-2" - data-link-animate="y" - > - <span className="link-strong link-strong-unhovered"> - Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i> - </span> - <span className="link-strong link-strong-hovered" aria-hidden="true"> - Learn more <i className="mi-arrow-right size-24" aria-hidden="true"></i> - </span> - </Link> - </div> - </div> - </div> - {/* End Section Text */} - {/* Image */} - <div className="col-lg-6 d-flex align-items-center"> - <div className="w-100 pe-lg-5"> - <div className="composition-5"> - <div className="composition-5-decoration opacity-065"> - <Image src="/assets/images/demo-slick/decoration-1.svg" alt="" width={228} height={228} /> - </div> - <div className="composition-5-image-1"> - <div className="composition-5-image-1-inner"> - <Image - src="/assets/images/demo-slick/hs-image-3.jpg" - alt="Image Description" - width={850} - height={914} - className="wow scaleOutIn" - data-wow-offset={200} - /> - </div> - </div> - <div className="composition-5-image-2"> - <div className="composition-5-image-2-inner"> - <Image - src="/assets/images/demo-slick/hs-image-4.jpg" - alt="Image Description" - width={400} - height={400} - className="wow scaleOutIn" - data-wow-offset={0} - /> - </div> - </div> - </div> - </div> - </div> - {/* End Images */} - </div> - </div> - </section> - <section - className={`page-section ${dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"} bg-scroll`} - style={{ - backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)", - }} - > - <Facts /> - </section> - <section className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}> - {dark ? <TestimonialsDark /> : <Testimonials />} - </section> - <section className="page-section pt-0"> - <div className="container"> - <div - className={`small-section ${ - dark ? "bg-dark-2 light-content" : "bg-gray-light-1" - } ps-4 ps-lg-0 pe-4 pe-lg-0 round position-relative overflow-hidden`} - > - {/* Decoration Circles */} - <div className="decoration-12" /> - <div className="decoration-13" /> - {/* End Decoration Circles */} - <div className="row"> - <div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2"> - <div className="row"> - <div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20"> - <h2 className="section-title-small mb-20">Like our creative works?</h2> - <p className="text-gray mb-0"> - Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. - </p> - </div> - <div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> - <Link - href={`/slick-portfolio${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim" - > - <span>View all works</span> - </Link> - </div> - </div> - </div> - </div> - </div> - </div> - </section> - </> - ); -} diff --git a/src/app/(main)/slick-portfolio/page.tsx b/src/app/(main)/slick-portfolio/page.tsx deleted file mode 100644 index 41c4279..0000000 --- a/src/app/(main)/slick-portfolio/page.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import Portfolio from "@/components/Portfolio"; - -import Image from "next/image"; -import Link from "next/link"; - -export const metadata = { - title: "Slick Portfolio || Cochise Oncology", - description: "Cochise Oncology", -}; -const dark = false; -export default function SlickPortfolioPage() { - return ( - <> - <section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home"> - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 wow fadeIn"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">Portfolio</h1> - - <p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s"> - Explore captivating web design solutions. - </p> - </div> - </div> - </div> - </section> - <section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="portfolio"> - <div className="container position-relative"> - <Portfolio /> - </div> - </section> - - <section className="page-section pt-0"> - <div className="container"> - <div - className={`small-section ${ - dark ? "bg-dark-2 light-content" : "bg-gray-light-1" - } ps-4 ps-lg-0 pe-4 pe-lg-0 round position-relative overflow-hidden`} - > - {/* Decoration Circles */} - <div className="decoration-12" /> - <div className="decoration-13" /> - {/* End Decoration Circles */} - <div className="row"> - <div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2"> - <div className="row"> - <div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20"> - <h2 className="section-title-small mb-20">Like our creative works?</h2> - <p className="text-gray mb-0"> - Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. - </p> - </div> - <div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> - <Link - href={`/slick-portfolio${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim" - > - <span>View all works</span> - </Link> - </div> - </div> - </div> - </div> - </div> - </div> - </section> - </> - ); -} diff --git a/src/app/(main)/slick-services/page.tsx b/src/app/(main)/slick-services/page.tsx deleted file mode 100644 index 8afcceb..0000000 --- a/src/app/(main)/slick-services/page.tsx +++ /dev/null @@ -1,191 +0,0 @@ -import Features from "@/components/Features"; -import Service from "@/components/Service"; - -import Image from "next/image"; -import Link from "next/link"; - -export const metadata = { - title: "Slick Services || Cochise Oncology", - description: "Cochise Oncology", -}; - -const dark = false; -export default function SlickServicesPage() { - return ( - <> - <section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home"> - {/* <!-- Background Shape --> */} - <div className="bg-shape-1 wow fadeIn"> - <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" /> - </div> - {/* <!-- End Background Shape --> */} - - <div className="container position-relative pt-sm-40 text-center"> - <div className="row"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> - <h1 className="hs-title-10 mb-10 wow fadeInUp">Our Services</h1> - - <p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s"> - Web design that leaves an impression. - </p> - </div> - </div> - </div> - </section> - <section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""} `} id="services"> - <div className="container position-relative"> - <div className="row"> - {/* Left Column */} - <div className="col-lg-5 mb-md-60 mb-sm-40"> - <h2 className="section-caption-slick mb-30 mb-sm-20">WHAT WE DO</h2> - <h3 className="section-title mb-30">We provide the best development solutions.</h3> - <p className="section-descr mb-50 mb-sm-40"> - The power of design help us to solve complex problems and cultivate business solutions. - </p> - <div className="local-scroll"> - <Link - href={`/slick-contact${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim mb-xs-10" - > - <span>Request a quote</span> - </Link> - </div> - </div> - {/* End Left Column */} - {/* Right Column */} - <Service /> - {/* End Right Column */} - </div> - <div className="page-section"> - <hr className="mt-0 mb-0" /> - </div> - <div className="row mb-50 mb-sm-50"> - <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center"> - <h2 className="section-title-small mb-20">Why choose Resonance?</h2> - <p className="text-gray mb-0"> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. - </p> - </div> - </div> - {/* Features Grid */} - <Features /> - {/* End Features Grid */} - </div> - </section> - <hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} /> - <section className={`page-section ${dark ? "bg-dark-1 light-content" : ""}`}> - <div className="container position-relative"> - <div className="row"> - {/* Images */} - <div className="col-lg-7 d-flex align-items-start mb-md-60 mb-xs-30"> - <div className="call-action-2-images"> - <div - className="call-action-2-image-1" - data-rellax-y="" - data-rellax-speed="0.5" - data-rellax-percentage="0.7" - > - <Image - width={386} - height={400} - src="/assets/images/promo-3.jpg" - alt="Image Description" - className="wow scaleOutIn" - data-wow-duration="1.2s" - data-wow-offset={255} - /> - </div> - <div className="call-action-2-image-2"> - <Image - width={810} - height={512} - src="/assets/images/promo-4.jpg" - alt="Image Description" - className="wow scaleOutIn" - data-wow-duration="1.2s" - data-wow-offset={134} - /> - </div> - <div - className="call-action-2-image-3" - data-rellax-y="" - data-rellax-speed="-0.5" - data-rellax-percentage="0.5" - > - <Image - width={386} - height={500} - src="/assets/images/promo-5.jpg" - alt="Image Description" - className="wow scaleOutIn" - data-wow-duration="1.2s" - data-wow-offset={0} - /> - </div> - </div> - </div> - {/* End Images */} - {/* Text */} - <div className="col-lg-5 d-flex align-items-center"> - <div className="wow fadeInUp" data-wow-duration="1.2s" data-wow-offset="255"> - <h2 className="section-caption-slick mb-30 mb-sm-20">How we work?</h2> - - <h2 className="section-title mb-30">Get the power of the professional services</h2> - - <p className="text-gray"> - Pellentesque ultrices purus sit amet velit eleifend, eu iaculis velit malesuada. Proin id mattis elit. - Nullam a nisi tellus. Mauris rhoncus diam in sem maximus, nec luctus justo imperdiet. Etiam fermentum - vehicula faucibus. - </p> - - <p className="text-gray mb-0"> - Praesent ullamcorper urna id arcu molestie scelerisque. Sed imperdiet tristique mauris et faucibus. - Maecenas semper augue non fringilla placerat. Curabitur luctus erat sit amet ultricies aliquam. Donec - dictum convallis mauris et maximus. Nullam massa arcu, porta quis felis et, eleifend varius quam. - </p> - </div> - </div> - {/* End Text */} - </div> - </div> - </section> - - <section className="page-section pt-0"> - <div className="container"> - <div - className={`small-section ${ - dark ? "bg-dark-2 light-content" : "bg-gray-light-1" - } ps-4 ps-lg-0 pe-4 pe-lg-0 round position-relative overflow-hidden`} - > - {/* Decoration Circles */} - <div className="decoration-12" /> - <div className="decoration-13" /> - {/* End Decoration Circles */} - <div className="row"> - <div className="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2"> - <div className="row"> - <div className="col-md-7 col-lg-8 text-center text-md-start mb-sm-20"> - <h2 className="section-title-small mb-20">Like our creative works?</h2> - <p className="text-gray mb-0"> - Quisque posuere mollis ullamcorper. Ut eget metus lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. - </p> - </div> - <div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> - <Link - href={`/slick-portfolio${dark ? "-dark" : ""}`} - className="btn btn-mod btn-color btn-large btn-circle btn-hover-anim" - > - <span>View all works</span> - </Link> - </div> - </div> - </div> - </div> - </div> - </div> - </section> - </> - ); -}