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

@@ -17,9 +17,9 @@ export const testimonials = [
     role: "Business Owner",
     image: "/assets/images/ts1-user.jpg",
   },
-  ];
+];
 
-  export const testimonials2 = [
+export const testimonials2 = [
   {
     id: 1,
     blockquote:
@@ -50,9 +50,9 @@ export const testimonials = [
       imgSrc: "/assets/images/ts1-user.jpg",
     },
   },
-  ];
+];
 
-  export const testimonials3 = [
+export const testimonials3 = [
   {
     text: "Beautiful template, nice code and easy to customize. Optimization, structure and pages are very good for SEO basics.",
     author: "Thomas Johnson",
@@ -89,9 +89,9 @@ export const testimonials = [
     role: "Business owner",
     imgSrc: "/assets/images/demo-gradient/user-3.jpg",
   },
-  ];
+];
 
-  export const testimonials4 = [
+export const testimonials4 = [
   {
     id: 1,
     delay: "0s",
@@ -113,9 +113,9 @@ export const testimonials = [
     text: "“I have super enjoyed working with Resonance.”",
     caption: "Rated 4.5 on Trustpilot",
   },
-  ];
+];
 
-  export const testimonialItems = [
+export const testimonialItems = [
   {
     imageSrc: "/assets/images/demo-corporate/testimonial-1.jpg",
     quote:
@@ -130,9 +130,9 @@ export const testimonials = [
     author: "Jordan Harvey",
     position: "SEO/SMO Expert",
   },
-  ];
+];
 
-  export const testimonials5 = [
+export const testimonials5 = [
   {
     text: "Beautifull template, nice code and easy to customize. Optimization and structure are verry good for SEO basics.",
     author: "Thomas Johnson",
@@ -165,5 +165,4 @@ export const testimonials = [
     altText: "Image description is here",
     extraClass: "",
   },
-  ];
+];
-