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

feat(contact): remove unused section and set data

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-02-04 00:55:09 +07:00
parent 53e69bd61f
commit 1c7354d03b
8 changed files with 72 additions and 192 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(main)/blog/page.tsx
View File

@ -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";

43
src/app/(main)/contact/page.tsx Normal file
View File

@ -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>
</>
);
}

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

@ -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 &mdash; One & Multi Page React Nextjs Creative Template",
description:
"Resonance &mdash; 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>
</>
);
}

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

@ -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:
"Slick Contacts || Resonance &mdash; One & Multi Page React Nextjs Creative Template",
description:
"Resonance &mdash; One & Multi Page React Nextjs Creative Template",
title: "Slick Contacts || Resonance &mdash; One & Multi Page React Nextjs Creative Template",
description: "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
};
const dark = false;
@ -16,18 +14,10 @@ const dark = false;
export default function SlickContactPage() {
return (
<>
<section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home"
>
<section className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" id="home">
{/* <!-- Background Shape --> */}
<div className="bg-shape-1 wow fadeIn">
<Image
src="/assets/images/demo-fancy/bg-shape-1.svg"
width={1443}
height={844}
alt=""
/>
<Image 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
className="section-descr mb-0 wow fadeInUp"
data-wow-delay="0.2s"
>
<p 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
className={`page-section scrollSpysection ${
dark ? "bg-dark-1 light-content" : ""
} `}
id="contact"
>
<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" : ""} `} />
@ -66,25 +48,17 @@ export default function SlickContactPage() {
data-rellax-speed="0.7"
data-rellax-percentage="0.35"
>
<Image
src="/assets/images/demo-slick/decoration-4.svg"
alt=""
width={148}
height={148}
/>
<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>
<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.
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">

47
src/components/Contact.tsx → src/components/Contacts/Contact.tsx
View File

@ -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">
We’re open to talk to good people.
</h3>
<h3 className="section-title mb-50 mb-sm-30">We’re open to talk to anyone.</h3>
{/* Contact Information */}
<div className="row">
<div className="col-md-11">
{/* Address */}
{contactItems.map((item: any, index: number) => (
<React.Fragment key={index}>
<div
className={`contact-item ${
index !== 3 ? "mb-40 mb-sm-20" : ""
}`}
>
<div 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}{" "}
<i
className="mi-arrow-right size-18"
aria-hidden="true"
></i>
{item.link.text} <i className="mi-arrow-right size-18" aria-hidden="true"></i>
</span>
<span
className="link-strong link-strong-hovered"
aria-hidden="true"
>
{item.link.text}{" "}
<i
className="mi-arrow-right size-18"
aria-hidden="true"
></i>
<span className="link-strong link-strong-hovered" 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
onSubmit={(e) => e.preventDefault()}
className="form contact-form"
id="contact_form"
>
<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
to the <a href="#">Terms &amp; Conditions</a> and{" "}
<a href="#">Privacy Policy</a>.
All the fields are required. By sending the form you agree to the{" "}
<a href="#">Terms &amp; Conditions</a> and <a href="#">Privacy Policy</a>.
</div>
{/* End Inform Tip */}
<div
id="result"
role="region"
aria-live="polite"
aria-atomic="true"
/>
<div id="result" role="region" aria-live="polite" aria-atomic="true" />
</form>
{/* End Contact Form */}
</div>

2
src/components/Homepage.tsx
View File

@ -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";

17
src/data/contact.ts
View File

@ -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",
},
},

4
src/data/menu.ts
View File

@ -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" },