From 6be0d6306b556ad40841a1198998b316287a1cc8 Mon Sep 17 00:00:00 2001 From: Val <44112412+LawfaL@users.noreply.github.com> Date: Sat, 1 Feb 2025 07:23:32 +0700 Subject: [PATCH] feat(about): add new page about --- package-lock.json | 11 + package.json | 1 + src/app/data/menu.ts | 8 - src/app/page.tsx | 10 +- src/app/slick-about-dark/page.tsx | 259 ++++ src/app/slick-about/page.tsx | 258 ++++ src/{app => }/components/AnimatedText.tsx | 0 src/{app => }/components/Blog.tsx | 2 +- src/{app => }/components/BrandsDark.tsx | 2 +- src/{app => }/components/Contact.tsx | 2 +- src/{app => }/components/ContactDark.tsx | 2 +- src/{app => }/components/Facts.tsx | 2 +- src/{app => }/components/Features.tsx | 2 +- src/{app => }/components/Footer.tsx | 2 +- src/{app => }/components/FooterSocial.tsx | 0 src/{app => }/components/Header.tsx | 0 src/{app => }/components/Hero.tsx | 0 src/{app => }/components/Homepage.tsx | 2 +- src/{app => }/components/LanguageSelect.tsx | 0 src/{app => }/components/Nav.tsx | 0 src/{app => }/components/Newsletter.tsx | 0 src/{app => }/components/Portfolio.tsx | 2 +- src/{app => }/components/Service.tsx | 2 +- src/{app => }/components/Testimonials.tsx | 6 +- src/{app => }/components/TestimonialsDark.tsx | 4 +- src/{app => }/data/blogs.ts | 0 src/{app => }/data/brands.ts | 0 src/{app => }/data/contact.ts | 0 src/{app => }/data/facts.ts | 0 src/{app => }/data/features.ts | 0 src/{app => }/data/footer.ts | 0 src/data/menu.ts | 1312 +++++++++++++++++ src/{app => }/data/portfolio.ts | 0 src/{app => }/data/services.ts | 0 src/{app => }/data/testimonials.ts | 0 35 files changed, 1861 insertions(+), 28 deletions(-) delete mode 100644 src/app/data/menu.ts create mode 100644 src/app/slick-about-dark/page.tsx create mode 100644 src/app/slick-about/page.tsx rename src/{app => }/components/AnimatedText.tsx (100%) rename src/{app => }/components/Blog.tsx (98%) rename src/{app => }/components/BrandsDark.tsx (96%) rename src/{app => }/components/Contact.tsx (99%) rename src/{app => }/components/ContactDark.tsx (99%) rename src/{app => }/components/Facts.tsx (94%) rename src/{app => }/components/Features.tsx (95%) rename src/{app => }/components/Footer.tsx (98%) rename src/{app => }/components/FooterSocial.tsx (100%) rename src/{app => }/components/Header.tsx (100%) rename src/{app => }/components/Hero.tsx (100%) rename src/{app => }/components/Homepage.tsx (99%) rename src/{app => }/components/LanguageSelect.tsx (100%) rename src/{app => }/components/Nav.tsx (100%) rename src/{app => }/components/Newsletter.tsx (100%) rename src/{app => }/components/Portfolio.tsx (98%) rename src/{app => }/components/Service.tsx (94%) rename src/{app => }/components/Testimonials.tsx (97%) rename src/{app => }/components/TestimonialsDark.tsx (97%) rename src/{app => }/data/blogs.ts (100%) rename src/{app => }/data/brands.ts (100%) rename src/{app => }/data/contact.ts (100%) rename src/{app => }/data/facts.ts (100%) rename src/{app => }/data/features.ts (100%) rename src/{app => }/data/footer.ts (100%) create mode 100644 src/data/menu.ts rename src/{app => }/data/portfolio.ts (100%) rename src/{app => }/data/services.ts (100%) rename src/{app => }/data/testimonials.ts (100%) diff --git a/package-lock.json b/package-lock.json index 0cf8406..c475577 100644 --- a/package-lock.json +++ b/package-lock.json @@ -27,6 +27,7 @@ }, "devDependencies": { "@eslint/eslintrc": "^3", + "@types/bootstrap": "^5.2.10", "@types/imagesloaded": "^4.1.6", "@types/isotope-layout": "^3.0.14", "@types/node": "^20", @@ -584,6 +585,16 @@ "tslib": "^2.8.0" } }, + "node_modules/@types/bootstrap": { + "version": "5.2.10", + "resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-5.2.10.tgz", + "integrity": "sha512-F2X+cd6551tep0MvVZ6nM8v7XgGN/twpdNDjqS1TUM7YFNEtQYWk+dKAnH+T1gr6QgCoGMPl487xw/9hXooa2g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@popperjs/core": "^2.9.2" + } + }, "node_modules/@types/estree": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", diff --git a/package.json b/package.json index 550ef4b..994e632 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ }, "devDependencies": { "@eslint/eslintrc": "^3", + "@types/bootstrap": "^5.2.10", "@types/imagesloaded": "^4.1.6", "@types/isotope-layout": "^3.0.14", "@types/node": "^20", diff --git a/src/app/data/menu.ts b/src/app/data/menu.ts deleted file mode 100644 index e7dfafb..0000000 --- a/src/app/data/menu.ts +++ /dev/null @@ -1,8 +0,0 @@ -export const slickMultipages = [ - { href: "/slick-multi-page", text: "Home" }, - { href: "/slick-about", text: "About", class: "active" }, - { href: "/slick-services", text: "Services" }, - { href: "/slick-portfolio", text: "Portfolio" }, - { href: "/slick-blog", text: "Blog" }, - { href: "/slick-contact", text: "Contact" }, -]; diff --git a/src/app/page.tsx b/src/app/page.tsx index 2d584ea..47b1ab6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +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 Header from "../components/Header"; +import Hero from "../components/Hero"; +import Footer from "../components/Footer" +import Homepage from "../components/Homepage" +import { slickMultipages } from "../data/menu"; export default function Home() { return ( diff --git a/src/app/slick-about-dark/page.tsx b/src/app/slick-about-dark/page.tsx new file mode 100644 index 0000000..f4f5e77 --- /dev/null +++ b/src/app/slick-about-dark/page.tsx @@ -0,0 +1,259 @@ +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"; + +export const metadata = { + title: + "Slick About Dark || Resonance — One & Multi Page React Nextjs Creative Template", + description: + "Resonance — One & Multi Page React Nextjs Creative Template", +}; +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 + +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
{" "} +
+
+ + ); +} diff --git a/src/app/slick-about/page.tsx b/src/app/slick-about/page.tsx new file mode 100644 index 0000000..bb42b5b --- /dev/null +++ b/src/app/slick-about/page.tsx @@ -0,0 +1,258 @@ +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"; + +export const metadata = { + title: + "Slick About || Resonance — One & Multi Page React Nextjs Creative Template", + description: + "Resonance — One & Multi Page React Nextjs Creative Template", +}; + +const dark = false; +export default function SlickAboutPage() { + 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 + +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ + ); +} diff --git a/src/app/components/AnimatedText.tsx b/src/components/AnimatedText.tsx similarity index 100% rename from src/app/components/AnimatedText.tsx rename to src/components/AnimatedText.tsx diff --git a/src/app/components/Blog.tsx b/src/components/Blog.tsx similarity index 98% rename from src/app/components/Blog.tsx rename to src/components/Blog.tsx index 01908c0..930d2d2 100644 --- a/src/app/components/Blog.tsx +++ b/src/components/Blog.tsx @@ -1,4 +1,4 @@ -import { blogs9 } from "@/app/data/blogs"; +import { blogs9 } from "@/data/blogs"; import React from "react"; import Image from "next/image"; import Link from "next/link"; diff --git a/src/app/components/BrandsDark.tsx b/src/components/BrandsDark.tsx similarity index 96% rename from src/app/components/BrandsDark.tsx rename to src/components/BrandsDark.tsx index 89de825..1fa0000 100644 --- a/src/app/components/BrandsDark.tsx +++ b/src/components/BrandsDark.tsx @@ -1,6 +1,6 @@ "use client"; -import { brandsDark } from "@/app/data/brands"; +import { brandsDark } from "@/data/brands"; import Image from "next/image"; import { Autoplay } from "swiper/modules"; import { Swiper, SwiperSlide } from "swiper/react"; diff --git a/src/app/components/Contact.tsx b/src/components/Contact.tsx similarity index 99% rename from src/app/components/Contact.tsx rename to src/components/Contact.tsx index 7ab3b34..9a699c3 100644 --- a/src/app/components/Contact.tsx +++ b/src/components/Contact.tsx @@ -1,5 +1,5 @@ "use client"; -import { contactItems } from "@/app/data/contact"; +import { contactItems } from "@/data/contact"; import React from "react"; export default function Contact() { diff --git a/src/app/components/ContactDark.tsx b/src/components/ContactDark.tsx similarity index 99% rename from src/app/components/ContactDark.tsx rename to src/components/ContactDark.tsx index 58c3333..418450f 100644 --- a/src/app/components/ContactDark.tsx +++ b/src/components/ContactDark.tsx @@ -1,5 +1,5 @@ "use client"; -import { contactItems } from "@/app/data/contact"; +import { contactItems } from "@/data/contact"; import React from "react"; export default function ContactDark() { diff --git a/src/app/components/Facts.tsx b/src/components/Facts.tsx similarity index 94% rename from src/app/components/Facts.tsx rename to src/components/Facts.tsx index 88e8b4f..622d088 100644 --- a/src/app/components/Facts.tsx +++ b/src/components/Facts.tsx @@ -1,4 +1,4 @@ -import { numbers } from "@/app/data/facts"; +import { numbers } from "@/data/facts"; import React from "react"; export default function Facts() { diff --git a/src/app/components/Features.tsx b/src/components/Features.tsx similarity index 95% rename from src/app/components/Features.tsx rename to src/components/Features.tsx index 377e2a2..aeeab03 100644 --- a/src/app/components/Features.tsx +++ b/src/components/Features.tsx @@ -1,4 +1,4 @@ -import { features5 } from "@/app/data/features"; +import { features5 } from "@/data/features"; import React from "react"; export default function Features() { diff --git a/src/app/components/Footer.tsx b/src/components/Footer.tsx similarity index 98% rename from src/app/components/Footer.tsx rename to src/components/Footer.tsx index fa17473..c098e0a 100644 --- a/src/app/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -2,7 +2,7 @@ import React from "react"; import Image from "next/image"; import FooterSocials from "./FooterSocial"; -import { footerLinks, navigationLinks } from "@/app/data/footer"; +import { footerLinks, navigationLinks } from "@/data/footer"; export default function Footer8() { const scrollToTop = (event: any) => { diff --git a/src/app/components/FooterSocial.tsx b/src/components/FooterSocial.tsx similarity index 100% rename from src/app/components/FooterSocial.tsx rename to src/components/FooterSocial.tsx diff --git a/src/app/components/Header.tsx b/src/components/Header.tsx similarity index 100% rename from src/app/components/Header.tsx rename to src/components/Header.tsx diff --git a/src/app/components/Hero.tsx b/src/components/Hero.tsx similarity index 100% rename from src/app/components/Hero.tsx rename to src/components/Hero.tsx diff --git a/src/app/components/Homepage.tsx b/src/components/Homepage.tsx similarity index 99% rename from src/app/components/Homepage.tsx rename to src/components/Homepage.tsx index 3ce3237..e217e22 100644 --- a/src/app/components/Homepage.tsx +++ b/src/components/Homepage.tsx @@ -11,7 +11,7 @@ import Contact from "./Contact"; import Link from "next/link"; import TestimonialsDark from "./TestimonialsDark"; import ContactDark from "./ContactDark"; -import { features4 } from "@/app/data/features"; +import { features4 } from "@/data/features"; import Features from "./Features"; export default function homepage({ onePage = false, dark = false }) { diff --git a/src/app/components/LanguageSelect.tsx b/src/components/LanguageSelect.tsx similarity index 100% rename from src/app/components/LanguageSelect.tsx rename to src/components/LanguageSelect.tsx diff --git a/src/app/components/Nav.tsx b/src/components/Nav.tsx similarity index 100% rename from src/app/components/Nav.tsx rename to src/components/Nav.tsx diff --git a/src/app/components/Newsletter.tsx b/src/components/Newsletter.tsx similarity index 100% rename from src/app/components/Newsletter.tsx rename to src/components/Newsletter.tsx diff --git a/src/app/components/Portfolio.tsx b/src/components/Portfolio.tsx similarity index 98% rename from src/app/components/Portfolio.tsx rename to src/components/Portfolio.tsx index e2a160e..cf0b13d 100644 --- a/src/app/components/Portfolio.tsx +++ b/src/components/Portfolio.tsx @@ -1,6 +1,6 @@ "use client"; -import { portfolios9 } from "@/app/data/portfolio"; +import { portfolios9 } from "@/data/portfolio"; import { useEffect, useRef, useState } from "react"; import Image from "next/image"; import { Gallery, Item } from "react-photoswipe-gallery"; diff --git a/src/app/components/Service.tsx b/src/components/Service.tsx similarity index 94% rename from src/app/components/Service.tsx rename to src/components/Service.tsx index cbe3263..9575518 100644 --- a/src/app/components/Service.tsx +++ b/src/components/Service.tsx @@ -1,4 +1,4 @@ -import { services5 } from "@/app/data/services"; +import { services5 } from "@/data/services"; import React from "react"; export default function Service() { diff --git a/src/app/components/Testimonials.tsx b/src/components/Testimonials.tsx similarity index 97% rename from src/app/components/Testimonials.tsx rename to src/components/Testimonials.tsx index f3ef7b5..a6f9be2 100644 --- a/src/app/components/Testimonials.tsx +++ b/src/components/Testimonials.tsx @@ -1,7 +1,7 @@ "use client"; -import { brands } from "@/app/data/brands"; -import { numberItems4 } from "@/app/data/facts"; -import { testimonials5 } from "@/app/data/testimonials"; +import { brands } from "@/data/brands"; +import { numberItems4 } from "@/data/facts"; +import { testimonials5 } from "@/data/testimonials"; import { useEffect, useRef } from "react"; import { Autoplay } from "swiper/modules"; import { Swiper, SwiperSlide } from "swiper/react"; diff --git a/src/app/components/TestimonialsDark.tsx b/src/components/TestimonialsDark.tsx similarity index 97% rename from src/app/components/TestimonialsDark.tsx rename to src/components/TestimonialsDark.tsx index e59929b..d9359f8 100644 --- a/src/app/components/TestimonialsDark.tsx +++ b/src/components/TestimonialsDark.tsx @@ -1,7 +1,7 @@ "use client"; import BrandsDark from "./BrandsDark"; -import { numberItems4 } from "@/app/data/facts"; -import { testimonials5 } from "@/app/data/testimonials"; +import { numberItems4 } from "@/data/facts"; +import { testimonials5 } from "@/data/testimonials"; import { useEffect, useRef } from "react"; import Image from "next/image"; diff --git a/src/app/data/blogs.ts b/src/data/blogs.ts similarity index 100% rename from src/app/data/blogs.ts rename to src/data/blogs.ts diff --git a/src/app/data/brands.ts b/src/data/brands.ts similarity index 100% rename from src/app/data/brands.ts rename to src/data/brands.ts diff --git a/src/app/data/contact.ts b/src/data/contact.ts similarity index 100% rename from src/app/data/contact.ts rename to src/data/contact.ts diff --git a/src/app/data/facts.ts b/src/data/facts.ts similarity index 100% rename from src/app/data/facts.ts rename to src/data/facts.ts diff --git a/src/app/data/features.ts b/src/data/features.ts similarity index 100% rename from src/app/data/features.ts rename to src/data/features.ts diff --git a/src/app/data/footer.ts b/src/data/footer.ts similarity index 100% rename from src/app/data/footer.ts rename to src/data/footer.ts diff --git a/src/data/menu.ts b/src/data/menu.ts new file mode 100644 index 0000000..6b6aa6c --- /dev/null +++ b/src/data/menu.ts @@ -0,0 +1,1312 @@ +export const strongMultiPages = [ + { href: "/strong-multi-page", text: "Home" }, + { href: "/strong-about", text: "About", className: "active" }, + { href: "/strong-services", text: "Services" }, + { href: "/strong-portfolio", text: "Portfolio" }, + { href: "/strong-blog", text: "Blog" }, + { href: "/strong-contact", text: "Contact" }, +]; +export const strongMultiPagesDark = [ + { href: "/strong-multi-page-dark", text: "Home" }, + { href: "/strong-about-dark", text: "About", className: "active" }, + { href: "/strong-services-dark", text: "Services" }, + { href: "/strong-portfolio-dark", text: "Portfolio" }, + { href: "/strong-blog-dark", text: "Blog" }, + { href: "/strong-contact-dark", text: "Contact" }, +]; +export const strongSinglePages = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#contact", text: "Contact" }, +]; + +export const slickMultipages = [ + { href: "/", text: "Home" }, + { href: "/slick-about", text: "About", class: "active" }, + { href: "/slick-services", text: "Services" }, + { href: "/slick-portfolio", text: "Portfolio" }, + { href: "/slick-blog", text: "Blog" }, + { href: "/slick-contact", text: "Contact" }, +]; +export const slickMultipagesDark = [ + { href: "/slick-multi-page-dark", text: "Home" }, + { href: "/slick-about-dark", text: "About", class: "active" }, + { href: "/slick-services-dark", text: "Services" }, + { href: "/slick-portfolio-dark", text: "Portfolio" }, + { href: "/slick-blog-dark", text: "Blog" }, + { href: "/slick-contact-dark", text: "Contact" }, +]; +export const slickOnepage = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#contact", text: "Contact" }, +]; + +export const modernMultipage = [ + { id: 1, href: "/modern-multi-page", text: "Home" }, + { id: 2, href: "/modern-about", text: "About", className: "active" }, + { id: 3, href: "/modern-services", text: "Services" }, + { id: 4, href: "/modern-portfolio", text: "Portfolio" }, + { id: 5, href: "/modern-blog", text: "Blog" }, + { id: 6, href: "/modern-contact", text: "Contact" }, +]; +export const modernMultipageDark = [ + { id: 1, href: "/modern-multi-page-dark", text: "Home" }, + { id: 2, href: "/modern-about-dark", text: "About", className: "active" }, + { id: 3, href: "/modern-services-dark", text: "Services" }, + { id: 4, href: "/modern-portfolio-dark", text: "Portfolio" }, + { id: 5, href: "/modern-blog-dark", text: "Blog" }, + { id: 6, href: "/modern-contact-dark", text: "Contact" }, +]; + +export const modernOnepage = [ + { href: "#home", text: "Home", className: "active", dataBtnAnimate: "y" }, + { href: "#about", text: "About", dataBtnAnimate: "y" }, + { href: "#services", text: "Services", dataBtnAnimate: "y" }, + { href: "#portfolio", text: "Portfolio", dataBtnAnimate: "y" }, + { href: "#blog", text: "Blog", dataBtnAnimate: "y" }, + { href: "#contact", text: "Contact", dataBtnAnimate: "y" }, +]; + +export const gradientMultipage = [ + { href: "/gradient-multi-page", text: "Home", active: true }, + { href: "/gradient-about", text: "About", active: false }, + { href: "/gradient-services", text: "Services", active: false }, + { href: "/gradient-portfolio", text: "Portfolio", active: false }, + { href: "/gradient-blog", text: "Blog", active: false }, + { href: "/gradient-contact", text: "Contact", active: false }, +]; +export const gradientMultipageDark = [ + { href: "/gradient-multi-page-dark", text: "Home", active: true }, + { href: "/gradient-about-dark", text: "About", active: false }, + { href: "/gradient-services-dark", text: "Services", active: false }, + { href: "/gradient-portfolio-dark", text: "Portfolio", active: false }, + { href: "/gradient-blog-dark", text: "Blog", active: false }, + { href: "/gradient-contact-dark", text: "Contact", active: false }, +]; + +export const gradientOnePage = [ + { href: "#home", text: "Home", className: "active", dataBtnAnimate: "y" }, + { href: "#about", text: "About", dataBtnAnimate: "y" }, + { href: "#services", text: "Services", dataBtnAnimate: "y" }, + { href: "#portfolio", text: "Portfolio", dataBtnAnimate: "y" }, + { href: "#blog", text: "Blog", dataBtnAnimate: "y" }, + { href: "#contact", text: "Contact", dataBtnAnimate: "y" }, +]; + +export const fancyMultipage = [ + { href: "/fancy-multi-page", text: "Home", class: "active" }, + { href: "/fancy-about", text: "About" }, + { href: "/fancy-services", text: "Services" }, + { href: "/fancy-portfolio", text: "Portfolio" }, + { href: "/fancy-blog", text: "Blog" }, + { href: "/fancy-contact", text: "Contact" }, +]; + +export const fancyMultipageDark = [ + { href: "/fancy-multi-page-dark", text: "Home", class: "active" }, + { href: "/fancy-about-dark", text: "About" }, + { href: "/fancy-services-dark", text: "Services" }, + { href: "/fancy-portfolio-dark", text: "Portfolio" }, + { href: "/fancy-blog-dark", text: "Blog" }, + { href: "/fancy-contact-dark", text: "Contact" }, +]; + +export const fancyOnepage = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#pricing", text: "Pricing" }, + { href: "#contact", text: "Contact" }, +]; + +export const elegantMultipage = [ + { href: "/elegant-multi-page", text: "Home" }, + { href: "/elegant-about", text: "About" }, + { href: "/elegant-services", text: "Services" }, + { href: "/elegant-portfolio", text: "Portfolio" }, + { href: "/elegant-blog", text: "Blog" }, + { href: "/elegant-contact", text: "Contact" }, +]; +export const elegantMultipageDark = [ + { href: "/elegant-multi-page-dark", text: "Home" }, + { href: "/elegant-about-dark", text: "About" }, + { href: "/elegant-services-dark", text: "Services" }, + { href: "/elegant-portfolio-dark", text: "Portfolio" }, + { href: "/elegant-blog-dark", text: "Blog" }, + { href: "/elegant-contact-dark", text: "Contact" }, +]; +export const elegantOnepage = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#contact", text: "Contact" }, +]; + +export const corporateMultipage = [ + { href: "/corporate-multi-page", text: "Home" }, + { href: "/corporate-about", text: "About" }, + { href: "/corporate-services", text: "Services" }, + { href: "/corporate-portfolio", text: "Portfolio" }, + { href: "/corporate-blog", text: "Blog" }, + { href: "/corporate-contact", text: "Contact" }, +]; + +export const corporateMultipageDark = [ + { href: "/corporate-multi-page-dark", text: "Home" }, + { href: "/corporate-about-dark", text: "About" }, + { href: "/corporate-services-dark", text: "Services" }, + { href: "/corporate-portfolio-dark", text: "Portfolio" }, + { href: "/corporate-blog-dark", text: "Blog" }, + { href: "/corporate-contact-dark", text: "Contact" }, +]; + +export const corporateOnepage = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#contact", text: "Contact" }, +]; + +export const brutalistMultipage = [ + { href: "/brutalist-multi-page", text: "Home", active: true }, + { href: "/brutalist-about", text: "About", active: false }, + { href: "/brutalist-services", text: "Services", active: false }, + { href: "/brutalist-portfolio", text: "Portfolio", active: false }, + { href: "/brutalist-blog", text: "Blog", active: false }, +]; +export const brutalistMultipageDark = [ + { href: "/brutalist-multi-page-dark", text: "Home", active: true }, + { href: "/brutalist-about-dark", text: "About", active: false }, + { href: "/brutalist-services-dark", text: "Services", active: false }, + { href: "/brutalist-portfolio-dark", text: "Portfolio", active: false }, + { href: "/brutalist-blog-dark", text: "Blog", active: false }, +]; +export const brutalistOnepage = [ + { href: "#home", text: "Home", className: "active", dataBtnAnimate: "y" }, + { href: "#about", text: "About", dataBtnAnimate: "y" }, + { href: "#services", text: "Services", dataBtnAnimate: "y" }, + { href: "#portfolio", text: "Portfolio", dataBtnAnimate: "y" }, + { href: "#blog", text: "Blog", dataBtnAnimate: "y" }, +]; +export const boldMultipage = [ + { href: "/bold-multi-page", text: "Home", active: false }, + { href: "/bold-about", text: "About", active: true }, + { href: "/bold-services", text: "Services", active: false }, + { href: "/bold-portfolio", text: "Portfolio", active: false }, + { href: "/bold-blog", text: "Blog", active: false }, + { href: "/bold-contact", text: "Contact", active: false }, +]; +export const boldMultipageDark = [ + { href: "/bold-multi-page-dark", text: "Home", active: false }, + { href: "/bold-about-dark", text: "About", active: true }, + { href: "/bold-services-dark", text: "Services", active: false }, + { href: "/bold-portfolio-dark", text: "Portfolio", active: false }, + { href: "/bold-blog-dark", text: "Blog", active: false }, + { href: "/bold-contact-dark", text: "Contact", active: false }, +]; + +export const boldOnepage = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#contact", text: "Contact" }, +]; + +export const mainDemoOnepage = [ + { href: "#home", text: "Home", className: "active" }, + { href: "#about", text: "About" }, + { href: "#services", text: "Services" }, + { href: "#portfolio", text: "Portfolio" }, + { href: "#blog", text: "Blog" }, + { href: "#contact", text: "Contact" }, +]; + +export const menuItems = [ + { + title: "Home", + subMenu: [ + { + title: "Multi Page", + links: [ + { href: "/main-multi-page", text: "Main Demo" }, + { href: "/main-multi-page-typed-text", text: "Typed Text" }, + { href: "/main-multi-page-image-parallax", text: "Image Parallax" }, + { + href: "/main-multi-page-slider-fullscreen", + text: "Slider Fullscreen", + }, + { + href: "/main-multi-page-slider-background", + text: "Slider Background", + }, + { href: "/main-multi-page-bg-video", text: "BG Video HTML5" }, + { + href: "/main-multi-page-bg-video-youtube", + text: "BG Video Youtube", + }, + { href: "/main-multi-page-dark", text: "Dark Version" }, + ], + }, + { + title: "One Page", + links: [ + { href: "/main-one-page", text: "Main Demo" }, + { href: "/main-one-page-typed-text", text: "Typed Text" }, + { href: "/main-one-page-image-parallax", text: "Image Parallax" }, + { + href: "/main-one-page-slider-fullscreen", + text: "Slider Fullscreen", + }, + { + href: "/main-one-page-slider-background", + text: "Slider Background", + }, + { href: "/main-one-page-bg-video", text: "BG Video HTML5" }, + { href: "/main-one-page-bg-video-youtube", text: "BG Video Youtube" }, + { href: "/main-one-page-dark", text: "Dark Version" }, + ], + }, + ], + }, + { + title: "Pages", + subMenu: [ + { + title: "Group 1", + links: [ + { href: "/main-pages-about-1", text: "About Us 1" }, + { href: "/main-pages-about-2", text: "About Us 2" }, + { href: "/main-pages-about-3", text: "About Us 3" }, + { href: "/main-pages-services-1", text: "Services 1" }, + { href: "/main-pages-services-2", text: "Services 2" }, + { href: "/main-pages-services-3", text: "Services 3" }, + { href: "/main-pages-clients", text: "Clients" }, + ], + }, + { + title: "Group 2", + links: [ + { href: "/main-pages-team", text: "Team" }, + { href: "/main-pages-faq-1", text: "FAQ 1" }, + { href: "/main-pages-faq-2", text: "FAQ 2" }, + { href: "/main-pages-pricing-1", text: "Pricing 1" }, + { href: "/main-pages-pricing-2", text: "Pricing 2" }, + { href: "/main-pages-contact-1", text: "Contact 1" }, + { href: "/main-pages-contact-2", text: "Contact 2" }, + ], + }, + { + title: "Group 3", + links: [ + { href: "/main-pages-gallery-1col", text: "Gallery Col 1" }, + { href: "/main-pages-gallery-2col", text: "Gallery Col 2" }, + { href: "/main-pages-gallery-3col", text: "Gallery Col 3" }, + { href: "/main-pages-gallery-4col", text: "Gallery Col 4" }, + { href: "/main-pages-account", text: "Login / Register" }, + { + href: "/main-pages-under-construction", + text: "Under Construction", + }, + { href: "/main-pages-404", text: "Error 404" }, + ], + }, + ], + }, + { + title: "Elements", + subMenu: [ + { + links: [ + { + href: "/main-elements-accordions", + icon: "mi-circle-add", + text: "Accordions", + }, + { + href: "/main-elements-alert-messages", + icon: "mi-circle-information", + text: "Alert Messages", + }, + { + href: "/main-elements-animation", + icon: "mi-play", + text: "Animation", + }, + { + href: "/main-elements-bars", + icon: "mi-bar-chart", + text: "Bars (Progress)", + }, + { href: "/main-elements-buttons", icon: "mi-link", text: "Buttons" }, + { + href: "/main-elements-cookie-banner", + icon: "mi-flag", + text: "Cookie Banner", + }, + { + href: "/main-elements-features", + icon: "mi-grid", + text: "Feature Boxes", + }, + { + href: "/main-elements-forms", + icon: "mi-three-rows", + text: "Form Fields", + }, + { href: "/main-elements-grid", icon: "mi-layout", text: "Grid" }, + { + href: "/main-elements-icons-brands", + icon: "mi-circle", + text: "Icons Brands", + }, + { + href: "/main-elements-icons-iconmonstr", + icon: "mi-favorite", + text: "Icons Iconmonstr", + }, + { + href: "/main-elements-icons-Ionicons", + icon: "mi-heart", + text: "Icons Ionicons", + }, + { + href: "/main-elements-icons-monoicons", + icon: "mi-sun", + text: "Icons Monoicons", + }, + ], + }, + { + links: [ + { + href: "/main-elements-images-lazyload", + icon: "mi-image", + text: "Images Lazyload", + }, + { + href: "/main-elements-lightbox", + icon: "mi-window", + text: "Lightbox", + }, + { + href: "/main-elements-sliders", + icon: "mi-circle-arrow-right", + text: "Sliders", + }, + { + href: "/main-elements-sliders-lazyload", + icon: "mi-circle-arrow-right", + text: "Sliders Lazyload", + }, + { href: "/main-elements-tabs", icon: "mi-two-columns", text: "Tabs" }, + { + href: "/main-elements-tooltips", + icon: "mi-message", + text: "Tooltips", + }, + { + href: "/main-elements-typography", + icon: "mi-text", + text: "Typography", + }, + { + href: "/main-elements-video-sound", + icon: "mi-webcam", + text: "Video / Sound", + }, + { + href: "/main-elements-header-dark-light", + icon: "mi-book", + text: "Header Dark", + }, + { + href: "/main-elements-header-dark-transparent", + icon: "mi-book", + text: "Header Dark Transp", + }, + { + href: "/main-elements-header-white", + icon: "mi-book", + text: "Header White", + }, + { + href: "/main-elements-header-white-transparent", + icon: "mi-book", + text: "Header White Transp", + }, + { + href: "/main-elements-header-white-after-scroll", + icon: "mi-book", + text: "Header Scroll-White", + }, + ], + }, + ], + }, + { + title: "Portfolio", + subItems: [ + { + title: "Boxed", + links: [ + { href: "/main-portfolio-boxed-2col", label: "2 Columns" }, + { href: "/main-portfolio-boxed-3col", label: "3 Columns" }, + { href: "/main-portfolio-boxed-4col", label: "4 Columns" }, + ], + }, + { + title: "Wide", + links: [ + { href: "/main-portfolio-wide-2col", label: "2 Columns" }, + { href: "/main-portfolio-wide-3col", label: "3 Columns" }, + { href: "/main-portfolio-wide-4col", label: "4 Columns" }, + ], + }, + { + title: "Masonry", + links: [ + { href: "/main-portfolio-masonry-2col", label: "2 Columns" }, + { href: "/main-portfolio-masonry-3col", label: "3 Columns" }, + { href: "/main-portfolio-masonry-4col", label: "4 Columns" }, + ], + }, + { + title: "Single", + links: [ + { href: "/main-portfolio-single-1/1", label: "Single 1" }, + { href: "/main-portfolio-single-2/1", label: "Single 2" }, + { href: "/main-portfolio-single-3/1", label: "Single 3" }, + ], + }, + ], + }, + { + title: "Blog", + subItems: [ + { + title: "Classic", + links: [ + { href: "/main-blog-classic-sidebar-left", label: "Sidebar Left" }, + { href: "/main-blog-classic-sidebar-right", label: "Sidebar Right" }, + { href: "/main-blog-classic-fullwidth", label: "Fullwidth" }, + ], + }, + { + title: "Columns", + links: [ + { href: "/main-blog-columns-2col", label: "2 Columns" }, + { href: "/main-blog-columns-3col", label: "3 Columns" }, + ], + }, + { + title: "Single", + links: [ + { href: "/main-blog-single-sidebar-left/1", label: "Sidebar Left" }, + { href: "/main-blog-single-sidebar-right/1", label: "Sidebar Right" }, + { href: "/main-blog-single-fullwidth/1", label: "Fullwidth" }, + ], + }, + ], + }, +]; + +export const menuItemsDark = [ + { + title: "Home", + subMenu: [ + { + title: "Multi Page", + links: [ + { href: "/main-multi-page-dark", text: "Main Demo" }, + { href: "/main-multi-page-typed-text-dark", text: "Typed Text" }, + { + href: "/main-multi-page-image-parallax-dark", + text: "Image Parallax", + }, + { + href: "/main-multi-page-slider-fullscreen-dark", + text: "Slider Fullscreen", + }, + { + href: "/main-multi-page-slider-background-dark", + text: "Slider Background", + }, + { href: "/main-multi-page-bg-video-dark", text: "BG Video HTML5" }, + { + href: "/main-multi-page-bg-video-youtube-dark", + text: "BG Video Youtube", + }, + { href: "/main-multi-page-dark-dark", text: "Dark Version" }, + ], + }, + { + title: "One Page", + links: [ + { href: "/main-one-page-dark", text: "Main Demo" }, + { href: "/main-one-page-typed-text-dark", text: "Typed Text" }, + { + href: "/main-one-page-image-parallax-dark", + text: "Image Parallax", + }, + { + href: "/main-one-page-slider-fullscreen-dark", + text: "Slider Fullscreen", + }, + { + href: "/main-one-page-slider-background-dark", + text: "Slider Background", + }, + { href: "/main-one-page-bg-video-dark", text: "BG Video HTML5" }, + { + href: "/main-one-page-bg-video-youtube-dark", + text: "BG Video Youtube", + }, + { href: "/main-one-page-dark", text: "Dark Version" }, + ], + }, + ], + }, + { + title: "Pages", + subMenu: [ + { + title: "Group 1", + links: [ + { href: "/main-pages-about-1-dark", text: "About Us 1" }, + { href: "/main-pages-about-2-dark", text: "About Us 2" }, + { href: "/main-pages-about-3-dark", text: "About Us 3" }, + { href: "/main-pages-services-1-dark", text: "Services 1" }, + { href: "/main-pages-services-2-dark", text: "Services 2" }, + { href: "/main-pages-services-3-dark", text: "Services 3" }, + { href: "/main-pages-clients-dark", text: "Clients" }, + ], + }, + { + title: "Group 2", + links: [ + { href: "/main-pages-team-dark", text: "Team" }, + { href: "/main-pages-faq-1-dark", text: "FAQ 1" }, + { href: "/main-pages-faq-2-dark", text: "FAQ 2" }, + { href: "/main-pages-pricing-1-dark", text: "Pricing 1" }, + { href: "/main-pages-pricing-2-dark", text: "Pricing 2" }, + { href: "/main-pages-contact-1-dark", text: "Contact 1" }, + { href: "/main-pages-contact-2-dark", text: "Contact 2" }, + ], + }, + { + title: "Group 3", + links: [ + { href: "/main-pages-gallery-1col-dark", text: "Gallery Col 1" }, + { href: "/main-pages-gallery-2col-dark", text: "Gallery Col 2" }, + { href: "/main-pages-gallery-3col-dark", text: "Gallery Col 3" }, + { href: "/main-pages-gallery-4col-dark", text: "Gallery Col 4" }, + { href: "/main-pages-account-dark", text: "Login / Register" }, + { + href: "/main-pages-under-construction", + text: "Under Construction", + }, + { href: "/main-pages-404", text: "Error 404" }, + ], + }, + ], + }, + { + title: "Elements", + subMenu: [ + { + links: [ + { + href: "/main-elements-accordions-dark", + icon: "mi-circle-add", + text: "Accordions", + }, + { + href: "/main-elements-alert-messages-dark", + icon: "mi-circle-information", + text: "Alert Messages", + }, + { + href: "/main-elements-animation-dark", + icon: "mi-play", + text: "Animation", + }, + { + href: "/main-elements-bars-dark", + icon: "mi-bar-chart", + text: "Bars (Progress)", + }, + { + href: "/main-elements-buttons-dark", + icon: "mi-link", + text: "Buttons", + }, + { + href: "/main-elements-cookie-banner-dark", + icon: "mi-flag", + text: "Cookie Banner", + }, + { + href: "/main-elements-features-dark", + icon: "mi-grid", + text: "Feature Boxes", + }, + { + href: "/main-elements-forms-dark", + icon: "mi-three-rows", + text: "Form Fields", + }, + { + href: "/main-elements-grid-dark", + icon: "mi-layout", + text: "Grid", + }, + { + href: "/main-elements-icons-brands-dark", + icon: "mi-circle", + text: "Icons Brands", + }, + { + href: "/main-elements-icons-iconmonstr-dark", + icon: "mi-favorite", + text: "Icons Iconmonstr", + }, + { + href: "/main-elements-icons-Ionicons-dark", + icon: "mi-heart", + text: "Icons Ionicons", + }, + { + href: "/main-elements-icons-monoicons-dark", + icon: "mi-sun", + text: "Icons Monoicons", + }, + ], + }, + { + links: [ + { + href: "/main-elements-images-lazyload-dark", + icon: "mi-image", + text: "Images Lazyload", + }, + { + href: "/main-elements-lightbox-dark", + icon: "mi-window", + text: "Lightbox", + }, + { + href: "/main-elements-sliders-dark", + icon: "mi-circle-arrow-right", + text: "Sliders", + }, + { + href: "/main-elements-sliders-lazyload-dark", + icon: "mi-circle-arrow-right", + text: "Sliders Lazyload", + }, + { + href: "/main-elements-tabs-dark", + icon: "mi-two-columns", + text: "Tabs", + }, + { + href: "/main-elements-tooltips-dark", + icon: "mi-message", + text: "Tooltips", + }, + { + href: "/main-elements-typography-dark", + icon: "mi-text", + text: "Typography", + }, + { + href: "/main-elements-video-sound-dark", + icon: "mi-webcam", + text: "Video / Sound", + }, + { + href: "/main-elements-header-dark", + icon: "mi-book", + text: "Header Dark", + }, + { + href: "/main-elements-header-dark-transparent-dark", + icon: "mi-book", + text: "Header Dark Transp", + }, + + { + href: "/main-elements-header-white-after-scroll-dark", + icon: "mi-book", + text: "Header Scroll-White", + }, + ], + }, + ], + }, + { + title: "Portfolio", + subItems: [ + { + title: "Boxed", + links: [ + { href: "/main-portfolio-boxed-2col-dark", label: "2 Columns" }, + { href: "/main-portfolio-boxed-3col-dark", label: "3 Columns" }, + { href: "/main-portfolio-boxed-4col-dark", label: "4 Columns" }, + ], + }, + { + title: "Wide", + links: [ + { href: "/main-portfolio-wide-2col-dark", label: "2 Columns" }, + { href: "/main-portfolio-wide-3col-dark", label: "3 Columns" }, + { href: "/main-portfolio-wide-4col-dark", label: "4 Columns" }, + ], + }, + { + title: "Masonry", + links: [ + { href: "/main-portfolio-masonry-2col-dark", label: "2 Columns" }, + { href: "/main-portfolio-masonry-3col-dark", label: "3 Columns" }, + { href: "/main-portfolio-masonry-4col-dark", label: "4 Columns" }, + ], + }, + { + title: "Single", + links: [ + { href: "/main-portfolio-single-1-dark/1", label: "Single 1" }, + { href: "/main-portfolio-single-2-dark/1", label: "Single 2" }, + { href: "/main-portfolio-single-3-dark/1", label: "Single 3" }, + ], + }, + ], + }, + { + title: "Blog", + subItems: [ + { + title: "Classic", + links: [ + { + href: "/main-blog-classic-sidebar-left-dark", + label: "Sidebar Left", + }, + { + href: "/main-blog-classic-sidebar-right-dark", + label: "Sidebar Right", + }, + { href: "/main-blog-classic-fullwidth-dark", label: "Fullwidth" }, + ], + }, + { + title: "Columns", + links: [ + { href: "/main-blog-columns-2col-dark", label: "2 Columns" }, + { href: "/main-blog-columns-3col-dark", label: "3 Columns" }, + ], + }, + { + title: "Single", + links: [ + { + href: "/main-blog-single-sidebar-left-dark/1", + label: "Sidebar Left", + }, + { + href: "/main-blog-single-sidebar-right-dark/1", + label: "Sidebar Right", + }, + { href: "/main-blog-single-fullwidth-dark/1", label: "Fullwidth" }, + ], + }, + ], + }, +]; + +export const allHomes = [ + { + title: "Main", + links: [ + { + title: "Main Demo", + links: [ + { href: "/main-one-page", text: "One Page" }, + { href: "/main-one-page-dark", text: "One Page Dark" }, + { href: "/main-multi-page", text: "Multi Page" }, + { href: "/main-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Typed Text", + links: [ + { href: "/main-one-page-typed-text", text: "One Page" }, + { href: "/main-one-page-typed-text-dark", text: "One Page Dark" }, + { href: "/main-multi-page-typed-text", text: "Multi Page" }, + { href: "/main-multi-page-typed-text-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Image Parallax", + links: [ + { href: "/main-one-page-image-parallax", text: "One Page" }, + { href: "/main-one-page-image-parallax-dark", text: "One Page Dark" }, + { href: "/main-multi-page-image-parallax", text: "Multi Page" }, + { + href: "/main-multi-page-image-parallax-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Slider Fullscreen", + links: [ + { href: "/main-one-page-slider-fullscreen", text: "One Page" }, + { + href: "/main-one-page-slider-fullscreen-dark", + text: "One Page Dark", + }, + { href: "/main-multi-page-slider-fullscreen", text: "Multi Page" }, + { + href: "/main-multi-page-slider-fullscreen-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Slider Background", + links: [ + { href: "/main-one-page-slider-background", text: "One Page" }, + { + href: "/main-one-page-slider-background-dark", + text: "One Page Dark", + }, + { href: "/main-multi-page-slider-background", text: "Multi Page" }, + { + href: "/main-multi-page-slider-background-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video HTML5", + links: [ + { href: "/main-one-page-bg-video", text: "One Page" }, + { href: "/main-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/main-multi-page-bg-video", text: "Multi Page" }, + { href: "/main-multi-page-bg-video-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "BG Video Youtube", + links: [ + { href: "/main-one-page-bg-video-youtube", text: "One Page" }, + { + href: "/main-one-page-bg-video-youtube-dark", + text: "One Page Dark", + }, + { href: "/main-multi-page-bg-video-youtube", text: "Multi Page" }, + { + href: "/main-multi-page-bg-video-youtube-dark", + text: "Multi Page Dark", + }, + ], + }, + ], + }, + { + title: "Bold", + links: [ + { + title: "Main Demo", + links: [ + { href: "/bold-one-page", text: "One Page" }, + { href: "/bold-one-page-dark", text: "One Page Dark" }, + { href: "/bold-multi-page", text: "Multi Page" }, + { href: "/bold-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Typed Text", + links: [ + { href: "/bold-one-page-typed-text", text: "One Page" }, + { href: "/bold-one-page-typed-text-dark", text: "One Page Dark" }, + { href: "/bold-multi-page-typed-text", text: "Multi Page" }, + { href: "/bold-multi-page-typed-text-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/bold-one-page-bg-video", text: "One Page" }, + { href: "/bold-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/bold-multi-page-bg-video", text: "Multi Page" }, + { href: "/bold-multi-page-bg-video-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, + { + title: "Brutalist", + links: [ + { + title: "Main Demo", + links: [ + { href: "/brutalist-one-page", text: "One Page" }, + { href: "/brutalist-one-page-dark", text: "One Page Dark" }, + { href: "/brutalist-multi-page", text: "Multi Page" }, + { href: "/brutalist-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/brutalist-one-page-bg-video", text: "One Page" }, + { href: "/brutalist-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/brutalist-multi-page-bg-video", text: "Multi Page" }, + { + href: "/brutalist-multi-page-bg-video-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video Youtube", + links: [ + { href: "/brutalist-one-page-bg-video-youtube", text: "One Page" }, + { + href: "/brutalist-one-page-bg-video-youtube-dark", + text: "One Page Dark", + }, + { + href: "/brutalist-multi-page-bg-video-youtube", + text: "Multi Page", + }, + { + href: "/brutalist-multi-page-bg-video-youtube-dark", + text: "Multi Page Dark", + }, + ], + }, + ], + }, + { + title: "Corporate", + links: [ + { + title: "Main Demo", + links: [ + { href: "/corporate-one-page", text: "One Page" }, + { href: "/corporate-one-page-dark", text: "One Page Dark" }, + { href: "/corporate-multi-page", text: "Multi Page" }, + { href: "/corporate-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Image Parallax", + links: [ + { href: "/corporate-one-page-image-parallax", text: "One Page" }, + { + href: "/corporate-one-page-image-parallax-dark", + text: "One Page Dark", + }, + { href: "/corporate-multi-page-image-parallax", text: "Multi Page" }, + { + href: "/corporate-multi-page-image-parallax-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/corporate-one-page-bg-video", text: "One Page" }, + { href: "/corporate-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/corporate-multi-page-bg-video", text: "Multi Page" }, + { + href: "/corporate-multi-page-bg-video-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Split Screen", + links: [ + { href: "/corporate-one-page-split", text: "One Page" }, + { href: "/corporate-one-page-split-dark", text: "One Page Dark" }, + { href: "/corporate-multi-page-split", text: "Multi Page" }, + { href: "/corporate-multi-page-split-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, + { + title: "Elegant", + links: [ + { + title: "Main Demo", + links: [ + { href: "/elegant-one-page", text: "One Page" }, + { href: "/elegant-one-page-dark", text: "One Page Dark" }, + { href: "/elegant-multi-page", text: "Multi Page" }, + { href: "/elegant-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/elegant-one-page-bg-video", text: "One Page" }, + { href: "/elegant-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/elegant-multi-page-bg-video", text: "Multi Page" }, + { + href: "/elegant-multi-page-bg-video-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Split Screen", + links: [ + { href: "/elegant-one-page-split", text: "One Page" }, + { href: "/elegant-one-page-split-dark", text: "One Page Dark" }, + { href: "/elegant-multi-page-split", text: "Multi Page" }, + { href: "/elegant-multi-page-split-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, + { + title: "Fancy", + links: [ + { + title: "Main Demo", + links: [ + { href: "/fancy-one-page", text: "One Page" }, + { href: "/fancy-one-page-dark", text: "One Page Dark" }, + { href: "/fancy-multi-page", text: "Multi Page" }, + { href: "/fancy-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Image Parallax", + links: [ + { href: "/fancy-one-page-image-parallax", text: "One Page" }, + { + href: "/fancy-one-page-image-parallax-dark", + text: "One Page Dark", + }, + { href: "/fancy-multi-page-image-parallax", text: "Multi Page" }, + { + href: "/fancy-multi-page-image-parallax-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/fancy-one-page-bg-video", text: "One Page" }, + { href: "/fancy-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/fancy-multi-page-bg-video", text: "Multi Page" }, + { href: "/fancy-multi-page-bg-video-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, + { + title: "Gradient", + links: [ + { + title: "Main Demo", + links: [ + { href: "/gradient-one-page", text: "One Page" }, + { href: "/gradient-one-page-dark", text: "One Page Dark" }, + { href: "/gradient-multi-page", text: "Multi Page" }, + { href: "/gradient-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Image Parallax 1", + links: [ + { href: "/gradient-one-page-image-parallax-1", text: "One Page" }, + { + href: "/gradient-one-page-image-parallax-1-dark", + text: "One Page Dark", + }, + { href: "/gradient-multi-page-image-parallax-1", text: "Multi Page" }, + { + href: "/gradient-multi-page-image-parallax-1-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Image Parallax 2", + links: [ + { href: "/gradient-one-page-image-parallax-2", text: "One Page" }, + { + href: "/gradient-one-page-image-parallax-2-dark", + text: "One Page Dark", + }, + { href: "/gradient-multi-page-image-parallax-2", text: "Multi Page" }, + { + href: "/gradient-multi-page-image-parallax-2-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/gradient-one-page-bg-video", text: "One Page" }, + { href: "/gradient-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/gradient-multi-page-bg-video", text: "Multi Page" }, + { + href: "/gradient-multi-page-bg-video-dark", + text: "Multi Page Dark", + }, + ], + }, + ], + }, + { + title: "Modern", + links: [ + { + title: "Main Demo", + links: [ + { href: "/modern-one-page", text: "One Page" }, + { href: "/modern-one-page-dark", text: "One Page Dark" }, + { href: "/modern-multi-page", text: "Multi Page" }, + { href: "/modern-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Image Parallax 1", + links: [ + { href: "/modern-one-page-image-parallax-1", text: "One Page" }, + { + href: "/modern-one-page-image-parallax-1-dark", + text: "One Page Dark", + }, + { href: "/modern-multi-page-image-parallax-1", text: "Multi Page" }, + { + href: "/modern-multi-page-image-parallax-1-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Image Parallax 2", + links: [ + { href: "/modern-one-page-image-parallax-2", text: "One Page" }, + { + href: "/modern-one-page-image-parallax-2-dark", + text: "One Page Dark", + }, + { href: "/modern-multi-page-image-parallax-2", text: "Multi Page" }, + { + href: "/modern-multi-page-image-parallax-2-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "Typed Text", + links: [ + { href: "/modern-one-page-typed-text", text: "One Page" }, + { href: "/modern-one-page-typed-text-dark", text: "One Page Dark" }, + { href: "/modern-multi-page-typed-text", text: "Multi Page" }, + { + href: "/modern-multi-page-typed-text-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/modern-one-page-bg-video", text: "One Page" }, + { href: "/modern-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/modern-multi-page-bg-video", text: "Multi Page" }, + { href: "/modern-multi-page-bg-video-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, + { + title: "Slick", + links: [ + { + title: "Main Demo", + links: [ + { href: "/slick-one-page", text: "One Page" }, + { href: "/slick-one-page-dark", text: "One Page Dark" }, + { href: "/slick-multi-page", text: "Multi Page" }, + { href: "/slick-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Split Screen", + links: [ + { href: "/slick-one-page-split", text: "One Page" }, + { href: "/slick-one-page-split-dark", text: "One Page Dark" }, + { href: "/slick-multi-page-split", text: "Multi Page" }, + { href: "/slick-multi-page-split-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, + { + title: "Strong", + links: [ + { + title: "Main Demo", + links: [ + { href: "/strong-one-page", text: "One Page" }, + { href: "/strong-one-page-dark", text: "One Page Dark" }, + { href: "/strong-multi-page", text: "Multi Page" }, + { href: "/strong-multi-page-dark", text: "Multi Page Dark" }, + ], + }, + { + title: "Image Parallax", + links: [ + { href: "/strong-one-page-image-parallax", text: "One Page" }, + { + href: "/strong-one-page-image-parallax-dark", + text: "One Page Dark", + }, + { href: "/strong-multi-page-image-parallax", text: "Multi Page" }, + { + href: "/strong-multi-page-image-parallax-dark", + text: "Multi Page Dark", + }, + ], + }, + { + title: "BG Video", + links: [ + { href: "/strong-one-page-bg-video", text: "One Page" }, + { href: "/strong-one-page-bg-video-dark", text: "One Page Dark" }, + { href: "/strong-multi-page-bg-video", text: "Multi Page" }, + { href: "/strong-multi-page-bg-video-dark", text: "Multi Page Dark" }, + ], + }, + ], + }, +]; diff --git a/src/app/data/portfolio.ts b/src/data/portfolio.ts similarity index 100% rename from src/app/data/portfolio.ts rename to src/data/portfolio.ts diff --git a/src/app/data/services.ts b/src/data/services.ts similarity index 100% rename from src/app/data/services.ts rename to src/data/services.ts diff --git a/src/app/data/testimonials.ts b/src/data/testimonials.ts similarity index 100% rename from src/app/data/testimonials.ts rename to src/data/testimonials.ts