feat: radixact section
This commit is contained in:
Val
parent
43822fd7ea
commit
3149e0671f
BIN
public/assets/images/about-image.webp
Normal file
BIN
public/assets/images/about-image.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
50
src/components/About.tsx
Normal file
50
src/components/About.tsx
Normal file
@ -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>
|
||||
);
|
||||
}
|
||||
@ -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
|
||||
|
||||
@ -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">
|
||||
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 className="text-sm">
|
||||
Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona. We
|
||||
are the largest full-service cancer treatment center between Albuquerque, New Mexico and Tucson,
|
||||
Arizona. Our services cover radiation treatments as well as chemotherapy, and we also have an infusion
|
||||
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>
|
||||
</>
|
||||
);
|
||||
|
||||
@ -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 { Swiper, SwiperSlide } from "swiper/react";
|
||||
import Image from "next/image";
|
||||
import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
|
||||
|
||||
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="col-lg-5 col-xl-5 d-flex align-items-center mb-md-60 mb-sm-40">
|
||||
<div className="w-100">
|
||||
<h2 className="section-caption-slick mb-30 mb-sm-20">Testimonials</h2>
|
||||
<h3 className="section-title mb-30">We'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 className="flex align-items-center justify-center wow fadeInUp">
|
||||
<GoogleReviewsBlock />
|
||||
</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>
|
||||
);
|
||||
}
|
||||
|
||||
@ -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: "",
|
||||
},
|
||||
];
|
||||
|
||||
];
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user