feat(contact): remove unused section and set data

src/app/(main)/blog/page.tsx

@@ -1,7 +1,4 @@
 import Blogs from "@/components/Blogs/Blogs";
-import { archiveLinks } from "@/data/archieve";
-import { categories } from "@/data/categories";
-import { tags } from "@/data/tags";
 import { sanitizePageNumber } from "@/utils/sanitize";
 import Image from "next/image";
 

src/app/(main)/contact/page.tsx

@@ -0,0 +1,43 @@
+import Contact from "@/components/Contacts/Contact";
+import Image from "next/image";
+
+export const metadata = {
+  title: "Contact - Cochise Oncology",
+  description: "Contact - Cochise Oncology",
+};
+
+export default function SlickContactPageDark() {
+  return (
+    <>
+      <section
+        className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
+        id="home"
+      >
+        {/* <!-- Background Shape --> */}
+        <div className="bg-shape-1 opacity-003">
+          <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
+        </div>
+        {/* <!-- End Background Shape --> */}
+
+        <div className="container position-relative pt-sm-40 text-center">
+          <div className="row">
+            <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
+              <h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
+
+              {/* <p
+                className="section-descr mb-0 wow fadeInUp"
+                data-wow-delay="0.2s"
+              >
+                Crafting immersive digital journeys for brands.
+              </p> */}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section className="page-section scrollSpysection" id="contact">
+        <Contact />
+      </section>
+    </>
+  );
+}

src/app/(main)/slick-contact-dark/page.tsx

@@ -1,98 +0,0 @@
-import Contact from "@/components/Contact";
-import ContactDark from "@/components/ContactDark";
-import Faq from "@/components/Faq";
-import Image from "next/image";
-
-export const metadata = {
-  title:
-    "Slick Contacts Dark || Resonance — One & Multi Page React Nextjs Creative Template",
-  description:
-    "Resonance — One & Multi Page React Nextjs Creative Template",
-};
-const onePage = false;
-const dark = true;
-export default function SlickContactPageDark() {
-  return (
-    <>
-      <section
-        className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
-        id="home"
-      >
-        {/* <!-- Background Shape --> */}
-        <div className="bg-shape-1 opacity-003">
-          <Image
-            src="/assets/images/demo-fancy/bg-shape-1.svg"
-            width={1443}
-            height={844}
-            alt=""
-          />
-        </div>
-        {/* <!-- End Background Shape --> */}
-
-        <div className="container position-relative pt-sm-40 text-center">
-          <div className="row">
-            <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
-              <h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
-
-              <p
-                className="section-descr mb-0 wow fadeInUp"
-                data-wow-delay="0.2s"
-              >
-                Crafting immersive digital journeys for brands.
-              </p>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <section
-        className={`page-section  scrollSpysection  ${
-          dark ? "bg-dark-1 light-content" : ""
-        } `}
-        id="contact"
-      >
-        {dark ? <ContactDark /> : <Contact />}
-      </section>
-      <hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
-      <section className="page-section bg-dark-1 light-content z-index-1">
-        <div className="container position-relative">
-          {/* Decorative Waves */}
-          <div className="position-relative">
-            <div
-              className="decoration-21 opacity-07 d-none d-lg-block"
-              data-rellax-y=""
-              data-rellax-speed="0.7"
-              data-rellax-percentage="0.35"
-            >
-              <Image
-                src="/assets/images/demo-slick/decoration-4.svg"
-                alt=""
-                width={148}
-                height={148}
-              />
-            </div>
-          </div>
-          {/* End Decorative Waves */}
-          <div className="row position-relative">
-            <div className="col-md-6 col-lg-5 mb-md-50 mb-sm-30">
-              <h3 className="section-title mb-30">
-                Frequently Asked Questions
-              </h3>
-              <p className="text-gray mb-0">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
-                pulvinar vitae neque et porttitor. Integer non dapibus diam, ac
-                eleifend lectus lorem ipsum. In maximus ligula semper metus
-                pellentesque mattis. Maecenas volutpat, diam enim sagittis quam.
-              </p>
-            </div>
-            <div className="col-md-6 offset-lg-1 pt-10 pt-sm-0">
-              {/* Accordion */}
-              <Faq />
-              {/* End Accordion */}
-            </div>
-          </div>
-        </div>
-      </section>
-    </>
-  );
-}

src/app/(main)/slick-contact/page.tsx

@@ -1,14 +1,12 @@
-import Contact from "@/components/Contact";
+import Contact from "@/components/Contacts/Contact";
 import ContactDark from "@/components/ContactDark";
 import Faq from "@/components/Faq";
 
 import Image from "next/image";
 
 export const metadata = {
-  title:
+  title: "Slick Contacts || Resonance — One & Multi Page React Nextjs Creative Template",
-    "Slick Contacts || Resonance — One & Multi Page React Nextjs Creative Template",
+  description: "Resonance — One & Multi Page React Nextjs Creative Template",
-  description:
-    "Resonance — One & Multi Page React Nextjs Creative Template",
 };
 
 const dark = false;
