From d88cff95d6b67d1069318f5feb25ec80d8562854 Mon Sep 17 00:00:00 2001 From: RizqiSyahrendra Date: Sun, 2 Feb 2025 17:35:02 +0700 Subject: [PATCH] fix: moving header and footer section to layout --- src/app/(main)/layout.tsx | 26 +- src/app/(main)/page.tsx | 51 +- src/app/(main)/slick-about-dark/page.tsx | 440 ++++++++---------- src/app/(main)/slick-about/page.tsx | 420 ++++++++--------- .../(main)/slick-blog-single/[id]/page.tsx | 375 +++++++-------- src/app/(main)/slick-blog/page.tsx | 247 +++++----- src/app/(main)/slick-contact-dark/page.tsx | 184 ++++---- src/app/(main)/slick-contact/page.tsx | 175 +++---- src/app/(main)/slick-portfolio/page.tsx | 165 +++---- src/app/(main)/slick-services/page.tsx | 424 ++++++++--------- 10 files changed, 1139 insertions(+), 1368 deletions(-) diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx index a420769..7ab5f38 100644 --- a/src/app/(main)/layout.tsx +++ b/src/app/(main)/layout.tsx @@ -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" /> - {children} + +
+
+ +
{children}
+
+
+ +
+
+
+
+
+ ); } diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx index 6bb8135..9a08be1 100644 --- a/src/app/(main)/page.tsx +++ b/src/app/(main)/page.tsx @@ -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,39 +11,19 @@ export const metadata = { export default function Home() { return ( <> -
-
- -
-
-
- -
- -
- - -
-
-
- -
-
-
+
+
+
-
+ + + + ); } diff --git a/src/app/(main)/slick-about-dark/page.tsx b/src/app/(main)/slick-about-dark/page.tsx index f4f5e77..6b6c2ab 100644 --- a/src/app/(main)/slick-about-dark/page.tsx +++ b/src/app/(main)/slick-about-dark/page.tsx @@ -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,242 +15,209 @@ const dark = true; export default function SlickAboutPageDark() { return ( <> -
-
-
- -
-
- {/* */} -
- -
- {/* */} - -
-
-
-

- About Studio -

- -

- Crafting immersive digital journeys for brands. -

-
-
-
-
-
-
-
- {/* Section Text */} -
-
-

- Our Story -

-

- We believe in creatives with a passion to smart - design. -

-

- 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. -

- {/* Features List */} -
- {/* Features List Item */} - {features4.map((feature, index) => ( -
-
- -
-
- {feature.text} -
-
- ))} - {/* End Features List Item */} -
- {/* End Features List */} -
- - Start a project - - - - - Learn more{" "} - - - - -
-
-
- {/* End Section Text */} - {/* Image */} -
-
-
-
- -
-
-
- Image Description -
-
-
-
- Image Description -
-
-
-
-
- {/* End Images */} -
-
-
-
- -
-
- {dark ? : } -
-
-
-
- {/* Decoration Circles */} -
-
- {/* End Decoration Circles */} -
-
-
-
-

- Like our creative works? -

-

- Quisque posuere mollis ullamcorper. Ut eget metus - lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. -

-
-
- - View all works - -
-
-
-
-
-
-
-
-
-
- -
-
-
-
{" "} +
+ {/* */} +
+
-
+ {/* */} + +
+
+
+

About Studio

+ +

+ Crafting immersive digital journeys for brands. +

+
+
+
+ +
+
+
+ {/* Section Text */} +
+
+

+ Our Story +

+

+ We believe in creatives with a passion to smart design. +

+

+ 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. +

+ {/* Features List */} +
+ {/* Features List Item */} + {features4.map((feature, index) => ( +
+
+ +
+
{feature.text}
+
+ ))} + {/* End Features List Item */} +
+ {/* End Features List */} +
+ + Start a project + + + + + Learn more{" "} + + + + +
+
+
+ {/* End Section Text */} + {/* Image */} +
+
+
+
+ +
+
+
+ Image Description +
+
+
+
+ Image Description +
+
+
+
+
+ {/* End Images */} +
+
+
+
+ +
+
+ {dark ? : } +
+
+
+
+ {/* Decoration Circles */} +
+
+ {/* End Decoration Circles */} +
+
+
+
+

+ Like our creative works? +

+

+ Quisque posuere mollis ullamcorper. Ut eget metus lorem + ipsum posuere eget at ex. Aenean consequat vitae lorem in + vehicula. +

+
+
+ + View all works + +
+
+
+
+
+
+
); } diff --git a/src/app/(main)/slick-about/page.tsx b/src/app/(main)/slick-about/page.tsx index bb42b5b..0cdc4eb 100644 --- a/src/app/(main)/slick-about/page.tsx +++ b/src/app/(main)/slick-about/page.tsx @@ -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,240 +16,209 @@ const dark = false; export default function SlickAboutPage() { return ( <> -
-
- -
-
- {/* */} -
- -
- {/* */} +
+ {/* */} +
+ +
+ {/* */} -
-
-
-

- About Studio -

+
+
+
+

About Studio

-

+ Crafting immersive digital journeys for brands. +

+
+
+
+
+
+
+
+ {/* Section Text */} +
+
+

+ Our Story +

+

+ We believe in creatives with a passion to smart design. +

+

+ 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. +

+ {/* Features List */} +
+ {/* Features List Item */} + {features4.map((feature, index) => ( +
- Crafting immersive digital journeys for brands. +
+ +
+
{feature.text}
+
+ ))} + {/* End Features List Item */} +
+ {/* End Features List */} +
+ + Start a project + + + + + Learn more{" "} + + + + +
+
+
+ {/* End Section Text */} + {/* Image */} +
+
+
+
+ +
+
+
+ Image Description +
+
+
+
+ Image Description +
+
+
+
+
+ {/* End Images */} +
+
+
+
+ +
+
+ {dark ? : } +
+
+
+
+ {/* Decoration Circles */} +
+
+ {/* End Decoration Circles */} +
+
+
+
+

+ Like our creative works? +

+

+ Quisque posuere mollis ullamcorper. Ut eget metus lorem + ipsum posuere eget at ex. Aenean consequat vitae lorem in + vehicula.

-
-
-
-
-
-
- {/* Section Text */} -
-
-

- Our Story -

-

- We believe in creatives with a passion to smart - design. -

-

- 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. -

- {/* Features List */} -
- {/* Features List Item */} - {features4.map((feature, index) => ( -
-
- -
-
- {feature.text} -
-
- ))} - {/* End Features List Item */} -
- {/* End Features List */} -
- - Start a project - - - - - Learn more{" "} - - - - -
-
-
- {/* End Section Text */} - {/* Image */} -
-
-
-
- -
-
-
- Image Description -
-
-
-
- Image Description -
-
-
-
-
- {/* End Images */} -
-
-
-
- -
-
- {dark ? : } -
-
-
-
- {/* Decoration Circles */} -
-
- {/* End Decoration Circles */} -
-
-
-
-

- Like our creative works? -

-

- Quisque posuere mollis ullamcorper. Ut eget metus - lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. -

-
-
- - View all works - -
-
-
+
+ + View all works +
-
-
-
-
-
-
-
+
-
+ ); } diff --git a/src/app/(main)/slick-blog-single/[id]/page.tsx b/src/app/(main)/slick-blog-single/[id]/page.tsx index 5c8cd67..3864163 100644 --- a/src/app/(main)/slick-blog-single/[id]/page.tsx +++ b/src/app/(main)/slick-blog-single/[id]/page.tsx @@ -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,212 +17,186 @@ export default async function asyncSlickBlogSinglePage( const blog = allBlogs.filter((elm) => elm.id == id)[0] || allBlogs[0]; return ( <> -
-
- -
-
- {/* */} -
- -
- {/* */} +
+ {/* */} +
+ +
+ {/* */} -
-
-
-

- {/* @ts-ignore */} - {blog?.title || blog?.postTitle} -

- {/* Author, Categories, Comments */} - - {/* End Author, Categories, Comments */} -
+
+
+
+

+ {/* @ts-ignore */} + {blog?.title || blog?.postTitle} +

+ {/* Author, Categories, Comments */} + -
- <> - {/* Section */} -
-
-
- {/* Content */} -
- {/* Post */} -
-
-
- Image Description -
-

- 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. -

-

- 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. -

-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing - elit. Integer posuere erat a ante. Vestibulum - pellentesque, purus ut dignissim consectetur, - nulla erat ultrices purus. -

-
- Someone famous in - Source Title -
-
-

- Praesent ultricies ut ipsum non laoreet. Nunc ac - ultricies 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. -

-
    -
  • First item of the list
    • -
  • Second item of the list
    • -
  • Third item of the list
    • -
-

- 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. -

-
-
- {/* End Post */} - {/* Comments */} -
-

- Comments (3) -

-
    - -
-
- {/* End Comments */} - {/* Add Comment */} -
-

Leave a comment

- {/* Form */} - - {/* End Form */} -
- {/* End Add Comment */} - {/* Prev/Next Post */} - - {/* End Prev/Next Post */} + {/* End Author, Categories, Comments */} +
+
+
+
+ <> + {/* Section */} +
+
+
+ {/* Content */} +
+ {/* Post */} +
+
+
+ Image Description
- {/* End Content */} +

+ 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. +

+

+ 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. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Integer posuere erat a ante. Vestibulum + pellentesque, purus ut dignissim consectetur, nulla erat + ultrices purus. +

+
+ Someone famous in + Source Title +
+
+

+ Praesent ultricies ut ipsum non laoreet. Nunc ac + ultricies 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. +

+
    +
  • First item of the list
    • +
  • Second item of the list
    • +
  • Third item of the list
    • +
+

+ 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. +

-
- {/* End Section */} - {/* Divider */} -
- {/* End Divider */} - {/* Section */} -
-
-
- -
+ {/* End Post */} + {/* Comments */} +
+

+ Comments (3) +

+
    + +
-
- -
-
+ {/* End Content */} +
+
+ + {/* End Section */} + {/* Divider */} +
+ {/* End Divider */} + {/* Section */} +
+
+
+
-
-
-
- + +
+ ); } diff --git a/src/app/(main)/slick-blog/page.tsx b/src/app/(main)/slick-blog/page.tsx index e9a5805..a127f25 100644 --- a/src/app/(main)/slick-blog/page.tsx +++ b/src/app/(main)/slick-blog/page.tsx @@ -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,137 +16,117 @@ const dark = false; export default function SlickBlogPage() { return ( <> -
-
- -
-
- {/* */} -
- -
- {/* */} - -
-
-
-

Blog

- -

- Explore captivating web design solutions. -

-
-
-
-
-
- -
- - <> - {/* Divider */} -
- {/* End Divider */} - {/* Section */} -
-
-
-
- {/* Widget */} -
-

Categories

-
- -
-
- {/* End Widget */} -
-
- {/* Widget */} -
-

Tags

-
-
- {tags.map((elm, i) => ( - - {elm.name} - - ))} -
-
-
- {/* End Widget */} -
-
- {/* Widget */} -
-

Archive

-
- -
-
- {/* End Widget */} -
-
- {/* Widget */} -
-

Newsletter

-
-
- -
-
-
- {/* End Widget */} -
-
-
-
- -
-
-
- -
-
-
+
+ {/* */} +
+
-
+ {/* */} + +
+
+
+

Blog

+ +

+ Explore captivating web design solutions. +

+
+
+
+ +
+ +
+ + <> + {/* Divider */} +
+ {/* End Divider */} + {/* Section */} +
+
+
+
+ {/* Widget */} +
+

Categories

+
+ +
+
+ {/* End Widget */} +
+
+ {/* Widget */} +
+

Tags

+
+
+ {tags.map((elm, i) => ( + + {elm.name} + + ))} +
+
+
+ {/* End Widget */} +
+
+ {/* Widget */} +
+

Archive

+
+ +
+
+ {/* End Widget */} +
+
+ {/* Widget */} +
+

Newsletter

+
+
+ +
+
+
+ {/* End Widget */} +
+
+
+
+ ); } diff --git a/src/app/(main)/slick-contact-dark/page.tsx b/src/app/(main)/slick-contact-dark/page.tsx index c6491f3..86c8c4b 100644 --- a/src/app/(main)/slick-contact-dark/page.tsx +++ b/src/app/(main)/slick-contact-dark/page.tsx @@ -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,110 +14,85 @@ const dark = true; export default function SlickContactPageDark() { return ( <> -
-
-
- -
-
- {/* */} -
- -
- {/* */} - -
-
-
-

- Contact Us -

- -

- Crafting immersive digital journeys for brands. -

-
-
-
-
- -
- {dark ? : } -
-
-
-
- {/* Decorative Waves */} -
-
- -
-
- {/* End Decorative Waves */} -
-
-

- Frequently Asked Questions -

-

- 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. -

-
-
- {/* Accordion */} - - {/* End Accordion */} -
-
-
-
-
-
-
- -
-
-
-
{" "} +
+ {/* */} +
+
-
+ {/* */} + +
+
+
+

Contact Us

+ +

+ Crafting immersive digital journeys for brands. +

+
+
+
+ + +
+ {dark ? : } +
+
+
+
+ {/* Decorative Waves */} +
+
+ +
+
+ {/* End Decorative Waves */} +
+
+

+ Frequently Asked Questions +

+

+ 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. +

+
+
+ {/* Accordion */} + + {/* End Accordion */} +
+
+
+
); } diff --git a/src/app/(main)/slick-contact/page.tsx b/src/app/(main)/slick-contact/page.tsx index dd23f8d..d099e7d 100644 --- a/src/app/(main)/slick-contact/page.tsx +++ b/src/app/(main)/slick-contact/page.tsx @@ -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,113 +10,91 @@ export const metadata = { description: "Resonance — One & Multi Page React Nextjs Creative Template", }; -const onePage = false; + const dark = false; + export default function SlickContactPage() { return ( <> -
-
- -
-
+ {/* */} +
+ +
+ {/* */} + +
+
+
+

Contact Us

+ +

+ Crafting immersive digital journeys for brands. +

+
+
+
+
+ +
+ {dark ? : } +
+
+
+
+ {/* Decorative Waves */} +
+
- {/* */} -
- -
- {/* */} - -
-
-
-

- Contact Us -

- -

- Crafting immersive digital journeys for brands. -

-
-
-
-
- -
- {dark ? : } -
-
-
-
- {/* Decorative Waves */} -
-
- -
-
- {/* End Decorative Waves */} -
-
-

- Frequently Asked Questions -

-

- 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. -

-
-
- {/* Accordion */} - - {/* End Accordion */} -
-
-
-
-
-
-
-
-
+
+ {/* End Decorative Waves */} +
+
+

+ Frequently Asked Questions +

+

+ 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. +

+
+
+ {/* Accordion */} + + {/* End Accordion */} +
+
-
+ ); } diff --git a/src/app/(main)/slick-portfolio/page.tsx b/src/app/(main)/slick-portfolio/page.tsx index ed134b4..11efe50 100644 --- a/src/app/(main)/slick-portfolio/page.tsx +++ b/src/app/(main)/slick-portfolio/page.tsx @@ -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,107 +14,85 @@ const dark = false; export default function SlickPortfolioPage() { return ( <> -
-
- -
-
- {/* */} -
- -
- {/* */} +
+ {/* */} +
+ +
+ {/* */} -
+
+
+
+

Portfolio

+ +

+ Explore captivating web design solutions. +

+
+
+
+
+
+
+ +
+
+ +
+
+
+ {/* Decoration Circles */} +
+
+ {/* End Decoration Circles */} +
+
-
-

- Portfolio -

- -

- Explore captivating web design solutions. +

+

+ Like our creative works? +

+

+ Quisque posuere mollis ullamcorper. Ut eget metus lorem + ipsum posuere eget at ex. Aenean consequat vitae lorem in + vehicula.

-
-
-
-
-
- -
-
- -
-
-
- {/* Decoration Circles */} -
-
- {/* End Decoration Circles */} -
-
-
-
-

- Like our creative works? -

-

- Quisque posuere mollis ullamcorper. Ut eget metus - lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. -

-
-
- - View all works - -
-
-
+
+ + View all works +
-
-
-
-
-
-
-
+
-
+ ); } diff --git a/src/app/(main)/slick-services/page.tsx b/src/app/(main)/slick-services/page.tsx index e57aa10..de96ae9 100644 --- a/src/app/(main)/slick-services/page.tsx +++ b/src/app/(main)/slick-services/page.tsx @@ -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,245 +15,218 @@ const dark = false; export default function SlickServicesPage() { return ( <> -
-
- -
-
- {/* */} -
- +
+ {/* */} +
+ +
+ {/* */} + +
+
+
+

Our Services

+ +

+ Web design that leaves an impression. +

+
+
+
+
+
+
+
+ {/* Left Column */} +
+

+ WHAT WE DO +

+

+ We provide the best development solutions. +

+

+ The power of design help us to solve complex problems and + cultivate business solutions. +

+
+ + Request a quote +
- {/* */} - -
-
-
-

- Our Services -

- -

- Web design that leaves an impression. -

-
+
+ {/* End Left Column */} + {/* Right Column */} + + {/* End Right Column */} +
+
+
+
+
+
+

+ Why choose Resonance? +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. +

+
+
+ {/* Features Grid */} + + {/* End Features Grid */} +
+
+
+
+
+
+ {/* Images */} +
+
+
+ Image Description +
+
+ Image Description +
+
+ Image Description
-
-
-
+
+ {/* End Images */} + {/* Text */} +
+
+

+ How we work? +

+ +

+ Get the power of the professional services +

+ +

+ 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. +

+ +

+ 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. +

+
+
+ {/* End Text */} +
+
+ + +
+
+
+ {/* Decoration Circles */} +
+
+ {/* End Decoration Circles */} +
+
- {/* Left Column */} -
-

- WHAT WE DO -

-

- We provide the best development solutions. -

-

- The power of design help us to solve complex problems and - cultivate business solutions. -

-
- - Request a quote - -
-
- {/* End Left Column */} - {/* Right Column */} - - {/* End Right Column */} -
-
-
-
-
-
+

- Why choose Resonance? + Like our creative works?

- Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. + Quisque posuere mollis ullamcorper. Ut eget metus lorem + ipsum posuere eget at ex. Aenean consequat vitae lorem in + vehicula.

-
- {/* Features Grid */} - - {/* End Features Grid */} -
-
-
-
-
-
- {/* Images */} -
-
-
- Image Description -
-
- Image Description -
-
- Image Description -
-
-
- {/* End Images */} - {/* Text */} -
-
+ -

- How we work? -

- -

- Get the power of the professional services -

- -

- 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. -

- -

- 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. -

-
-
- {/* End Text */} -
-
-
- -
-
-
- {/* Decoration Circles */} -
-
- {/* End Decoration Circles */} -
-
-
-
-

- Like our creative works? -

-

- Quisque posuere mollis ullamcorper. Ut eget metus - lorem ipsum posuere eget at ex. Aenean consequat - vitae lorem in vehicula. -

-
-
- - View all works - -
-
-
+ View all works +
-
- -
- + ); }