feat: radixact section

src/components/About.tsx

@@ -0,0 +1,50 @@
+"use client";
+import Image from "next/image";
+
+export default function About() {
+  return (
+    <div className="row wow fadeInUp" data-wow-delay="0.5s">
+      <div className="col-lg-6 mb-md-60">
+        <div className="position-relative">
+          {/* Image */}
+          <div className="position-relative overflow-hidden">
+            <Image
+              width={960}
+              height={539}
+              src="/assets/images/about-image.webp"
+              className="image-fullwidth relative"
+              alt="Image Description"
+            />
+          </div>
+          {/* End Image */}
+          {/* Decorative Waves */}
+          <div
+            className="decoration-1 d-none d-sm-block"
+            data-rellax-y=""
+            data-rellax-speed={1}
+            data-rellax-percentage="0.1"
+          >
+            <Image width="159" height="74" src="/assets/images/decoration-1.svg" className="svg-shape" alt="" />
+          </div>
+          {/* End Decorative Waves */}
+        </div>
+      </div>
+      <div className="col-lg-6 col-xl-5 offset-xl-1">
+        <h4 className="h5">What is Radixact® Radiation Therapy?</h4>
+        <p className="text-gray">
+          Radixact® is an advanced form of radiation therapy that targets a wide range of cancers. Radixact® is a form
+          of TomoTherapy®, a system of CT imaging that provides 3D images of the tumor, then targets it more precisely
+          to minimize the effects on healthy tissue. It also works from all directions to treat tumors more effectively
+          from multiple angles.
+        </p>
+        <h4 className="h5">What are the Side Effects of Radixact®?</h4>
+        <p className="text-gray">
+          Radixact® reduces many of the common after-effects of radiation therapy by protecting healthy tissue. Common
+          side effects of radiation therapy include fatigue and local skin irritation in the treatment area. Radixact®
+          decreases the occurrence of these problems by leaving healthy tissue as untouched as possible. Radixact®
+          patients usually go about their daily lives during treatment with minimal disruption.
+        </p>
+      </div>
+    </div>
+  );
+}

src/components/Blocks/GoogleReviews/index.tsx

