fix: moving header and footer section to layout
This commit is contained in:
parent
e104afb61e
commit
d88cff95d6
@ -12,6 +12,10 @@ import "photoswipe/dist/photoswipe.css";
|
||||
import "tippy.js/dist/tippy.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({
|
||||
children,
|
||||
@ -75,7 +79,27 @@ export default function MainLayout({
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,12 +1,9 @@
|
||||
import Image from "next/image";
|
||||
import Header from "@/components/Header";
|
||||
import Hero from "@/components/Hero";
|
||||
import Footer from "@/components/Footer";
|
||||
import Homepage from "@/components/Homepage";
|
||||
import { slickMultipages } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
title: "Cochise Oncology",
|
||||
title: "HomePage - Cochise Oncology",
|
||||
description:
|
||||
"Resonance — One & Multi Page React Nextjs Creative Template",
|
||||
};
|
||||
@ -14,12 +11,6 @@ export const metadata = {
|
||||
export default function Home() {
|
||||
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">
|
||||
<div className="bg-shape-2 wow fadeIn">
|
||||
<Image
|
||||
@ -33,20 +24,6 @@ export default function Home() {
|
||||
</section>
|
||||
|
||||
<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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,10 +1,7 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Facts from "@/components/Facts";
|
||||
import Testimonials from "@/components/Testimonials";
|
||||
import TestimonialsDark from "@/components/TestimonialsDark";
|
||||
import { features4 } from "@/data/features";
|
||||
import { slickMultipagesDark } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
@ -18,13 +15,6 @@ const dark = true;
|
||||
export default function SlickAboutPageDark() {
|
||||
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
|
||||
className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -43,9 +33,7 @@ export default function SlickAboutPageDark() {
|
||||
<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">
|
||||
About Studio
|
||||
</h1>
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">About Studio</h1>
|
||||
|
||||
<p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
@ -72,17 +60,15 @@ export default function SlickAboutPageDark() {
|
||||
Our Story
|
||||
</h2>
|
||||
<h3 className="section-title mb-30">
|
||||
We believe in creatives with a passion to smart
|
||||
design.
|
||||
We believe in creatives with a passion to smart design.
|
||||
</h3>
|
||||
<p className="text-gray mb-40">
|
||||
Etiam fermentum vehicula faucibus. Praesent
|
||||
ullamcorper urna id arcu molestie scelerisque. Sed
|
||||
imperdiet tristique mauris et faucibus. Maecenas
|
||||
semper augue non fringilla placerat. Curabitur luctus
|
||||
erat sit amet ultricies aliquam. Donec dictum
|
||||
convallis mauris et maximus. Nullam massa arcu, porta
|
||||
quis felis et, eleifend varius quam.
|
||||
Etiam fermentum vehicula faucibus. Praesent ullamcorper urna
|
||||
id arcu molestie scelerisque. Sed imperdiet tristique mauris
|
||||
et faucibus. Maecenas semper augue non fringilla placerat.
|
||||
Curabitur luctus erat sit amet ultricies aliquam. Donec dictum
|
||||
convallis mauris et maximus. Nullam massa arcu, porta quis
|
||||
felis et, eleifend varius quam.
|
||||
</p>
|
||||
{/* Features List */}
|
||||
<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">
|
||||
<i className="mi-check" />
|
||||
</div>
|
||||
<div className="features-list-text">
|
||||
{feature.text}
|
||||
</div>
|
||||
<div className="features-list-text">{feature.text}</div>
|
||||
</div>
|
||||
))}
|
||||
{/* End Features List Item */}
|
||||
@ -183,21 +167,16 @@ export default function SlickAboutPageDark() {
|
||||
</section>
|
||||
<section
|
||||
className={`page-section ${
|
||||
dark
|
||||
? "bg-dark-1 bg-dark-alpha light-content"
|
||||
: "bg-light-alpha-90"
|
||||
dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"
|
||||
} bg-scroll`}
|
||||
style={{
|
||||
backgroundImage:
|
||||
"url(/assets/images/demo-slick/section-bg-1.jpg)",
|
||||
backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)",
|
||||
}}
|
||||
>
|
||||
<Facts />
|
||||
</section>
|
||||
<section
|
||||
className={`page-section ${
|
||||
dark ? "bg-dark-1 light-content" : ""
|
||||
} `}
|
||||
className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}
|
||||
>
|
||||
{dark ? <TestimonialsDark /> : <Testimonials />}
|
||||
</section>
|
||||
@ -220,9 +199,9 @@ export default function SlickAboutPageDark() {
|
||||
Like our creative works?
|
||||
</h2>
|
||||
<p className="text-gray mb-0">
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus
|
||||
lorem ipsum posuere eget at ex. Aenean consequat
|
||||
vitae lorem in vehicula.
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus lorem
|
||||
ipsum posuere eget at ex. Aenean consequat vitae lorem in
|
||||
vehicula.
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,10 +1,7 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Facts from "@/components/Facts";
|
||||
import Testimonials from "@/components/Testimonials";
|
||||
import TestimonialsDark from "@/components/TestimonialsDark";
|
||||
import { features4 } from "@/data/features";
|
||||
import { slickMultipages } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
@ -19,12 +16,6 @@ const dark = false;
|
||||
export default function SlickAboutPage() {
|
||||
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="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -43,9 +34,7 @@ export default function SlickAboutPage() {
|
||||
<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">
|
||||
About Studio
|
||||
</h1>
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">About Studio</h1>
|
||||
|
||||
<p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
@ -72,17 +61,15 @@ export default function SlickAboutPage() {
|
||||
Our Story
|
||||
</h2>
|
||||
<h3 className="section-title mb-30">
|
||||
We believe in creatives with a passion to smart
|
||||
design.
|
||||
We believe in creatives with a passion to smart design.
|
||||
</h3>
|
||||
<p className="text-gray mb-40">
|
||||
Etiam fermentum vehicula faucibus. Praesent ullamcorper
|
||||
urna id arcu molestie scelerisque. Sed imperdiet
|
||||
tristique mauris et faucibus. Maecenas semper augue non
|
||||
fringilla placerat. Curabitur luctus erat sit amet
|
||||
ultricies aliquam. Donec dictum convallis mauris et
|
||||
maximus. Nullam massa arcu, porta quis felis et,
|
||||
eleifend varius quam.
|
||||
Etiam fermentum vehicula faucibus. Praesent ullamcorper urna
|
||||
id arcu molestie scelerisque. Sed imperdiet tristique mauris
|
||||
et faucibus. Maecenas semper augue non fringilla placerat.
|
||||
Curabitur luctus erat sit amet ultricies aliquam. Donec dictum
|
||||
convallis mauris et maximus. Nullam massa arcu, porta quis
|
||||
felis et, eleifend varius quam.
|
||||
</p>
|
||||
{/* Features List */}
|
||||
<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">
|
||||
<i className="mi-check" />
|
||||
</div>
|
||||
<div className="features-list-text">
|
||||
{feature.text}
|
||||
</div>
|
||||
<div className="features-list-text">{feature.text}</div>
|
||||
</div>
|
||||
))}
|
||||
{/* End Features List Item */}
|
||||
@ -183,21 +168,16 @@ export default function SlickAboutPage() {
|
||||
</section>
|
||||
<section
|
||||
className={`page-section ${
|
||||
dark
|
||||
? "bg-dark-1 bg-dark-alpha light-content"
|
||||
: "bg-light-alpha-90"
|
||||
dark ? "bg-dark-1 bg-dark-alpha light-content" : "bg-light-alpha-90"
|
||||
} bg-scroll`}
|
||||
style={{
|
||||
backgroundImage:
|
||||
"url(/assets/images/demo-slick/section-bg-1.jpg)",
|
||||
backgroundImage: "url(/assets/images/demo-slick/section-bg-1.jpg)",
|
||||
}}
|
||||
>
|
||||
<Facts />
|
||||
</section>
|
||||
<section
|
||||
className={`page-section ${
|
||||
dark ? "bg-dark-1 light-content" : ""
|
||||
} `}
|
||||
className={`page-section ${dark ? "bg-dark-1 light-content" : ""} `}
|
||||
>
|
||||
{dark ? <TestimonialsDark /> : <Testimonials />}
|
||||
</section>
|
||||
@ -220,9 +200,9 @@ export default function SlickAboutPage() {
|
||||
Like our creative works?
|
||||
</h2>
|
||||
<p className="text-gray mb-0">
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus
|
||||
lorem ipsum posuere eget at ex. Aenean consequat
|
||||
vitae lorem in vehicula.
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus lorem
|
||||
ipsum posuere eget at ex. Aenean consequat vitae lorem in
|
||||
vehicula.
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -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 CommentForm from "@/components/CommentForm";
|
||||
import BlogWidget from "@/components/BlogWidget";
|
||||
import CommentForm from "@/components/CommentForm";
|
||||
import { allBlogs } from "@/data/blogs";
|
||||
import Image from "next/image";
|
||||
export const metadata = {
|
||||
title:
|
||||
"Slick Blogs Single || Resonance — 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];
|
||||
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="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -56,15 +47,13 @@ export default async function asyncSlickBlogSinglePage(
|
||||
<div className="d-inline-block me-3">
|
||||
<a href="#">
|
||||
<i className="mi-clock size-16" />
|
||||
<span className="visually-hidden">Date:</span>{" "}
|
||||
December 25
|
||||
<span className="visually-hidden">Date:</span> December 25
|
||||
</a>
|
||||
</div>
|
||||
<div className="d-inline-block me-3">
|
||||
<a href="#">
|
||||
<i className="mi-user size-16" />
|
||||
<span className="visually-hidden">Author:</span> John
|
||||
Doe
|
||||
<span className="visually-hidden">Author:</span> John Doe
|
||||
</a>
|
||||
</div>
|
||||
<div className="d-inline-block me-3">
|
||||
@ -103,30 +92,28 @@ export default async function asyncSlickBlogSinglePage(
|
||||
/>
|
||||
</div>
|
||||
<p>
|
||||
Morbi lacus massa, euismod ut turpis molestie,
|
||||
tristique sodales est. Integer sit amet mi id sapien
|
||||
tempor molestie in nec massa. Fusce non ante sed
|
||||
lorem rutrum feugiat. Lorem ipsum dolor sit amet,
|
||||
consectetur adipiscing elit. Mauris non laoreet dui.
|
||||
Morbi lacus massa, euismod ut turpis molestie,
|
||||
tristique sodales est. Integer sit amet mi id sapien
|
||||
tempor molestie in nec massa.
|
||||
Morbi lacus massa, euismod ut turpis molestie, tristique
|
||||
sodales est. Integer sit amet mi id sapien tempor molestie
|
||||
in nec massa. Fusce non ante sed lorem rutrum feugiat.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Mauris non laoreet dui. Morbi lacus massa, euismod ut
|
||||
turpis molestie, tristique sodales est. Integer sit amet
|
||||
mi id sapien tempor molestie in nec massa.
|
||||
</p>
|
||||
<p>
|
||||
Fusce non ante sed lorem rutrum feugiat. Vestibulum
|
||||
pellentesque, purus ut dignissim consectetur,
|
||||
nulla erat ultrices purus, ut consequat sem
|
||||
elit non sem. Morbi lacus massa, euismod ut turpis
|
||||
molestie, tristique sodales est. Integer sit amet mi
|
||||
id sapien tempor molestie in nec massa. Fusce non
|
||||
ante sed lorem rutrum feugiat.
|
||||
pellentesque, purus ut dignissim consectetur, nulla
|
||||
erat ultrices purus, ut consequat sem elit non sem.
|
||||
Morbi lacus massa, euismod ut turpis molestie, tristique
|
||||
sodales est. Integer sit amet mi id sapien tempor molestie
|
||||
in nec massa. Fusce non ante sed lorem rutrum feugiat.
|
||||
</p>
|
||||
<blockquote>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Integer posuere erat a ante. Vestibulum
|
||||
pellentesque, purus ut dignissim consectetur,
|
||||
nulla erat ultrices purus.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Integer posuere erat a ante. Vestibulum
|
||||
pellentesque, purus ut dignissim consectetur, nulla erat
|
||||
ultrices purus.
|
||||
</p>
|
||||
<footer>
|
||||
Someone famous in
|
||||
@ -135,13 +122,12 @@ export default async function asyncSlickBlogSinglePage(
|
||||
</blockquote>
|
||||
<p>
|
||||
Praesent ultricies ut ipsum non laoreet. Nunc ac
|
||||
<a href="#">ultricies</a> leo. Nulla ac ultrices
|
||||
arcu. Nullam adipiscing lacus in consectetur
|
||||
posuere. Nunc malesuada tellus turpis, ac pretium
|
||||
orci molestie vel. Morbi lacus massa, euismod ut
|
||||
turpis molestie, tristique sodales est. Integer sit
|
||||
amet mi id sapien tempor molestie in nec massa.
|
||||
Fusce non ante sed lorem rutrum feugiat.
|
||||
<a href="#">ultricies</a> leo. Nulla ac ultrices arcu.
|
||||
Nullam adipiscing lacus in consectetur posuere. Nunc
|
||||
malesuada tellus turpis, ac pretium orci molestie vel.
|
||||
Morbi lacus massa, euismod ut turpis molestie, tristique
|
||||
sodales est. Integer sit amet mi id sapien tempor molestie
|
||||
in nec massa. Fusce non ante sed lorem rutrum feugiat.
|
||||
</p>
|
||||
<ul>
|
||||
<li>First item of the list</li>
|
||||
@ -149,13 +135,12 @@ export default async function asyncSlickBlogSinglePage(
|
||||
<li>Third item of the list</li>
|
||||
</ul>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing
|
||||
elit. Mauris non laoreet dui. Morbi lacus massa,
|
||||
euismod ut turpis molestie, tristique sodales est.
|
||||
Integer sit amet mi id sapien tempor molestie in nec
|
||||
massa. Fusce non ante sed lorem rutrum feugiat.
|
||||
Vestibulum pellentesque, purus ut dignissim
|
||||
consectetur, nulla erat ultrices purus,
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Mauris non laoreet dui. Morbi lacus massa, euismod ut
|
||||
turpis molestie, tristique sodales est. Integer sit amet
|
||||
mi id sapien tempor molestie in nec massa. Fusce non ante
|
||||
sed lorem rutrum feugiat. Vestibulum pellentesque, purus
|
||||
ut dignissim consectetur, nulla erat ultrices purus,
|
||||
ut consequat sem elit non sem.
|
||||
</p>
|
||||
</div>
|
||||
@ -212,20 +197,6 @@ export default async function asyncSlickBlogSinglePage(
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,12 +1,9 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Blogs from "@/components/Blogs";
|
||||
import NewsletterForm from "@/components/NewsletterForm";
|
||||
import { archiveLinks } from "@/data/archieve";
|
||||
import { categories } from "@/data/categories";
|
||||
import { tags } from "@/data/tags";
|
||||
import { archiveLinks } from "@/data/archieve";
|
||||
import { slickMultipages } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
import NewsletterForm from "@/components/NewsletterForm";
|
||||
|
||||
export const metadata = {
|
||||
title:
|
||||
@ -19,12 +16,6 @@ const dark = false;
|
||||
export default function SlickBlogPage() {
|
||||
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="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -136,20 +127,6 @@ export default function SlickBlogPage() {
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,9 +1,6 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Contact from "@/components/Contact";
|
||||
import ContactDark from "@/components/ContactDark";
|
||||
import Faq from "@/components/Faq";
|
||||
import { slickMultipagesDark } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
@ -17,13 +14,6 @@ const dark = true;
|
||||
export default function SlickContactPageDark() {
|
||||
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
|
||||
className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -42,9 +32,7 @@ export default function SlickContactPageDark() {
|
||||
<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>
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
|
||||
|
||||
<p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
@ -91,11 +79,10 @@ export default function SlickContactPageDark() {
|
||||
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">
|
||||
@ -106,21 +93,6 @@ export default function SlickContactPageDark() {
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,10 +1,7 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Contact from "@/components/Contact";
|
||||
import ContactDark from "@/components/ContactDark";
|
||||
import Faq from "@/components/Faq";
|
||||
|
||||
import { slickMultipages } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
|
||||
export const metadata = {
|
||||
@ -13,17 +10,12 @@ export const metadata = {
|
||||
description:
|
||||
"Resonance — One & Multi Page React Nextjs Creative Template",
|
||||
};
|
||||
const onePage = false;
|
||||
|
||||
const dark = false;
|
||||
|
||||
export default function SlickContactPage() {
|
||||
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="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -42,9 +34,7 @@ export default function SlickContactPage() {
|
||||
<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>
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Contact Us</h1>
|
||||
|
||||
<p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
@ -91,11 +81,10 @@ export default function SlickContactPage() {
|
||||
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">
|
||||
@ -106,20 +95,6 @@ export default function SlickContactPage() {
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,8 +1,5 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Portfolio from "@/components/Portfolio";
|
||||
|
||||
import { slickMultipages } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
@ -17,12 +14,6 @@ const dark = false;
|
||||
export default function SlickPortfolioPage() {
|
||||
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="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -41,9 +32,7 @@ export default function SlickPortfolioPage() {
|
||||
<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">
|
||||
Portfolio
|
||||
</h1>
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Portfolio</h1>
|
||||
|
||||
<p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
@ -85,9 +74,9 @@ export default function SlickPortfolioPage() {
|
||||
Like our creative works?
|
||||
</h2>
|
||||
<p className="text-gray mb-0">
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus
|
||||
lorem ipsum posuere eget at ex. Aenean consequat
|
||||
vitae lorem in vehicula.
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus lorem
|
||||
ipsum posuere eget at ex. Aenean consequat vitae lorem in
|
||||
vehicula.
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,9 +1,6 @@
|
||||
import Footer from "@/components/Footer";
|
||||
import Header from "@/components/Header";
|
||||
import Features from "@/components/Features";
|
||||
import Service from "@/components/Service";
|
||||
|
||||
import { slickMultipages } from "@/data/menu";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
@ -18,12 +15,6 @@ const dark = false;
|
||||
export default function SlickServicesPage() {
|
||||
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="page-section bg-gradient-gray-light-1 bg-scroll overflow-hidden"
|
||||
id="home"
|
||||
@ -42,9 +33,7 @@ export default function SlickServicesPage() {
|
||||
<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">
|
||||
Our Services
|
||||
</h1>
|
||||
<h1 className="hs-title-10 mb-10 wow fadeInUp">Our Services</h1>
|
||||
|
||||
<p
|
||||
className="section-descr mb-0 wow fadeInUp"
|
||||
@ -99,9 +88,8 @@ export default function SlickServicesPage() {
|
||||
Why choose Resonance?
|
||||
</h2>
|
||||
<p className="text-gray mb-0">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna
|
||||
aliqua.
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -112,9 +100,7 @@ export default function SlickServicesPage() {
|
||||
</section>
|
||||
<hr className={`mt-0 mb-0 ${dark ? "white" : ""} `} />
|
||||
<section
|
||||
className={`page-section ${
|
||||
dark ? "bg-dark-1 light-content" : ""
|
||||
}`}
|
||||
className={`page-section ${dark ? "bg-dark-1 light-content" : ""}`}
|
||||
>
|
||||
<div className="container position-relative">
|
||||
<div className="row">
|
||||
@ -184,19 +170,17 @@ export default function SlickServicesPage() {
|
||||
|
||||
<p className="text-gray">
|
||||
Pellentesque ultrices purus sit amet velit eleifend, eu
|
||||
iaculis velit malesuada. Proin id mattis elit. Nullam a
|
||||
nisi tellus. Mauris rhoncus diam in sem maximus, nec
|
||||
luctus justo imperdiet. Etiam fermentum vehicula
|
||||
faucibus.
|
||||
iaculis velit malesuada. Proin id mattis elit. Nullam a nisi
|
||||
tellus. Mauris rhoncus diam in sem maximus, nec luctus justo
|
||||
imperdiet. Etiam fermentum vehicula faucibus.
|
||||
</p>
|
||||
|
||||
<p className="text-gray mb-0">
|
||||
Praesent ullamcorper urna id arcu molestie scelerisque.
|
||||
Sed imperdiet tristique mauris et faucibus. Maecenas
|
||||
semper augue non fringilla placerat. Curabitur luctus
|
||||
erat sit amet ultricies aliquam. Donec dictum convallis
|
||||
mauris et maximus. Nullam massa arcu, porta quis felis
|
||||
et, eleifend varius quam.
|
||||
Praesent ullamcorper urna id arcu molestie scelerisque. Sed
|
||||
imperdiet tristique mauris et faucibus. Maecenas semper augue
|
||||
non fringilla placerat. Curabitur luctus erat sit amet
|
||||
ultricies aliquam. Donec dictum convallis mauris et maximus.
|
||||
Nullam massa arcu, porta quis felis et, eleifend varius quam.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -224,9 +208,9 @@ export default function SlickServicesPage() {
|
||||
Like our creative works?
|
||||
</h2>
|
||||
<p className="text-gray mb-0">
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus
|
||||
lorem ipsum posuere eget at ex. Aenean consequat
|
||||
vitae lorem in vehicula.
|
||||
Quisque posuere mollis ullamcorper. Ut eget metus lorem
|
||||
ipsum posuere eget at ex. Aenean consequat vitae lorem in
|
||||
vehicula.
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user