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

fix: moving header and footer section to layout

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-02-02 17:35:02 +07:00
parent e104afb61e
commit d88cff95d6
10 changed files with 1139 additions and 1368 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/(main)/layout.tsx
View File

@ -12,6 +12,10 @@ import "photoswipe/dist/photoswipe.css";
import "tippy.js/dist/tippy.css"; import "tippy.js/dist/tippy.css";
import "@public/assets/css/styles.css"; import "@public/assets/css/styles.css";
import Image from "next/image";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import { slickMultipages } from "@/data/menu";
export default function MainLayout({ export default function MainLayout({
children, children,
@ -75,7 +79,27 @@ export default function MainLayout({
rel="stylesheet" rel="stylesheet"
/> />
</head> </head>
<body className="appear-animate body">{children}</body> <body className="appear-animate body">
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">{children}</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</body>
</html> </html>
); );
} }

27
src/app/(main)/page.tsx
View File

@ -1,12 +1,9 @@
import Image from "next/image";
import Header from "@/components/Header";
import Hero from "@/components/Hero"; import Hero from "@/components/Hero";
import Footer from "@/components/Footer";
import Homepage from "@/components/Homepage"; import Homepage from "@/components/Homepage";
import { slickMultipages } from "@/data/menu"; import Image from "next/image";
export const metadata = { export const metadata = {
title: "Cochise Oncology", title: "HomePage - Cochise Oncology",
description: description:
"Resonance &mdash; One & Multi Page React Nextjs Creative Template", "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
}; };
@ -14,12 +11,6 @@ export const metadata = {
export default function Home() { export default function Home() {
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section className="home-section scrollSpysection" id="home"> <section className="home-section scrollSpysection" id="home">
<div className="bg-shape-2 wow fadeIn"> <div className="bg-shape-2 wow fadeIn">
<Image <Image
@ -33,20 +24,6 @@ export default function Home() {
</section> </section>
<Homepage /> <Homepage />
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }

66
src/app/(main)/slick-about-dark/page.tsx
View File

@ -1,10 +1,7 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Facts from "@/components/Facts"; import Facts from "@/components/Facts";
import Testimonials from "@/components/Testimonials"; import Testimonials from "@/components/Testimonials";
import TestimonialsDark from "@/components/TestimonialsDark"; import TestimonialsDark from "@/components/TestimonialsDark";
import { features4 } from "@/data/features"; import { features4 } from "@/data/features";
import { slickMultipagesDark } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
@ -18,13 +15,6 @@ const dark = true;
export default function SlickAboutPageDark() { export default function SlickAboutPageDark() {
return ( return (
<> <>
<div className="theme-slick">
<div className="dark-mode">
<div className="page bg-dark-1" id="top">
<nav className="main-nav dark dark-mode transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipagesDark} />
</nav>
<main id="main">
<section <section
className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden" className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
id="home" id="home"
@ -43,9 +33,7 @@ export default function SlickAboutPageDark() {
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10 wow fadeInUp"> <h1 className="hs-title-10 mb-10 wow fadeInUp">About Studio</h1>
About Studio
</h1>
<p <p
className="section-descr mb-0 wow fadeInUp" className="section-descr mb-0 wow fadeInUp"
@ -72,17 +60,15 @@ export default function SlickAboutPageDark() {
Our Story Our Story
</h2> </h2>
<h3 className="section-title mb-30"> <h3 className="section-title mb-30">
We believe in creatives with a&nbsp;passion to smart We believe in creatives with a&nbsp;passion to smart design.
design.
</h3> </h3>
<p className="text-gray mb-40"> <p className="text-gray mb-40">
Etiam fermentum vehicula faucibus. Praesent Etiam fermentum vehicula faucibus. Praesent ullamcorper urna
ullamcorper urna id arcu molestie scelerisque. Sed id arcu molestie scelerisque. Sed imperdiet tristique mauris
imperdiet tristique mauris et faucibus. Maecenas et faucibus. Maecenas semper augue non fringilla placerat.
semper augue non fringilla placerat. Curabitur luctus Curabitur luctus erat sit amet ultricies aliquam. Donec dictum
erat sit amet ultricies aliquam. Donec dictum convallis mauris et maximus. Nullam massa arcu, porta quis
convallis mauris et maximus. Nullam massa arcu, porta felis et, eleifend varius quam.
quis felis et, eleifend varius quam.
</p> </p>
{/* Features List */} {/* Features List */}
<div className="row features-list mt-n20 mb-50 mb-sm-30"> <div className="row features-list mt-n20 mb-50 mb-sm-30">
@ -95,9 +81,7 @@ export default function SlickAboutPageDark() {
<div className="features-list-icon"> <div className="features-list-icon">
<i className="mi-check" /> <i className="mi-check" />
</div> </div>
<div className="features-list-text"> <div className="features-list-text">{feature.text}</div>
{feature.text}
</div>
</div> </div>
))} ))}
{/* End Features List Item */} {/* End Features List Item */}
@ -183,21 +167,16 @@ export default function SlickAboutPageDark() {
</section> </section>
<section <section
className={`page-section ${ className={`page-section ${
dark dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"
? "bg-dark-1 bg-dark-alpha light-content"
: "bg-light-alpha-90"
} bg-scroll`} } bg-scroll`}
style={{ style={{
backgroundImage: backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)",
"url(/assets/images/demo-slick/section-bg-1.jpg)",
}} }}
> >
<Facts /> <Facts />
</section> </section>
<section <section
className={`page-section ${ className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}
dark ? "bg-dark-1 light-content" : ""
} `}
> >
{dark ? <TestimonialsDark /> : <Testimonials />} {dark ? <TestimonialsDark /> : <Testimonials />}
</section> </section>
@ -220,9 +199,9 @@ export default function SlickAboutPageDark() {
Like our creative works? Like our creative works?
</h2> </h2>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Quisque posuere mollis ullamcorper. Ut eget metus Quisque posuere mollis ullamcorper. Ut eget metus lorem
lorem ipsum posuere eget at ex. Aenean consequat ipsum posuere eget at ex. Aenean consequat vitae lorem in
vitae lorem in vehicula. vehicula.
</p> </p>
</div> </div>
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> <div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
@ -239,21 +218,6 @@ export default function SlickAboutPageDark() {
</div> </div>
</div> </div>
</section> </section>
</main>
<footer className="page-section dark footer bg-dark-2 light-content position-relative overflow-hidden pb-30">
<div className="bg-shape-4 opacity-003">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>{" "}
</div>
</div>
</> </>
); );
} }

64
src/app/(main)/slick-about/page.tsx
View File

@ -1,10 +1,7 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Facts from "@/components/Facts"; import Facts from "@/components/Facts";
import Testimonials from "@/components/Testimonials"; import Testimonials from "@/components/Testimonials";
import TestimonialsDark from "@/components/TestimonialsDark"; import TestimonialsDark from "@/components/TestimonialsDark";
import { features4 } from "@/data/features"; import { features4 } from "@/data/features";
import { slickMultipages } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
@ -19,12 +16,6 @@ const dark = false;
export default function SlickAboutPage() { export default function SlickAboutPage() {
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section <section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home" id="home"
@ -43,9 +34,7 @@ export default function SlickAboutPage() {
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10 wow fadeInUp"> <h1 className="hs-title-10 mb-10 wow fadeInUp">About Studio</h1>
About Studio
</h1>
<p <p
className="section-descr mb-0 wow fadeInUp" className="section-descr mb-0 wow fadeInUp"
@ -72,17 +61,15 @@ export default function SlickAboutPage() {
Our Story Our Story
</h2> </h2>
<h3 className="section-title mb-30"> <h3 className="section-title mb-30">
We believe in creatives with a&nbsp;passion to smart We believe in creatives with a&nbsp;passion to smart design.
design.
</h3> </h3>
<p className="text-gray mb-40"> <p className="text-gray mb-40">
Etiam fermentum vehicula faucibus. Praesent ullamcorper Etiam fermentum vehicula faucibus. Praesent ullamcorper urna
urna id arcu molestie scelerisque. Sed imperdiet id arcu molestie scelerisque. Sed imperdiet tristique mauris
tristique mauris et faucibus. Maecenas semper augue non et faucibus. Maecenas semper augue non fringilla placerat.
fringilla placerat. Curabitur luctus erat sit amet Curabitur luctus erat sit amet ultricies aliquam. Donec dictum
ultricies aliquam. Donec dictum convallis mauris et convallis mauris et maximus. Nullam massa arcu, porta quis
maximus. Nullam massa arcu, porta quis felis et, felis et, eleifend varius quam.
eleifend varius quam.
</p> </p>
{/* Features List */} {/* Features List */}
<div className="row features-list mt-n20 mb-50 mb-sm-30"> <div className="row features-list mt-n20 mb-50 mb-sm-30">
@ -95,9 +82,7 @@ export default function SlickAboutPage() {
<div className="features-list-icon"> <div className="features-list-icon">
<i className="mi-check" /> <i className="mi-check" />
</div> </div>
<div className="features-list-text"> <div className="features-list-text">{feature.text}</div>
{feature.text}
</div>
</div> </div>
))} ))}
{/* End Features List Item */} {/* End Features List Item */}
@ -183,21 +168,16 @@ export default function SlickAboutPage() {
</section> </section>
<section <section
className={`page-section ${ className={`page-section ${
dark dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"
? "bg-dark-1 bg-dark-alpha light-content"
: "bg-light-alpha-90"
} bg-scroll`} } bg-scroll`}
style={{ style={{
backgroundImage: backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)",
"url(/assets/images/demo-slick/section-bg-1.jpg)",
}} }}
> >
<Facts /> <Facts />
</section> </section>
<section <section
className={`page-section ${ className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}
dark ? "bg-dark-1 light-content" : ""
} `}
> >
{dark ? <TestimonialsDark /> : <Testimonials />} {dark ? <TestimonialsDark /> : <Testimonials />}
</section> </section>
@ -220,9 +200,9 @@ export default function SlickAboutPage() {
Like our creative works? Like our creative works?
</h2> </h2>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Quisque posuere mollis ullamcorper. Ut eget metus Quisque posuere mollis ullamcorper. Ut eget metus lorem
lorem ipsum posuere eget at ex. Aenean consequat ipsum posuere eget at ex. Aenean consequat vitae lorem in
vitae lorem in vehicula. vehicula.
</p> </p>
</div> </div>
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> <div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
@ -239,20 +219,6 @@ export default function SlickAboutPage() {
</div> </div>
</div> </div>
</section> </section>
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }

93
src/app/(main)/slick-blog-single/[id]/page.tsx
View File

@ -1,11 +1,8 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import { slickMultipages } from "@/data/menu";
import Image from "next/image";
import BlogComments from "@/components/BlogComments"; import BlogComments from "@/components/BlogComments";
import CommentForm from "@/components/CommentForm";
import BlogWidget from "@/components/BlogWidget"; import BlogWidget from "@/components/BlogWidget";
import CommentForm from "@/components/CommentForm";
import { allBlogs } from "@/data/blogs"; import { allBlogs } from "@/data/blogs";
import Image from "next/image";
export const metadata = { export const metadata = {
title: title:
"Slick Blogs Single || Resonance &mdash; One & Multi Page React Nextjs Creative Template", "Slick Blogs Single || Resonance &mdash; One & Multi Page React Nextjs Creative Template",
@ -20,12 +17,6 @@ export default async function asyncSlickBlogSinglePage(
const blog = allBlogs.filter((elm) => elm.id == id)[0] || allBlogs[0]; const blog = allBlogs.filter((elm) => elm.id == id)[0] || allBlogs[0];
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section <section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home" id="home"
@ -56,15 +47,13 @@ export default async function asyncSlickBlogSinglePage(
<div className="d-inline-block me-3"> <div className="d-inline-block me-3">
<a href="#"> <a href="#">
<i className="mi-clock size-16" /> <i className="mi-clock size-16" />
<span className="visually-hidden">Date:</span>{" "} <span className="visually-hidden">Date:</span> December 25
December 25
</a> </a>
</div> </div>
<div className="d-inline-block me-3"> <div className="d-inline-block me-3">
<a href="#"> <a href="#">
<i className="mi-user size-16" /> <i className="mi-user size-16" />
<span className="visually-hidden">Author:</span> John <span className="visually-hidden">Author:</span> John Doe
Doe
</a> </a>
</div> </div>
<div className="d-inline-block me-3"> <div className="d-inline-block me-3">
@ -103,30 +92,28 @@ export default async function asyncSlickBlogSinglePage(
/> />
</div> </div>
<p> <p>
Morbi lacus massa, euismod ut turpis molestie, Morbi lacus massa, euismod ut turpis molestie, tristique
tristique sodales est. Integer sit amet mi id sapien sodales est. Integer sit amet mi id sapien tempor molestie
tempor molestie in nec massa. Fusce non ante sed in nec massa. Fusce non ante sed lorem rutrum feugiat.
lorem rutrum feugiat. Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipiscing elit.
consectetur adipiscing elit. Mauris non laoreet dui. Mauris non laoreet dui. Morbi lacus massa, euismod ut
Morbi lacus massa, euismod ut turpis molestie, turpis molestie, tristique sodales est. Integer sit amet
tristique sodales est. Integer sit amet mi id sapien mi id sapien tempor molestie in nec massa.
tempor molestie in nec massa.
</p> </p>
<p> <p>
Fusce non ante sed lorem rutrum feugiat. Vestibulum Fusce non ante sed lorem rutrum feugiat. Vestibulum
pellentesque, purus ut&nbsp;dignissim consectetur, pellentesque, purus ut&nbsp;dignissim consectetur, nulla
nulla erat ultrices purus, ut&nbsp;consequat sem erat ultrices purus, ut&nbsp;consequat sem elit non sem.
elit non sem. Morbi lacus massa, euismod ut turpis Morbi lacus massa, euismod ut turpis molestie, tristique
molestie, tristique sodales est. Integer sit amet mi sodales est. Integer sit amet mi id sapien tempor molestie
id sapien tempor molestie in nec massa. Fusce non in nec massa. Fusce non ante sed lorem rutrum feugiat.
ante sed lorem rutrum feugiat.
</p> </p>
<blockquote> <blockquote>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing elit.
elit. Integer posuere erat a&nbsp;ante. Vestibulum Integer posuere erat a&nbsp;ante. Vestibulum
pellentesque, purus ut dignissim consectetur, pellentesque, purus ut dignissim consectetur, nulla erat
nulla erat ultrices purus. ultrices purus.
</p> </p>
<footer> <footer>
Someone famous in Someone famous in
@ -135,13 +122,12 @@ export default async function asyncSlickBlogSinglePage(
</blockquote> </blockquote>
<p> <p>
Praesent ultricies ut ipsum non laoreet. Nunc ac Praesent ultricies ut ipsum non laoreet. Nunc ac
<a href="#">ultricies</a> leo. Nulla ac ultrices <a href="#">ultricies</a> leo. Nulla ac ultrices arcu.
arcu. Nullam adipiscing lacus in consectetur Nullam adipiscing lacus in consectetur posuere. Nunc
posuere. Nunc malesuada tellus turpis, ac pretium malesuada tellus turpis, ac pretium orci molestie vel.
orci molestie vel. Morbi lacus massa, euismod ut Morbi lacus massa, euismod ut turpis molestie, tristique
turpis molestie, tristique sodales est. Integer sit sodales est. Integer sit amet mi id sapien tempor molestie
amet mi id sapien tempor molestie in nec massa. in nec massa. Fusce non ante sed lorem rutrum feugiat.
Fusce non ante sed lorem rutrum feugiat.
</p> </p>
<ul> <ul>
<li>First item of the list</li> <li>First item of the list</li>
@ -149,13 +135,12 @@ export default async function asyncSlickBlogSinglePage(
<li>Third item of the list</li> <li>Third item of the list</li>
</ul> </ul>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing elit.
elit. Mauris non laoreet dui. Morbi lacus massa, Mauris non laoreet dui. Morbi lacus massa, euismod ut
euismod ut turpis molestie, tristique sodales est. turpis molestie, tristique sodales est. Integer sit amet
Integer sit amet mi id sapien tempor molestie in nec mi id sapien tempor molestie in nec massa. Fusce non ante
massa. Fusce non ante sed lorem rutrum feugiat. sed lorem rutrum feugiat. Vestibulum pellentesque, purus
Vestibulum pellentesque, purus ut&nbsp;dignissim ut&nbsp;dignissim consectetur, nulla erat ultrices purus,
consectetur, nulla erat ultrices purus,
ut&nbsp;consequat sem elit non sem. ut&nbsp;consequat sem elit non sem.
</p> </p>
</div> </div>
@ -212,20 +197,6 @@ export default async function asyncSlickBlogSinglePage(
</div> </div>
</section> </section>
</> </>
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }

27
src/app/(main)/slick-blog/page.tsx
View File

@ -1,12 +1,9 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Blogs from "@/components/Blogs"; import Blogs from "@/components/Blogs";
import NewsletterForm from "@/components/NewsletterForm";
import { archiveLinks } from "@/data/archieve";
import { categories } from "@/data/categories"; import { categories } from "@/data/categories";
import { tags } from "@/data/tags"; import { tags } from "@/data/tags";
import { archiveLinks } from "@/data/archieve";
import { slickMultipages } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
import NewsletterForm from "@/components/NewsletterForm";
export const metadata = { export const metadata = {
title: title:
@ -19,12 +16,6 @@ const dark = false;
export default function SlickBlogPage() { export default function SlickBlogPage() {
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section <section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home" id="home"
@ -136,20 +127,6 @@ export default function SlickBlogPage() {
</div> </div>
</section> </section>
</> </>
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }

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

@ -1,9 +1,6 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Contact from "@/components/Contact"; import Contact from "@/components/Contact";
import ContactDark from "@/components/ContactDark"; import ContactDark from "@/components/ContactDark";
import Faq from "@/components/Faq"; import Faq from "@/components/Faq";
import { slickMultipagesDark } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
export const metadata = { export const metadata = {
@ -17,13 +14,6 @@ const dark = true;
export default function SlickContactPageDark() { export default function SlickContactPageDark() {
return ( return (
<> <>
<div className="theme-slick">
<div className="dark-mode">
<div className="page bg-dark-1" id="top">
<nav className="main-nav dark dark-mode transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipagesDark} />
</nav>
<main id="main">
<section <section
className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden" className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
id="home" id="home"
@ -42,9 +32,7 @@ export default function SlickContactPageDark() {
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10 wow fadeInUp"> <h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
Contact Us
</h1>
<p <p
className="section-descr mb-0 wow fadeInUp" className="section-descr mb-0 wow fadeInUp"
@ -91,11 +79,10 @@ export default function SlickContactPageDark() {
Frequently Asked Questions Frequently Asked Questions
</h3> </h3>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
Nam pulvinar vitae neque et porttitor. Integer non pulvinar vitae neque et porttitor. Integer non dapibus diam, ac
dapibus diam, ac eleifend lectus lorem ipsum. In maximus eleifend lectus lorem ipsum. In maximus ligula semper metus
ligula semper metus pellentesque mattis. Maecenas pellentesque mattis. Maecenas volutpat, diam enim sagittis quam.
volutpat, diam enim sagittis quam.
</p> </p>
</div> </div>
<div className="col-md-6 offset-lg-1 pt-10 pt-sm-0"> <div className="col-md-6 offset-lg-1 pt-10 pt-sm-0">
@ -106,21 +93,6 @@ export default function SlickContactPageDark() {
</div> </div>
</div> </div>
</section> </section>
</main>
<footer className="page-section dark footer bg-dark-2 light-content position-relative overflow-hidden pb-30">
<div className="bg-shape-4 opacity-003">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>{" "}
</div>
</div>
</> </>
); );
} }

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

@ -1,10 +1,7 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Contact from "@/components/Contact"; import Contact from "@/components/Contact";
import ContactDark from "@/components/ContactDark"; import ContactDark from "@/components/ContactDark";
import Faq from "@/components/Faq"; import Faq from "@/components/Faq";
import { slickMultipages } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
export const metadata = { export const metadata = {
@ -13,17 +10,12 @@ export const metadata = {
description: description:
"Resonance &mdash; One & Multi Page React Nextjs Creative Template", "Resonance &mdash; One & Multi Page React Nextjs Creative Template",
}; };
const onePage = false;
const dark = false; const dark = false;
export default function SlickContactPage() { export default function SlickContactPage() {
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section <section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home" id="home"
@ -42,9 +34,7 @@ export default function SlickContactPage() {
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10 wow fadeInUp"> <h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
Contact Us
</h1>
<p <p
className="section-descr mb-0 wow fadeInUp" className="section-descr mb-0 wow fadeInUp"
@ -91,11 +81,10 @@ export default function SlickContactPage() {
Frequently Asked Questions Frequently Asked Questions
</h3> </h3>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
Nam pulvinar vitae neque et porttitor. Integer non dapibus pulvinar vitae neque et porttitor. Integer non dapibus diam, ac
diam, ac eleifend lectus lorem ipsum. In maximus ligula eleifend lectus lorem ipsum. In maximus ligula semper metus
semper metus pellentesque mattis. Maecenas volutpat, diam pellentesque mattis. Maecenas volutpat, diam enim sagittis quam.
enim sagittis quam.
</p> </p>
</div> </div>
<div className="col-md-6 offset-lg-1 pt-10 pt-sm-0"> <div className="col-md-6 offset-lg-1 pt-10 pt-sm-0">
@ -106,20 +95,6 @@ export default function SlickContactPage() {
</div> </div>
</div> </div>
</section> </section>
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }

33
src/app/(main)/slick-portfolio/page.tsx
View File

@ -1,8 +1,5 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Portfolio from "@/components/Portfolio"; import Portfolio from "@/components/Portfolio";
import { slickMultipages } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
@ -17,12 +14,6 @@ const dark = false;
export default function SlickPortfolioPage() { export default function SlickPortfolioPage() {
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section <section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home" id="home"
@ -41,9 +32,7 @@ export default function SlickPortfolioPage() {
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10 wow fadeInUp"> <h1 className="hs-title-10 mb-10 wow fadeInUp">Portfolio</h1>
Portfolio
</h1>
<p <p
className="section-descr mb-0 wow fadeInUp" className="section-descr mb-0 wow fadeInUp"
@ -85,9 +74,9 @@ export default function SlickPortfolioPage() {
Like our creative works? Like our creative works?
</h2> </h2>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Quisque posuere mollis ullamcorper. Ut eget metus Quisque posuere mollis ullamcorper. Ut eget metus lorem
lorem ipsum posuere eget at ex. Aenean consequat ipsum posuere eget at ex. Aenean consequat vitae lorem in
vitae lorem in vehicula. vehicula.
</p> </p>
</div> </div>
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> <div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
@ -104,20 +93,6 @@ export default function SlickPortfolioPage() {
</div> </div>
</div> </div>
</section> </section>
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }

60
src/app/(main)/slick-services/page.tsx
View File

@ -1,9 +1,6 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Features from "@/components/Features"; import Features from "@/components/Features";
import Service from "@/components/Service"; import Service from "@/components/Service";
import { slickMultipages } from "@/data/menu";
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
@ -18,12 +15,6 @@ const dark = false;
export default function SlickServicesPage() { export default function SlickServicesPage() {
return ( return (
<> <>
<div className="theme-slick">
<div className="page" id="top">
<nav className="main-nav transparent stick-fixed wow-menubar wch-unset">
<Header links={slickMultipages} />
</nav>
<main id="main">
<section <section
className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden" className="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
id="home" id="home"
@ -42,9 +33,7 @@ export default function SlickServicesPage() {
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="hs-title-10 mb-10 wow fadeInUp"> <h1 className="hs-title-10 mb-10 wow fadeInUp">Our Services</h1>
Our Services
</h1>
<p <p
className="section-descr mb-0 wow fadeInUp" className="section-descr mb-0 wow fadeInUp"
@ -99,9 +88,8 @@ export default function SlickServicesPage() {
Why choose Resonance? Why choose Resonance?
</h2> </h2>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
sed do eiusmod tempor incididunt ut labore et dolore magna eiusmod tempor incididunt ut labore et dolore magna aliqua.
aliqua.
</p> </p>
</div> </div>
</div> </div>
@ -112,9 +100,7 @@ export default function SlickServicesPage() {
</section> </section>
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} /> <hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
<section <section
className={`page-section ${ className={`page-section ${dark ? "bg-dark-1 light-content" : ""}`}
dark ? "bg-dark-1 light-content" : ""
}`}
> >
<div className="container position-relative"> <div className="container position-relative">
<div className="row"> <div className="row">
@ -184,19 +170,17 @@ export default function SlickServicesPage() {
<p className="text-gray"> <p className="text-gray">
Pellentesque ultrices purus sit amet velit eleifend, eu Pellentesque ultrices purus sit amet velit eleifend, eu
iaculis velit malesuada. Proin id mattis elit. Nullam a iaculis velit malesuada. Proin id mattis elit. Nullam a nisi
nisi tellus. Mauris rhoncus diam in sem maximus, nec tellus. Mauris rhoncus diam in sem maximus, nec luctus justo
luctus justo imperdiet. Etiam fermentum vehicula imperdiet. Etiam fermentum vehicula faucibus.
faucibus.
</p> </p>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Praesent ullamcorper urna id arcu molestie scelerisque. Praesent ullamcorper urna id arcu molestie scelerisque. Sed
Sed imperdiet tristique mauris et faucibus. Maecenas imperdiet tristique mauris et faucibus. Maecenas semper augue
semper augue non fringilla placerat. Curabitur luctus non fringilla placerat. Curabitur luctus erat sit amet
erat sit amet ultricies aliquam. Donec dictum convallis ultricies aliquam. Donec dictum convallis mauris et maximus.
mauris et maximus. Nullam massa arcu, porta quis felis Nullam massa arcu, porta quis felis et, eleifend varius quam.
et, eleifend varius quam.
</p> </p>
</div> </div>
</div> </div>
@ -224,9 +208,9 @@ export default function SlickServicesPage() {
Like our creative works? Like our creative works?
</h2> </h2>
<p className="text-gray mb-0"> <p className="text-gray mb-0">
Quisque posuere mollis ullamcorper. Ut eget metus Quisque posuere mollis ullamcorper. Ut eget metus lorem
lorem ipsum posuere eget at ex. Aenean consequat ipsum posuere eget at ex. Aenean consequat vitae lorem in
vitae lorem in vehicula. vehicula.
</p> </p>
</div> </div>
<div className="col-md-5 col-lg-4 text-center text-md-end pt-2"> <div className="col-md-5 col-lg-4 text-center text-md-end pt-2">
@ -243,20 +227,6 @@ export default function SlickServicesPage() {
</div> </div>
</div> </div>
</section> </section>
</main>
<footer className="page-section footer position-relative overflow-hidden pb-30">
<div className="bg-shape-4">
<Image
src="/assets/images/demo-slick/bg-shape-4.svg"
width={1600}
height={268}
alt=""
/>
</div>
<Footer />
</footer>
</div>
</div>
</> </>
); );
} }