@@ -64,13 +64,13 @@ export function GoogleReviewsBlock() {
       </div>
 
       <div className="container px-6">
-        <h2 className="text-3xl font-bold text-center text-white">Reviews</h2>
+        <h2 className="text-3xl font-bold text-cente">Reviews</h2>
         <div className="flex justify-center space-x-2">
-          <h2 className="text-xl text-center font-bold text-white">4.8</h2>
+          <h2 className="text-xl text-center font-bol">4.8</h2>
           <div className="mt-1">
             <StarRating size={20} value={4.8} />
           </div>
-          <div className="text-xs font-semibold mt-1 text-white">Over 200 Reviews</div>
+          <div className="text-xs font-semibold mt-">Over 200 Reviews</div>
         </div>
         <div className="mt-20 relative">
           <Swiper

src/components/Homepage.tsx

@@ -2,9 +2,8 @@ import { features4 } from "@/data/features";
 import Image from "next/image";
 import Link from "next/link";
 import Cta3 from "./cta3";
-import Service from "./Service";
-import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
 import Testimonials from "./Testimonials";
+import About from "./About";
 
 export default function homepage({ onePage = false, dark = false }) {
   return (
@@ -96,7 +95,9 @@ export default function homepage({ onePage = false, dark = false }) {
           </div>
         </div>
       </section>
-      <hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
+      <section className="my-5 w-full">
+        <Testimonials />
+      </section>
       <section
         className="page-section bg-scroll light-content"
         style={{
@@ -110,13 +111,24 @@ export default function homepage({ onePage = false, dark = false }) {
         {/* End Mobile Overlay */}
         <div className="container position-relative">
           <div className="row wow fadeInUp">
-            <div className="col-md-7 offset-md-5 col-lg-6 offset-lg-6 col-xl-5 offset-xl-7">
+            <div className="col-md-2 offset-md-5 col-lg-6 offset-lg-6 col-xl-7 offset-xl-7">
               <h2 className="section-title mb-40 mb-sm-30">A Cancer Treatment Center of Excellence</h2>
-              <p className="mb-50 mb-sm-40">
+              <p className="text-sm">
-                We believe our patients deserve and demand the very best in timely treatments, personalized care,
+                Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona. We
-                professional competence, and advanced technology. We will achieve this vision by employing caring and
+                are the largest full-service cancer treatment center between Albuquerque, New Mexico and Tucson,
-                competent staff with excellent training, developing multidisciplinary collaborations, and using the
+                Arizona. Our services cover radiation treatments as well as chemotherapy, and we also have an infusion
-                latest technology available in the most comfortable environment.
+                center. We offer support groups as well as free hospitality housing for patients undergoing treatment.
+                Read on to learn more about our establishment, or reach out to us via phone or email to make an inquiry.
+              </p>
+              <h4>The Mission of Cochise Oncology</h4>
+              <p className="text-sm">
+                To provide excellence in cancer and patient care in a comprehensive center for the local community.
+                Optimal cancer treatment places the patient first—from the patient’s first greeting with the front
+                office staff to the trust they develop with the physicians and the whole treatment team. We believe our
+                patients deserve and demand the very best in timely treatments, personalized care, professional
+                competence, and advanced technology. We will achieve this vision by employing caring and competent staff
+                with excellent training, developing multidisciplinary collaborations, and using the latest technology
+                available in the most comfortable environment.
               </p>
 
               {/* Features List */}
@@ -126,8 +138,38 @@ export default function homepage({ onePage = false, dark = false }) {
           </div>
         </div>
       </section>
-      <section className="my-5">
+
-        <Testimonials />
+      <section className={`page-section scrollSpysection ${dark ? "bg-dark-1 light-content" : ""}`} id="about">
+        <div className="container position-relative">
+          <div className="row mb-60 mb-xs-30">
+            <div className="col-md-6">
+              <h2 className="section-caption mb-xs-10">Our Service</h2>
+              <h3 className="section-title mb-0">Radixact® Radiation Therapy</h3>
+            </div>
+            <div className="col-md-5 offset-md-1 relative text-start text-md-end pt-40 pt-sm-20 local-scroll">
+              {/* Decorative Dots */}
+              <div
+                className="decoration-2 d-none d-md-block"
+                data-rellax-y=""
+                data-rellax-speed="0.7"
+                data-rellax-percentage="-0.2"
+              >
+                <Image width="103" height="223" src="/assets/images/decoration-2.svg" alt="" />
+              </div>
+              {/* End Decorative Dots */}
+
+              <Link href={`/radixact`} className="link-hover-anim underline align-middle" data-link-animate="y">
+                <span className="link-strong link-strong-unhovered">
+                  Explore Our Services <i className="mi-arrow-right size-18" aria-hidden="true"></i>
+                </span>
+                <span className="link-strong link-strong-hovered" aria-hidden="true">
+                  Explore Our Services <i className="mi-arrow-right size-18" aria-hidden="true"></i>
+                </span>
+              </Link>
+            </div>
+          </div>
+          <About />
+        </div>
       </section>
     </>
   );

src/components/Testimonials.tsx

@@ -1,11 +1,6 @@
 "use client";
-import { brands } from "@/data/brands";
-import { numberItems4 } from "@/data/facts";
-import { testimonials5 } from "@/data/testimonials";
 import { useEffect, useRef } from "react";
-import { Autoplay } from "swiper/modules";
+import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
-import { Swiper, SwiperSlide } from "swiper/react";
-import Image from "next/image";
 
 export default function Testimonials() {
   const isotopContainer = useRef<any | null>(null);
@@ -26,66 +21,12 @@ export default function Testimonials() {
     initIsotop();
   }, []);
   return (
-    <div className="container position-relative">
+    <div className="text-center">
       <div className="row">
-        {/* Section Text */}
+        <div className="flex align-items-center justify-center wow fadeInUp">
-        <div className="col-lg-5 col-xl-5 d-flex align-items-center mb-md-60 mb-sm-40">
+          <GoogleReviewsBlock />
-          <div className="w-100">
-            <h2 className="section-caption-slick mb-30 mb-sm-20">Testimonials</h2>
-            <h3 className="section-title mb-30">We&apos;re trusted by leading companies.</h3>
-            <p className="section-descr mb-50 mb-sm-30">
-              A static website stores a unique file for every page of a static website. Each time that page is
-              requested, the same content is returned.
-            </p>
-            {/* Numbers */}
-            <div className="row mt-sm-n10">
-              {numberItems4.map((item, index) => (
-                <div key={index} className="col-md-6 mt-sm-10">
-                  <div className="number-3-title">{item.title}</div>
-                  <div className="number-3-descr">{item.description}</div>
-                </div>
-              ))}
-            </div>
-            {/* End Numbers */}
-          </div>
         </div>
-        {/* End Section Text */}
-        {/* Testimonials Grid */}
-        <div className="col-lg-7 col-xl-6 offset-xl-1 d-flex align-items-center">
-          <div className="w-100 position-relative">
-            <div ref={isotopContainer} className="row masonry mb-n30 wow fadeInUp">
-              {/* Testimonials Item */}
-              {testimonials5.map((testimonial: any, index: number) => (
-                <div key={index} className={`col-md-6 mb-30 ${!index ? "mt-50 mt-sm-0" : ""} `}>
-                  <div className="testimonials-4-item">
-                    <div className="testimonials-4-icon">
-                      <i className="icon-quotation-mark" />
-                    </div>
-                    <blockquote className="testimonials-4-text">
-                      <p className="mb-0">{testimonial.text}</p>
-                      <footer className="testimonials-4-author mt-30 clearfix">
-                        <div className="testimonials-4-author-img float-start">
-                          <Image width={44} height={44} src={testimonial.imgSrc} alt={testimonial.altText} />
-                        </div>
-                        <div className="overflow-hidden">
-                          {testimonial.author}
-                          <div className="small">{testimonial.position}</div>
-                        </div>
-                      </footer>
-                    </blockquote>
-                  </div>
-                </div>
-              ))}
-
-              {/* End Testimonials Item */}
-            </div>
-          </div>
-        </div>
-        {/* Testimonials Grid */}
       </div>
-      {/* Logotypes */}
-
-      {/* End Logotypes */}
     </div>
   );
 }

src/data/testimonials.ts

@@ -1,169 +1,168 @@
 export const testimonials = [
-    {
+  {
-      quote: `This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!`,
+    quote: `This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!`,
-      author: "Adam Peterson",
+    author: "Adam Peterson",
-      role: "Business Owner",
+    role: "Business Owner",
-      image: "/assets/images/ts1-user.jpg",
+    image: "/assets/images/ts1-user.jpg",
+  },
+  {
+    quote: `This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!`,
+    author: "Adam Peterson",
+    role: "Business Owner",
+    image: "/assets/images/ts1-user.jpg",
+  },
+  {
+    quote: `This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!`,
+    author: "Adam Peterson",
+    role: "Business Owner",
+    image: "/assets/images/ts1-user.jpg",
+  },
+];
+
+export const testimonials2 = [
+  {
+    id: 1,
+    blockquote:
+      "Beautifull template, nice code and easy to customize. Optimization and structure are very good for seo basics.",
+    author: {
+      name: "Adam Peterson",
+      title: "Business Owner",
+      imgSrc: "/assets/images/ts1-user.jpg",
     },
-    {
+  },
-      quote: `This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!`,
+  {
-      author: "Adam Peterson",
+    id: 2,
-      role: "Business Owner",
+    blockquote:
-      image: "/assets/images/ts1-user.jpg",
+      "Beautifull template, nice code and easy to customize. Optimization and structure are very good for seo basics.",
+    author: {
+      name: "Adam Peterson",
+      title: "Business Owner",
+      imgSrc: "/assets/images/ts1-user.jpg",
     },
-    {
+  },
-      quote: `This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!`,
+  {
-      author: "Adam Peterson",
+    id: 3,
-      role: "Business Owner",
+    blockquote:
-      image: "/assets/images/ts1-user.jpg",
+      "Beautifull template, nice code and easy to customize. Optimization and structure are very good for seo basics.",
+    author: {
+      name: "Adam Peterson",
+      title: "Business Owner",
+      imgSrc: "/assets/images/ts1-user.jpg",
     },
-  ];
+  },
-  
+];
-  export const testimonials2 = [
+
-    {
+export const testimonials3 = [
-      id: 1,
+  {
-      blockquote:
+    text: "Beautiful template, nice code and easy to customize. Optimization, structure and pages are very good for SEO basics.",
-        "Beautifull template, nice code and easy to customize. Optimization and structure are very good for seo basics.",
+    author: "Thomas Johnson",
-      author: {
+    role: "UI/UX designer",
-        name: "Adam Peterson",
+    imgSrc: "/assets/images/demo-gradient/user-1.jpg",
-        title: "Business Owner",
+  },
-        imgSrc: "/assets/images/ts1-user.jpg",
+  {
-      },
+    text: "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality.",
-    },
+    author: "Alice Watson",
-    {
+    role: "3D artist",
-      id: 2,
+    imgSrc: "/assets/images/demo-gradient/user-2.jpg",
-      blockquote:
+  },
-        "Beautifull template, nice code and easy to customize. Optimization and structure are very good for seo basics.",
+  {
-      author: {
+    text: "A remarkable model, everything has been thought out with talent, the design, the responsiveness, the various adaptations.",
-        name: "Adam Peterson",
+    author: "Peter Braun",
-        title: "Business Owner",
+    role: "Business owner",
-        imgSrc: "/assets/images/ts1-user.jpg",
+    imgSrc: "/assets/images/demo-gradient/user-3.jpg",
-      },
+  },
-    },
+  {
-    {
+    text: "Beautiful template, nice code and easy to customize. Optimization, structure and pages are very good for SEO basics.",
-      id: 3,
+    author: "Thomas Johnson",
-      blockquote:
+    role: "UI/UX designer",
-        "Beautifull template, nice code and easy to customize. Optimization and structure are very good for seo basics.",
+    imgSrc: "/assets/images/demo-gradient/user-1.jpg",
-      author: {
+  },
-        name: "Adam Peterson",
+  {
-        title: "Business Owner",
+    text: "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality.",
-        imgSrc: "/assets/images/ts1-user.jpg",
+    author: "Alice Watson",
-      },
+    role: "3D artist",
-    },
+    imgSrc: "/assets/images/demo-gradient/user-2.jpg",
-  ];
+  },
-  
+  {
-  export const testimonials3 = [
+    text: "A remarkable model, everything has been thought out with talent, the design, the responsiveness, the various adaptations.",
-    {
+    author: "Peter Braun",
-      text: "Beautiful template, nice code and easy to customize. Optimization, structure and pages are very good for SEO basics.",
+    role: "Business owner",
-      author: "Thomas Johnson",
+    imgSrc: "/assets/images/demo-gradient/user-3.jpg",
-      role: "UI/UX designer",
+  },
-      imgSrc: "/assets/images/demo-gradient/user-1.jpg",
+];
-    },
+
-    {
+export const testimonials4 = [
-      text: "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality.",
+  {
-      author: "Alice Watson",
+    id: 1,
-      role: "3D artist",
+    delay: "0s",
-      imgSrc: "/assets/images/demo-gradient/user-2.jpg",
+    stars: 4.5,
-    },
+    text: "“Really impressed with the service and the results!”",
-    {
+    caption: "Rated 4.5 on Trustpilot",
-      text: "A remarkable model, everything has been thought out with talent, the design, the responsiveness, the various adaptations.",
+  },
-      author: "Peter Braun",
+  {
-      role: "Business owner",
+    id: 2,
-      imgSrc: "/assets/images/demo-gradient/user-3.jpg",
+    delay: "0.15s",
-    },
+    stars: 4.5,
-    {
+    text: "“Excellent service for targeted lead generation.”",
-      text: "Beautiful template, nice code and easy to customize. Optimization, structure and pages are very good for SEO basics.",
+    caption: "Rated 4.5 on Trustpilot",
-      author: "Thomas Johnson",
+  },
-      role: "UI/UX designer",
+  {
-      imgSrc: "/assets/images/demo-gradient/user-1.jpg",
+    id: 3,
-    },
+    delay: "0.3s",
-    {
+    stars: 4.5,
-      text: "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality.",
+    text: "“I have super enjoyed working with Resonance.”",
-      author: "Alice Watson",
+    caption: "Rated 4.5 on Trustpilot",
-      role: "3D artist",
+  },
-      imgSrc: "/assets/images/demo-gradient/user-2.jpg",
+];
-    },
+
-    {
+export const testimonialItems = [
-      text: "A remarkable model, everything has been thought out with talent, the design, the responsiveness, the various adaptations.",
+  {
-      author: "Peter Braun",
+    imageSrc: "/assets/images/demo-corporate/testimonial-1.jpg",
-      role: "Business owner",
+    quote:
-      imgSrc: "/assets/images/demo-gradient/user-3.jpg",
+      "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is the absolute best I've ever had the pleasure of interacting with. Quick, courteous, premium and extremely helpful!",
-    },
+    author: "Adam Peterson",
-  ];
+    position: "Marketing Consultant",
-  
+  },
-  export const testimonials4 = [
+  {
-    {
+    imageSrc: "/assets/images/demo-corporate/testimonial-2.jpg",
-      id: 1,
+    quote:
-      delay: "0s",
+      "Optimization and structure are very good for SEO basics. A remarkable model, everything has been thought out with talent, the design, the various adaptations. Beautiful template, nice code and easy to customize.",
-      stars: 4.5,
+    author: "Jordan Harvey",
-      text: "“Really impressed with the service and the results!”",
+    position: "SEO/SMO Expert",
-      caption: "Rated 4.5 on Trustpilot",
+  },
-    },
+];
-    {
+
-      id: 2,
+export const testimonials5 = [
-      delay: "0.15s",
+  {
-      stars: 4.5,
+    text: "Beautifull template, nice code and easy to customize. Optimization and structure are verry good for SEO basics.",
-      text: "“Excellent service for targeted lead generation.”",
+    author: "Thomas Johnson",
-      caption: "Rated 4.5 on Trustpilot",
+    position: "UI/ UX Designer",
-    },
+    imgSrc: "/assets/images/demo-fancy/user-1.jpg",
-    {
+    altText: "Image description is here",
-      id: 3,
+    extraClass: "mt-50 mt-sm-0",
-      delay: "0.3s",
+  },
-      stars: 4.5,
+  {
-      text: "“I have super enjoyed working with Resonance.”",
+    text: "The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!",
-      caption: "Rated 4.5 on Trustpilot",
+    author: "Emma Kande",
-    },
+    position: "3D Artist",
-  ];
+    imgSrc: "/assets/images/demo-fancy/user-2.jpg",
-  
+    altText: "Image description is here",
-  export const testimonialItems = [
+    extraClass: "",
-    {
+  },
-      imageSrc: "/assets/images/demo-corporate/testimonial-1.jpg",
+  {
-      quote:
+    text: "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality.",
-        "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality. The support is the absolute best I've ever had the pleasure of interacting with. Quick, courteous, premium and extremely helpful!",
+    author: "Peter Rebel",
-      author: "Adam Peterson",
+    position: "Business Owner",
-      position: "Marketing Consultant",
+    imgSrc: "/assets/images/demo-fancy/user-3.jpg",
-    },
+    altText: "Image description is here",
-    {
+    extraClass: "",
-      imageSrc: "/assets/images/demo-corporate/testimonial-2.jpg",
+  },
-      quote:
+  {
-        "Optimization and structure are very good for SEO basics. A remarkable model, everything has been thought out with talent, the design, the various adaptations. Beautiful template, nice code and easy to customize.",
+    text: "A remarkable model, everything has been thought out with talent, the design, the responsiveness, the various adaptations.",
-      author: "Jordan Harvey",
+    author: "Alice Watson",
-      position: "SEO/SMO Expert",
+    position: "Product Designer",
-    },
+    imgSrc: "/assets/images/demo-fancy/user-4.jpg",
-  ];
+    altText: "Image description is here",
-  
+    extraClass: "",
-  export const testimonials5 = [
+  },
-    {
+];
-      text: "Beautifull template, nice code and easy to customize. Optimization and structure are verry good for SEO basics.",
-      author: "Thomas Johnson",
-      position: "UI/ UX Designer",
-      imgSrc: "/assets/images/demo-fancy/user-1.jpg",
-      altText: "Image description is here",
-      extraClass: "mt-50 mt-sm-0",
-    },
-    {
-      text: "The support is one of the absolute best I've ever had the pleasure of interacting with. Quick, courteous, and extremely helpful!",
-      author: "Emma Kande",
-      position: "3D Artist",
-      imgSrc: "/assets/images/demo-fancy/user-2.jpg",
-      altText: "Image description is here",
-      extraClass: "",
-    },
-    {
-      text: "This template is so beautiful and has such wonderful new options. It is updated often which gives me even more quality.",
-      author: "Peter Rebel",
-      position: "Business Owner",
-      imgSrc: "/assets/images/demo-fancy/user-3.jpg",
-      altText: "Image description is here",
-      extraClass: "",
-    },
-    {
-      text: "A remarkable model, everything has been thought out with talent, the design, the responsiveness, the various adaptations.",
-      author: "Alice Watson",
-      position: "Product Designer",
-      imgSrc: "/assets/images/demo-fancy/user-4.jpg",
-      altText: "Image description is here",
-      extraClass: "",
-    },
-  ];
-