feat: radixact section

This commit is contained in:
Val 2025-02-13 22:22:49 +07:00
parent 43822fd7ea
commit 3149e0671f
6 changed files with 274 additions and 242 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

50
src/components/About.tsx Normal file
View 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>
);
}

View File

@ -64,13 +64,13 @@ export function GoogleReviewsBlock() {
</div> </div>
<div className="container px-6"> <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"> <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"> <div className="mt-1">
<StarRating size={20} value={4.8} /> <StarRating size={20} value={4.8} />
</div> </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>
<div className="mt-20 relative"> <div className="mt-20 relative">
<Swiper <Swiper

View File

@ -2,9 +2,8 @@ import { features4 } from "@/data/features";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import Cta3 from "./cta3"; import Cta3 from "./cta3";
import Service from "./Service";
import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
import Testimonials from "./Testimonials"; import Testimonials from "./Testimonials";
import About from "./About";
export default function homepage({ onePage = false, dark = false }) { export default function homepage({ onePage = false, dark = false }) {
return ( return (
@ -96,7 +95,9 @@ export default function homepage({ onePage = false, dark = false }) {
</div> </div>
</div> </div>
</section> </section>
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} /> <section className="my-5 w-full">
<Testimonials />
</section>
<section <section
className="page-section bg-scroll light-content" className="page-section bg-scroll light-content"
style={{ style={{
@ -110,13 +111,24 @@ export default function homepage({ onePage = false, dark = false }) {
{/* End Mobile Overlay */} {/* End Mobile Overlay */}
<div className="container position-relative"> <div className="container position-relative">
<div className="row wow fadeInUp"> <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> <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 firstfrom the patients 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> </p>
{/* Features List */} {/* Features List */}
@ -126,8 +138,38 @@ export default function homepage({ onePage = false, dark = false }) {
</div> </div>
</div> </div>
</section> </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> </section>
</> </>
); );

View File

@ -1,11 +1,6 @@
"use client"; "use client";
import { brands } from "@/data/brands";
import { numberItems4 } from "@/data/facts";
import { testimonials5 } from "@/data/testimonials";
import { useEffect, useRef } from "react"; 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() { export default function Testimonials() {
const isotopContainer = useRef<any | null>(null); const isotopContainer = useRef<any | null>(null);
@ -26,66 +21,12 @@ export default function Testimonials() {
initIsotop(); initIsotop();
}, []); }, []);
return ( return (
<div className="container position-relative"> <div className="text-center">
<div className="row"> <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> </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> </div>
{/* Logotypes */}
{/* End Logotypes */}
</div> </div>
); );
} }

View File

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