rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: rankrunners-dev:0e77f2772905ab5a6f91700a85fbdfb12ef9aa71
Branches Tags
rankrunners-dev:main
rankrunners-dev:dev
..
compare: rankrunners-dev:be68061c44122a01cc9e88332a29026a44975839
Branches Tags
rankrunners-dev:main
rankrunners-dev:dev

No commits in common. "0e77f2772905ab5a6f91700a85fbdfb12ef9aa71" and "be68061c44122a01cc9e88332a29026a44975839" have entirely different histories.
0e77f27729 ... be68061c44

10 changed files with 133 additions and 150 deletions
Show Stats Expand all files Collapse all files

187
public/assets/css/bootstrap.min.css vendored
View File

@ -47,10 +47,16 @@
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
"Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(
180deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0)
);
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
@ -226,7 +232,7 @@ sup {
}
a {
color: #0d6efd;
/* text-decoration: underline; */
text-decoration: underline;
}
a:hover {
color: #0a58ca;
@ -1854,9 +1860,7 @@ progress {
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
@ -1905,16 +1909,11 @@ progress {
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-transition: color 0.15s ease-in-out,
background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
@ -1929,11 +1928,8 @@ progress {
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
@ -1963,16 +1959,11 @@ progress {
border-width: 0;
border-inline-end-width: 1px;
border-radius: 0;
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-transition: color 0.15s ease-in-out,
background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
@ -2088,9 +2079,7 @@ textarea.form-control-lg {
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@ -2246,14 +2235,10 @@ textarea.form-control-lg {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
box-shadow:
0 0 0 1px #fff,
0 0 0 0.25rem rgba(13, 110, 253, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow:
0 0 0 1px #fff,
0 0 0 0.25rem rgba(13, 110, 253, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
@ -2265,13 +2250,9 @@ textarea.form-control-lg {
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-webkit-transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-transition: background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none;
@ -2300,13 +2281,9 @@ textarea.form-control-lg {
background-color: #0d6efd;
border: 0;
border-radius: 1rem;
-moz-transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-moz-transition: background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none;
@ -2355,9 +2332,7 @@ textarea.form-control-lg {
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition:
opacity 0.1s ease-in-out,
transform 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
@ -2464,19 +2439,21 @@ textarea.form-control-lg {
padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
.input-group:not(.has-validation)
> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
.input-group.has-validation
> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group
> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(
.invalid-feedback
) {
> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
.valid-feedback
):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
@ -2524,7 +2501,8 @@ textarea.form-control-lg {
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
background-position: top calc(0.375em + 0.1875rem) right
calc(0.375em + 0.1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
@ -2537,12 +2515,8 @@ textarea.form-control.is-valid {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-position:
right 0.75rem center,
center right 2.25rem;
background-size:
16px 12px,
calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
@ -2623,7 +2597,8 @@ textarea.form-control.is-valid {
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
background-position: top calc(0.375em + 0.1875rem) right
calc(0.375em + 0.1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
@ -2636,12 +2611,8 @@ textarea.form-control.is-invalid {
padding-right: 4.125rem;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-position:
right 0.75rem center,
center right 2.25rem;
background-size:
16px 12px,
calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
background-position: right 0.75rem center, center right 2.25rem;
background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
@ -2696,11 +2667,8 @@ textarea.form-control.is-invalid {
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
@ -3761,9 +3729,7 @@ fieldset:disabled .btn {
padding: 0.5rem 1rem;
color: #0d6efd;
text-decoration: none;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
@ -4472,11 +4438,8 @@ fieldset:disabled .btn {
border: 0;
border-radius: 0;
overflow-anchor: none;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
@ -4599,11 +4562,8 @@ fieldset:disabled .btn {
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
@ -6128,8 +6088,18 @@ fieldset:disabled .btn {
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
-webkit-mask-image: linear-gradient(
130deg,
#000 55%,
rgba(0, 0, 0, 0.8) 75%,
#000 95%
);
mask-image: linear-gradient(
130deg,
#000 55%,
rgba(0, 0, 0, 0.8) 75%,
#000 95%
);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
-webkit-animation: placeholder-wave 2s linear infinite;
@ -7230,15 +7200,24 @@ fieldset:disabled .btn {
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
background-color: rgba(
var(--bs-primary-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
background-color: rgba(
var(--bs-secondary-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
background-color: rgba(
var(--bs-success-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-info {
--bs-bg-opacity: 1;
@ -7246,7 +7225,10 @@ fieldset:disabled .btn {
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
background-color: rgba(
var(--bs-warning-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
@ -7270,7 +7252,10 @@ fieldset:disabled .btn {
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
background-color: rgba(
var(--bs-body-bg-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;

8
public/assets/css/style.css
View File

@ -754,12 +754,12 @@ body {
}
a {
color: var(--color-dark-1);
/* text-decoration: underline; */
text-decoration: underline;
transition: color 0.1s var(--ease-default);
}
a:hover {
color: var(--color-dark-4);
/* text-decoration: underline; */
text-decoration: underline;
}
b,
strong {
@ -10141,9 +10141,9 @@ a.link-to-top.color:before {
.footer-text {
text-transform: none;
}
/* .footer-text a {
.footer-text a {
text-decoration: underline;
} */
}
.fw-top-link {
text-decoration: none;
}

16
src/app/(main)/home-bg-video/page.tsx
View File

@ -1,9 +1,10 @@
// "use client";
"use client";
import Hero6 from "@/components/Hero";
import dynamic from "next/dynamic";
// const ParallaxContainer = dynamic(() => import("@/components/ParallaxContainer"), {
// ssr: false,
// });
const ParallaxContainer = dynamic(() => import("@/components/ParallaxContainer"), {
ssr: false,
});
export default function Home1BGVideoMultiPage() {
return (
@ -11,7 +12,7 @@ export default function Home1BGVideoMultiPage() {
<div className="theme-main">
<div className="page" id="top">
<main id="main">
{/* <ParallaxContainer
<ParallaxContainer
className="home-section bg-dark-1 bg-dark-alpha-60 light-content parallax-5 scrollSpysection"
style={{
backgroundImage: "url(/assets/images/full-width-images/section-bg-13.jpeg)",
@ -19,10 +20,7 @@ export default function Home1BGVideoMultiPage() {
id="home"
>
<Hero6 />
</ParallaxContainer> */}
<div className="home-section bg-dark-1 bg-dark-alpha-60 light-content parallax-5 bg-[url(/assets/images/full-width-images/section-bg-13.jpeg)]">
<Hero6 />
</div>
</ParallaxContainer>
</main>
</div>
</div>

11
src/components/Blocks/Form/Button/index.tsx
View File

@ -2,7 +2,6 @@ import type { ElementType } from "react";
import Link from "next/link";
import React from "react";
import { CgSpinner } from "react-icons/cg";
export type Props = {
appearance?: "default" | "primary" | "secondary";
@ -13,7 +12,6 @@ export type Props = {
label?: string;
newTab?: boolean | null;
onClick?: () => void;
isLoading?: boolean;
};
export const Button: React.FC<Props> = ({
@ -23,7 +21,6 @@ export const Button: React.FC<Props> = ({
href,
label,
newTab,
isLoading,
}) => {
const newTabProps = newTab ? { rel: "noopener noreferrer", target: "_blank" } : {};
const Element: ElementType = el;
@ -38,21 +35,19 @@ export const Button: React.FC<Props> = ({
const content = (
<div className="btn btn-mod btn-color btn-large btn-full btn-circle btn-hover-anim">
<span className="flex flex-row">
{label} {isLoading && <CgSpinner color="var(--ext-color-primary-1)" className="animate-spin ml-2" size={24} />}
</span>
<span>{label}</span>
</div>
);
return (
<Element {...elementProps} {...{ disabled: isLoading }}>
<Element {...elementProps}>
<React.Fragment>
{(el === "link" || el === "a") && (
<Link {...newTabProps} href={href || ""}>
{content}
</Link>
)}
{el === "button" && <>{content}</>}
{el === "button" && content}
</React.Fragment>
</Element>
);

4
src/components/Blocks/Form/index.tsx
View File

@ -76,7 +76,7 @@ export const FormBlock: React.FC<
// delay loading indicator by 1s
loadingTimerID = setTimeout(() => {
setIsLoading(true);
}, 250);
}, 1000);
try {
const req = await fetch(`${process.env.NEXT_PUBLIC_PAYLOAD_URL}/api/form-submissions`, {
@ -160,7 +160,7 @@ export const FormBlock: React.FC<
return null;
})}
</div>
<Button appearance="primary" el="button" form={formID} label={submitButtonLabel} isLoading={isLoading} />
<Button appearance="primary" el="button" form={formID} label={submitButtonLabel} />
</form>
)}
</div>

4
src/components/Footer.tsx
View File

@ -36,7 +36,7 @@ export default function Footer() {
href="https://www.google.com/maps/place/5151+AZ-90,+Sierra+Vista,+AZ+85635"
target="_blank"
rel="noopener noreferrer"
className="text-lg text-white"
className="underline text-lg text-white"
>
5151 E HIGHWAY 90
</a>
@ -58,7 +58,7 @@ export default function Footer() {
href="https://www.facebook.com/p/Cochise-Oncology-61556262839823"
target="_blank"
rel="noopener noreferrer"
className="text-lg text-white"
className="underline text-lg text-white"
>
Facebook
</a>

5
src/components/Hero.tsx
View File

@ -2,7 +2,6 @@
import ModalVideo from "react-modal-video";
import { useState } from "react";
import Link from "next/link";
export default function Hero6() {
const [isOpen, setOpen] = useState(false);
@ -35,9 +34,9 @@ export default function Hero6() {
data-wow-duration="1.2s"
data-wow-offset={0}
>
<Link href="/contact" className="bg-[#64B3B4] text-white px-4 py-2 m-3 rounded-3xl hover:opacity-[0.7]">
<button className="bg-[#64B3B4] text-white px-4 py-2 m-3 rounded-3xl hover:opacity-[0.7]">
Request Consultation
</Link>
</button>
{/* <a
onClick={() => setOpen(true)}
className="link-hover-anim align-middle lightbox mfp-iframe mt-10"

10
src/components/Homepage.tsx
View File

@ -98,14 +98,20 @@ export default function homepage({ onePage = false, dark = false }) {
<section className="my-5 w-full">
<Testimonials />
</section>
<section className="page-section bg-scroll light-content bg-[url(/assets/images/demo-modern/section-bg-3.jpeg)]">
<section
className="page-section bg-scroll light-content"
style={{
backgroundImage: "url(/assets/images/demo-modern/section-bg-3.jpeg)",
}}
>
<div className="bg-overlay bg-gradient-dark-alpha-2 d-none d-md-block" />
{/* End Desktop Overlay */}
{/* Mobile Overlay */}
<div className="bg-overlay bg-dark-1 opacity-09 d-md-none" />
{/* End Mobile Overlay */}
<div className="container position-relative">
<div className="row wow fadeInUp">
<div className="col-md-2 offset-md-5 col-lg-6 offset-lg-6 col-xl-6 offset-xl-6">
<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="text-sm">
Get compassionate care and excellent medical services from COCHISE ONCOLOGY in Sierra Vista, Arizona. We

38
src/components/Testimonials.tsx
View File

@ -1,34 +1,34 @@
"use client";
import { useEffect, useRef } from "react";
import { GoogleReviewsBlock } from "./Blocks/GoogleReviews";
export default function Testimonials() {
// const isotopContainer = useRef<any | null>(null);
// const initIsotop = async () => {
// const Isotope = (await import("isotope-layout")).default;
// const imagesloaded = (await import("imagesloaded")).default;
const isotopContainer = useRef<any | null>(null);
const initIsotop = async () => {
const Isotope = (await import("isotope-layout")).default;
const imagesloaded = (await import("imagesloaded")).default;
// const isotope = new Isotope(isotopContainer.current, {
// itemSelector: ".col-md-6",
// layoutMode: "masonry",
// });
// imagesloaded(isotopContainer.current).on("progress", function () {
// isotope.layout();
// });
// };
const isotope = new Isotope(isotopContainer.current, {
itemSelector: ".col-md-6",
layoutMode: "masonry",
});
imagesloaded(isotopContainer.current).on("progress", function () {
isotope.layout();
});
};
// useEffect(() => {
// initIsotop();
// }, []);
useEffect(() => {
initIsotop();
}, []);
return (
<div className="text-center wow fadeInUp">
{/* <div className="row">
<div className="text-center">
<div className="row">
<div className="flex align-items-center justify-center wow fadeInUp">
<GoogleReviewsBlock />
</div>
</div> */}
<GoogleReviewsBlock />
</div>
</div>
);
}

0
src/app/(main)/contact/page.tsx → src/contact/page-backup.tsx
View File