@@ -16,18 +14,10 @@ const dark = false;
 export default function SlickContactPage() {
   return (
     <>
-      <section
+      <section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home">
-        className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
-        id="home"
-      >
         {/* <!-- Background Shape --> */}
         <div className="bg-shape-1 wow fadeIn">
-          <Image
+          <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1443} height={844} alt="" />
-            src="/assets/images/demo-fancy/bg-shape-1.svg"
-            width={1443}
-            height={844}
-            alt=""
-          />
         </div>
         {/* <!-- End Background Shape --> */}
 
@@ -36,10 +26,7 @@ export default function SlickContactPage() {
             <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
               <h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
 
-              <p
+              <p className="section-descr mb-0 wow fadeInUp" data-wow-delay="0.2s">
-                className="section-descr mb-0 wow fadeInUp"
-                data-wow-delay="0.2s"
-              >
                 Crafting immersive digital journeys for brands.
               </p>
             </div>
@@ -47,12 +34,7 @@ export default function SlickContactPage() {
         </div>
       </section>
 
-      <section
+      <section className={`page-section  scrollSpysection  ${dark ? "bg-dark-1 light-content" : ""} `} id="contact">
-        className={`page-section  scrollSpysection  ${
-          dark ? "bg-dark-1 light-content" : ""
-        } `}
-        id="contact"
-      >
         {dark ? <ContactDark /> : <Contact />}
       </section>
       <hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
@@ -66,25 +48,17 @@ export default function SlickContactPage() {
               data-rellax-speed="0.7"
               data-rellax-percentage="0.35"
             >
-              <Image
+              <Image src="/assets/images/demo-slick/decoration-4.svg" alt="" width={148} height={148} />
-                src="/assets/images/demo-slick/decoration-4.svg"
-                alt=""
-                width={148}
-                height={148}
-              />
             </div>
           </div>
           {/* End Decorative Waves */}
           <div className="row position-relative">
             <div className="col-md-6 col-lg-5 mb-md-50 mb-sm-30">
-              <h3 className="section-title mb-30">
+              <h3 className="section-title mb-30">Frequently Asked Questions</h3>
-                Frequently Asked Questions
-              </h3>
               <p className="text-gray mb-0">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar vitae neque et porttitor. Integer
-                pulvinar vitae neque et porttitor. Integer non dapibus diam, ac
+                non dapibus diam, ac eleifend lectus lorem ipsum. In maximus ligula semper metus pellentesque mattis.
-                eleifend lectus lorem ipsum. In maximus ligula semper metus
+                Maecenas volutpat, diam enim sagittis quam.
-                pellentesque mattis. Maecenas volutpat, diam enim sagittis quam.
               </p>
             </div>
             <div className="col-md-6 offset-lg-1 pt-10 pt-sm-0">

src/components/Contacts/Contact.tsx

@@ -9,20 +9,14 @@ export default function Contact() {
         {/* Left Column */}
         <div className="col-lg-4 mb-md-50 mb-sm-30 position-relative z-index-1">
           <h2 className="section-caption-slick mb-30 mb-sm-20">Contact Us</h2>
-          <h3 className="section-title mb-50 mb-sm-30">
+          <h3 className="section-title mb-50 mb-sm-30">We’re open to talk to anyone.</h3>
-            We’re open to talk to good people.
-          </h3>
           {/* Contact Information */}
           <div className="row">
             <div className="col-md-11">
               {/* Address */}
               {contactItems.map((item: any, index: number) => (
                 <React.Fragment key={index}>
-                  <div
+                  <div className={`contact-item ${index !== 3 ? "mb-40 mb-sm-20" : ""}`}>
-                    className={`contact-item ${
-                      index !== 3 ? "mb-40 mb-sm-20" : ""
-                    }`}
-                  >
                     <div className="ci-icon">
                       <i className={item.iconClass} />
                     </div>
@@ -37,21 +31,10 @@ export default function Contact() {
                         data-link-animate="y"
                       >
                         <span className="link-strong link-strong-unhovered">
-                          {item.link.text}{" "}
+                          {item.link.text} <i className="mi-arrow-right size-18" aria-hidden="true"></i>
-                          <i
-                            className="mi-arrow-right size-18"
-                            aria-hidden="true"
-                          ></i>
                         </span>
-                        <span
+                        <span className="link-strong link-strong-hovered" aria-hidden="true">
-                          className="link-strong link-strong-hovered"
+                          {item.link.text} <i className="mi-arrow-right size-18" aria-hidden="true"></i>
-                          aria-hidden="true"
-                        >
-                          {item.link.text}{" "}
-                          <i
-                            className="mi-arrow-right size-18"
-                            aria-hidden="true"
-                          ></i>
                         </span>
                       </a>
                     </div>
@@ -71,7 +54,7 @@ export default function Contact() {
             <div className="col-md-5 d-flex align-items-stretch pt-40 pt-sm-0 pb-40 pb-sm-0 mb-sm-30">
               <div className="map-boxed-1 d-flex align-items-stretch">
                 <iframe
-                  src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d6143.08567813473!2d-75.602457!3d39.660002!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c703f3cdadbfdb%3A0x80d20252268fc006!2zMjQ1IFF1aWdsZXkgQmx2ZCBzdGUgaywgTmV3IENhc3RsZSwgREUgMTk3MjAsINCh0L_QvtC70YPRh9C10L3RliDQqNGC0LDRgtC4INCQ0LzQtdGA0LjQutC4!5e0!3m2!1suk!2sua!4v1677158678087!5m2!1suk!2sua"
+                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3399.869553403109!2d-110.24257920000001!3d31.555194399999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x86d7292ebdc13925%3A0x43d6cab7d0f93f14!2s5151%20AZ-90%2C%20Sierra%20Vista%2C%20AZ%2085635%2C%20USA!5e0!3m2!1sen!2sid!4v1738604989180!5m2!1sen!2sid"
                   width={600}
                   height={450}
                   style={{ border: 0 }}
@@ -86,11 +69,7 @@ export default function Contact() {
               <div className="box-shadow bg-white round p-4 p-sm-5 position-relative z-index-1">
                 <h4 className="h3 mb-40 mb-sm-30">Get in Touch</h4>
                 {/* Contact Form */}
-                <form
+                <form onSubmit={(e) => e.preventDefault()} className="form contact-form" id="contact_form">
-                  onSubmit={(e) => e.preventDefault()}
-                  className="form contact-form"
-                  id="contact_form"
-                >
                   {/* Name */}
                   <div className="form-group">
                     <label htmlFor="name" className="visually-hidden">
@@ -151,17 +130,11 @@ export default function Contact() {
                   {/* Inform Tip */}
                   <div className="form-tip w-100 pt-30 mt-sm-20">
                     <i className="icon-info size-16" />
-                    All the fields are required. By sending the form you agree
+                    All the fields are required. By sending the form you agree to the{" "}
-                    to the <a href="#">Terms &amp; Conditions</a> and{" "}
+                    <a href="#">Terms &amp; Conditions</a> and <a href="#">Privacy Policy</a>.
-                    <a href="#">Privacy Policy</a>.
                   </div>
                   {/* End Inform Tip */}
-                  <div
+                  <div id="result" role="region" aria-live="polite" aria-atomic="true" />
-                    id="result"
-                    role="region"
-                    aria-live="polite"
-                    aria-atomic="true"
-                  />
                 </form>
                 {/* End Contact Form */}
               </div>

src/components/Homepage.tsx

@@ -6,7 +6,7 @@ import Image from "next/image";
 import Testimonials from "./Testimonials";
 import Blog from "./Blogs/Blog";
 import Newsletter from "./Newsletter";
-import Contact from "./Contact";
+import Contact from "./Contacts/Contact";
 import Link from "next/link";
 import TestimonialsDark from "./TestimonialsDark";
 import ContactDark from "./ContactDark";

src/data/contact.ts

@@ -2,29 +2,20 @@ export const contactItems = [
   {
     iconClass: "mi-location",
     title: "Address",
-    text: "Envato Pty Ltd, PO Box 16122 Collins Street, West Victoria.",
+    text: "5151 E HIGHWAY 90 Sierra Vista, Arizona 85635",
     link: {
-      url: "https://goo.gl/maps/7Vw1PBhxx5BaXStr8",
+      url: "https://maps.app.goo.gl/VEnC9gsK7d7nkN5w5",
       text: "See Map",
       rel: "nofollow noopener",
       target: "_blank",
     },
   },
-  {
-    iconClass: "mi-email",
-    title: "Email",
-    text: "ibthemes21@gmail.com",
-    link: {
-      url: "mailto:ibthemes21@gmail.com",
-      text: "Say Hello",
-    },
-  },
   {
     iconClass: "mi-mobile",
     title: "Phone",
-    text: "+1 837 652 8800",
+    text: "(520) 803-6644",
     link: {
-      url: "tel:+61383767284",
+      url: "tel:5208036644",
       text: "Call now",
     },
   },

src/data/menu.ts

@@ -29,7 +29,7 @@ export const slickMultipages = [
   { href: "/slick-services", text: "Services" },
   { href: "/slick-portfolio", text: "Portfolio" },
   { href: "/blog", text: "Blog" },
-  { href: "/slick-contact", text: "Contact" },
+  { href: "/contact", text: "Contact" },
 ];
 export const slickMultipagesDark = [
   { href: "/", text: "Home" },
@@ -37,7 +37,7 @@ export const slickMultipagesDark = [
   { href: "/slick-services-dark", text: "Services" },
   { href: "/slick-portfolio-dark", text: "Portfolio" },
   { href: "/blog", text: "Blog" },
-  { href: "/slick-contact-dark", text: "Contact" },
+  { href: "/contact", text: "Contact" },
 ];
 export const slickOnepage = [
   { href: "#home", text: "Home", className: "active" },