From 2ce13271d8302c94841a590e3afbde6647875945 Mon Sep 17 00:00:00 2001 From: dev-chiefworks Date: Wed, 10 Jan 2024 11:05:21 -0500 Subject: [PATCH] first commit --- .gitignore | 35 + README.md | 34 + app/(about)/about-cs/page.jsx | 236 + app/(about)/about-doc/page.jsx | 263 + app/(about)/about-eo/page.jsx | 226 + app/(about)/about-pm/page.jsx | 276 + app/(blogs)/blog-v1/page.jsx | 93 + app/(blogs)/blog-v2/page.jsx | 119 + app/(blogs)/blog-v3/page.jsx | 142 + app/(blogs)/blog-v4/page.jsx | 152 + app/(blogs)/blog-v5/page.jsx | 83 + app/(blogs)/blog-v6/page.jsx | 145 + app/(blogs)/blogs/[id]/page.jsx | 260 + app/(contact)/contact-cs/page.jsx | 113 + app/(contact)/contact-doc/page.jsx | 108 + app/(contact)/contact-eo/page.jsx | 100 + app/(contact)/contact-pm/page.jsx | 87 + app/(docs)/changelog/page.jsx | 62 + app/(docs)/doc-box-with-banner/page.jsx | 332 + app/(docs)/doc-box/page.jsx | 309 + app/(docs)/doc-full-width-banner/page.jsx | 340 + app/(docs)/doc-full-width/page.jsx | 316 + app/(faqs)/faq/page.jsx | 170 + app/(faqs)/faqs/[id]/page.jsx | 172 + app/(homes)/appointment-scheduling/page.jsx | 417 + app/(homes)/coming-soon/page.jsx | 120 + app/(homes)/customer-support/page.jsx | 526 + app/(homes)/doc-landing/page.jsx | 411 + app/(homes)/doc-signature/page.jsx | 321 + app/(homes)/e-commerce/page.jsx | 236 + app/(homes)/form-survey-landing/page.jsx | 247 + app/(homes)/mobile-app-landing/page.jsx | 517 + app/(homes)/note-taking-landing/page.jsx | 410 + app/(homes)/product-landing-dark/page.jsx | 326 + app/(homes)/product-landing/page.jsx | 281 + app/(homes)/project-management/page.jsx | 583 + app/(homes)/video-editor-landing/page.jsx | 212 + app/(homes)/vr-landing/page.jsx | 265 + app/(homes)/website-builder/page.jsx | 200 + .../features-customer-support/page.jsx | 198 + app/(others)/login/page.jsx | 85 + app/(others)/not-found/page.jsx | 65 + .../product-customer-support/page.jsx | 340 + app/(others)/signup/page.jsx | 81 + app/(others)/solution-management/page.jsx | 208 + app/(others)/terms-conditions/page.jsx | 51 + app/(portfolio)/classic-style/page.jsx | 76 + app/(portfolio)/gallery-slider/page.jsx | 74 + app/(portfolio)/grid-single/page.jsx | 84 + app/(portfolio)/grid-three-col/page.jsx | 83 + app/(portfolio)/grid-two-col/page.jsx | 78 + app/(portfolio)/portfolio-details-v1/page.jsx | 162 + app/(portfolio)/portfolios/[id]/page.jsx | 164 + app/(pricing)/pricing-cs/page.jsx | 264 + app/(pricing)/pricing-eo/page.jsx | 145 + app/(pricing)/pricing-pm/page.jsx | 229 + app/(products)/cart/page.jsx | 42 + app/(products)/checkout/page.jsx | 53 + app/(products)/products/[id]/page.jsx | 112 + app/(services)/service-v1/page.jsx | 214 + app/(services)/service-v2/page.jsx | 159 + app/(services)/service-v3/page.jsx | 206 + app/(services)/service-v4/page.jsx | 153 + app/(services)/services/[id]/page.jsx | 235 + app/(teams)/team-1/page.jsx | 122 + app/(teams)/team-2/page.jsx | 121 + app/(teams)/team-3/page.jsx | 127 + app/(teams)/team-4/page.jsx | 130 + app/(teams)/team-5/page.jsx | 129 + app/(teams)/team-6/page.jsx | 130 + app/(teams)/team-details-v2/[id]/page.jsx | 99 + app/(teams)/teams/[id]/page.jsx | 100 + app/favicon.ico | Bin 0 -> 13054 bytes app/layout.js | 30 + app/not-found.jsx | 65 + app/page.jsx | 357 + components/ScrollToTop.jsx | 47 + components/ScrollTopBehaviour.jsx | 15 + components/about/About.jsx | 38 + components/about/AboutFive.jsx | 53 + components/about/AboutFour.jsx | 48 + components/about/AboutThree.jsx | 68 + components/about/AboutTwo.jsx | 53 + components/block-slider/AboutTabs.jsx | 60 + components/block-slider/DocAsTabs.jsx | 70 + components/block-slider/DocEditorTabs.jsx | 126 + components/block-slider/DocSlickAsNav.jsx | 84 + components/block-slider/DocSlickAsNavTwo.jsx | 104 + components/blog/BlogSidebar.jsx | 87 + components/blog/BlogSidebarClassic.jsx | 87 + components/blog/BlogStyle1.jsx | 45 + components/blog/BlogStyle2.jsx | 38 + components/blog/BlogStyle3.jsx | 41 + components/blog/BlogStyle4.jsx | 44 + components/blog/BlogStyle5.jsx | 38 + components/blog/BlogStyle6.jsx | 45 + components/brand/Brand.jsx | 87 + components/brand/BrandFive.jsx | 81 + components/brand/BrandFour.jsx | 85 + components/brand/BrandSeven.jsx | 23 + components/brand/BrandSix.jsx | 57 + components/brand/BrandThree.jsx | 29 + components/brand/BrandTwo.jsx | 82 + components/call-to-action/CallToAction.jsx | 28 + .../call-to-action/CallToActionFive.jsx | 37 + .../call-to-action/CallToActionFour.jsx | 30 + .../call-to-action/CallToActionSeven.jsx | 69 + components/call-to-action/CallToActionSix.jsx | 24 + .../call-to-action/CallToActionThree.jsx | 42 + components/call-to-action/CallToActionTwo.jsx | 40 + components/contact/address/ContactAddress.jsx | 75 + .../contact/address/ContactAddressTwo.jsx | 75 + components/contact/form/ContactForm.jsx | 118 + components/contact/form/LoginForm.jsx | 104 + components/contact/form/SignUpForm.jsx | 185 + components/counter/CounterFive.jsx | 84 + components/counter/CounterFiveColored.jsx | 82 + components/counter/CounterFour.jsx | 78 + components/counter/CounterOne.jsx | 77 + components/counter/CounterSix.jsx | 82 + components/counter/CounterThree.jsx | 77 + components/counter/CounterThreeColored.jsx | 77 + components/counter/CounterTwo.jsx | 78 + components/docs/DocScrollNav.jsx | 49 + components/docs/DocScrollNavTwo.jsx | 48 + components/docs/DocSidebar.jsx | 50 + components/docs/DocSidebarContent.jsx | 191 + components/docs/DocSidebarThree.jsx | 49 + components/e-commerce/BestSelling.jsx | 86 + components/e-commerce/CallToAction.jsx | 50 + components/e-commerce/CartDropdown.jsx | 62 + components/e-commerce/Categorie.jsx | 55 + components/e-commerce/FancyBlock.jsx | 58 + components/e-commerce/FlashSaleBanner.jsx | 25 + components/e-commerce/GalleryBox.jsx | 58 + components/e-commerce/Header.jsx | 115 + components/e-commerce/Hero.jsx | 50 + components/e-commerce/Sidebar.jsx | 23 + components/e-commerce/TopItem.jsx | 87 + components/e-commerce/cart/CartProduct.jsx | 107 + components/e-commerce/cart/CartTotal.jsx | 32 + components/e-commerce/cart/Coupon.jsx | 27 + .../e-commerce/checkout/BillingDetails.jsx | 106 + components/e-commerce/checkout/CreditCard.jsx | 26 + components/e-commerce/checkout/LogIn.jsx | 46 + .../e-commerce/checkout/OrderDetails.jsx | 46 + components/e-commerce/checkout/Payment.jsx | 76 + components/e-commerce/checkout/PromoCode.jsx | 34 + .../e-commerce/product-details/BreadCrumb.jsx | 23 + .../e-commerce/product-details/Colors.jsx | 47 + .../product-details/ProductFratureBlock.jsx | 67 + .../product-details/ProductGallery.jsx | 135 + .../product-details/ProductGalleryContent.jsx | 93 + .../product-details/ProductTabContent.jsx | 151 + .../e-commerce/product-details/Quantity.jsx | 88 + .../product-details/RelatedProducts.jsx | 86 + .../e-commerce/product-details/Size.jsx | 46 + .../product-details/SocialShare.jsx | 42 + components/fancy-features/FancyBanner.jsx | 81 + components/fancy-features/FancyFeature.jsx | 70 + .../fancy-features/FancyFeaturesTwo.jsx | 82 + .../fancy-features/FancyShortBanner.jsx | 74 + components/fancy-features/FancybBannerTen.jsx | 87 + components/fancy-text-block/BlockMetaData.jsx | 55 + .../fancy-text-block/FancyTextBlock21.jsx | 64 + .../fancy-text-block/FancyTextBlock22.jsx | 66 + .../fancy-text-block/FancyTextBlock29.jsx | 137 + .../fancy-text-block/FancyTextBlockTen.jsx | 87 + .../fancy-text-block/FancyTextBlockThree.jsx | 115 + components/faq/Faq.jsx | 59 + components/faq/FaqClassic.jsx | 122 + components/faq/FaqClassicThree.jsx | 77 + components/faq/FaqClassicTwo.jsx | 67 + components/faq/FaqFour.jsx | 82 + components/faq/FaqThree.jsx | 87 + components/features/FancyFeatureEight.jsx | 51 + components/features/FancyFeatureEleven.jsx | 117 + components/features/FancyFeatureNinteen.jsx | 87 + components/features/FancyFeatureSeven.jsx | 50 + components/features/FancyFeatureSeventeen.jsx | 65 + components/features/FancyFeatureTen.jsx | 63 + .../features/FancyFeatureTewentyEight.jsx | 51 + .../features/FancyFeatureTewentyFour.jsx | 219 + .../features/FancyFeatureTewentyNine.jsx | 153 + .../features/FancyFeatureTewentySeven.jsx | 54 + .../features/FancyFeatureTewentySix.jsx | 54 + .../features/FancyFeatureTewentyThree.jsx | 63 + .../features/FancyFeatureTewentyTwo.jsx | 51 + .../features/FancyFeatureThirtyFive.jsx | 34 + .../features/FancyFeatureThirtyFour.jsx | 38 + components/features/FancyFeatureThirtyOne.jsx | 48 + .../features/FancyFeatureThirtyThree.jsx | 50 + components/features/FancyFeatureThirtyTwo.jsx | 74 + components/features/FancyFeatureTwelve.jsx | 47 + .../features/FancyFeatureTwentyEightV2.jsx | 49 + components/features/FeatureFive.jsx | 56 + components/features/FeatureFour.jsx | 52 + components/features/FeatureNine.jsx | 48 + components/features/FeatureSix.jsx | 68 + components/features/FeatureSixV2.jsx | 33 + components/features/FeatureThree.jsx | 48 + components/features/FeaturesEight.jsx | 44 + components/footer/CopyRight.jsx | 34 + components/footer/CopyRightFour.jsx | 54 + components/footer/CopyRightThree.jsx | 71 + components/footer/CopyRightTwo.jsx | 27 + components/footer/Footer.jsx | 94 + components/footer/FooterEight.jsx | 99 + components/footer/FooterFive.jsx | 62 + components/footer/FooterFour.jsx | 146 + components/footer/FooterSeven.jsx | 100 + components/footer/FooterSix.jsx | 59 + components/footer/FooterThree.jsx | 127 + components/footer/FooterTwo.jsx | 152 + components/form-survey-landing/Blog.jsx | 44 + .../form-survey-landing/CallToAction.jsx | 35 + components/form-survey-landing/Features.jsx | 55 + .../form-survey-landing/FeaturesAbout.jsx | 39 + components/form-survey-landing/Footer.jsx | 56 + .../HeaderLandingFormSurvey.jsx | 255 + .../HeroBannerThirteen.jsx | 54 + components/form-survey-landing/HowWorks.jsx | 70 + components/form-survey-landing/Portfolio.jsx | 91 + components/form-survey-landing/Pricing.jsx | 100 + components/form-survey-landing/Social.jsx | 28 + .../form-survey-landing/Testimonial.jsx | 69 + components/form/BlogDetailsForm.jsx | 88 + components/form/BlogSidebarForm.jsx | 21 + components/form/BlogSidebarForm2.jsx | 21 + components/form/CartForm.jsx | 45 + components/form/CheckoutForm.jsx | 33 + components/form/CommingSoonForm.jsx | 18 + components/form/DocFormTwo.jsx | 21 + components/form/FaqForm.jsx | 23 + components/form/FormAppoint.jsx | 21 + components/form/FormDemo.jsx | 18 + components/form/FormDoc.jsx | 32 + components/form/FormEvent.jsx | 18 + components/form/FormFooterSignup.jsx | 18 + components/form/FormProjectManagement.jsx | 22 + components/form/HeaderPopupForm.jsx | 98 + components/header/Header.jsx | 90 + components/header/HeaderFive.jsx | 90 + components/header/HeaderFour.jsx | 95 + components/header/HeaderThree.jsx | 98 + components/header/HeaderTwo.jsx | 109 + components/header/MobileMenu.jsx | 460 + components/header/MobileMenuTwo.jsx | 475 + components/header/landing/HeaderLanding.jsx | 240 + .../landing/HeaderLandingAppointment.jsx | 183 + .../header/landing/HeaderLandingDark.jsx | 237 + .../landing/HeaderLandingDocSignature.jsx | 237 + .../header/landing/HeaderLandingEditor.jsx | 189 + .../header/landing/HeaderLandingMobileApp.jsx | 217 + .../landing/HeaderLandingNoteTaking.jsx | 240 + .../landing/HeaderLandingWebsiteBuilder.jsx | 196 + components/header/mega-menu/MegaMenu.jsx | 552 + .../header/mega-menu/MegaMenuLanding.jsx | 158 + .../header/mega-menu/MegaMenuMobile.jsx | 327 + components/header/mega-menu/MenuLink.jsx | 24 + components/header/mega-menu/MenuLinkTwo.jsx | 21 + components/hero-banner/HeroBannerEight.jsx | 72 + components/hero-banner/HeroBannerEleven.jsx | 64 + components/hero-banner/HeroBannerFive.jsx | 198 + components/hero-banner/HeroBannerFour.jsx | 109 + components/hero-banner/HeroBannerNine.jsx | 57 + components/hero-banner/HeroBannerSeven.jsx | 51 + components/hero-banner/HeroBannerSix.jsx | 72 + components/hero-banner/HeroBannerThree.jsx | 86 + components/hero-banner/HeroBannerTwelve.jsx | 96 + components/hero-banner/HeroBannerTwo.jsx | 101 + components/portfolio/MobileAppPortfolio.jsx | 62 + .../portfolio/MobileAppScreenSlider.jsx | 61 + components/portfolio/Portfolio.jsx | 55 + components/portfolio/PortfolioFive.jsx | 55 + components/portfolio/PortfolioFour.jsx | 106 + components/portfolio/PortfolioSix.jsx | 104 + components/portfolio/PortfolioThree.jsx | 103 + components/portfolio/PortfolioTwo.jsx | 106 + components/pricing/PricingEight.jsx | 159 + components/pricing/PricingFive.jsx | 73 + components/pricing/PricingSeven.jsx | 79 + components/pricing/PricingThree.jsx | 120 + components/pricing/pricing-four/Pricing.jsx | 32 + .../pricing/pricing-four/PricingMonthly.jsx | 105 + .../pricing/pricing-four/PricingYearly.jsx | 105 + components/pricing/pricing-one/Pricing.jsx | 33 + .../pricing/pricing-one/PricingMonthly.jsx | 103 + .../pricing/pricing-one/PricingYearly.jsx | 103 + components/pricing/pricing-six/Pricing.jsx | 30 + .../pricing/pricing-six/PricingMonthly.jsx | 94 + .../pricing/pricing-six/PricingYearly.jsx | 94 + components/pricing/pricing-two/Pricing.jsx | 37 + .../pricing/pricing-two/PricingMonthly.jsx | 81 + .../pricing/pricing-two/PricingYearly.jsx | 81 + components/scrollpy/Scrollphy.jsx | 10 + components/service/Service.jsx | 38 + components/social/Social.jsx | 92 + components/social/SocialTwo.jsx | 94 + components/team/Nav.jsx | 290 + components/team/TeamDetails.jsx | 70 + components/team/TeamDetailsSlider.jsx | 121 + components/team/TeamFive.jsx | 31 + components/team/TeamFour.jsx | 29 + components/team/TeamOne.jsx | 37 + components/team/TeamSlider.jsx | 63 + components/team/TeamThree.jsx | 66 + components/team/TeamTwo.jsx | 36 + components/testimonial/Testimonial.jsx | 60 + components/testimonial/TestimonialFive.jsx | 45 + components/testimonial/TestimonialFour.jsx | 100 + components/testimonial/TestimonialSeven.jsx | 104 + components/testimonial/TestimonialSix.jsx | 94 + components/testimonial/TestimonialThree.jsx | 51 + components/testimonial/TestimonialTwo.jsx | 84 + components/video/FacnyVideoThree.jsx | 54 + components/video/FacnyVideoTwo.jsx | 53 + components/video/FancyVideoFive.jsx | 56 + components/video/FancyVideoFour.jsx | 31 + components/video/FancyVideoOne.jsx | 29 + components/video/FancyVideoSix.jsx | 29 + components/video/VideoGallery.jsx | 107 + components/vr-landing/BlockFeaturesOne.jsx | 48 + components/vr-landing/BlockFeaturesTwo.jsx | 41 + components/vr-landing/FancyFeature.jsx | 45 + components/vr-landing/FancyVideo.jsx | 40 + components/vr-landing/FeatureCounter.jsx | 83 + components/vr-landing/Header.jsx | 228 + components/vr-landing/HeroBanner.jsx | 43 + components/vr-landing/LatestProduct.jsx | 101 + components/vr-landing/Testimonials.jsx | 111 + context/Context.jsx | 56 + data/blogs.js | 281 + data/faqs.js | 59 + data/portfolios.js | 273 + data/products.js | 270 + data/service.js | 156 + data/team.js | 229 + docker-compose.yml | 33 + docker/Dockerfile | 121 + elements/Video.jsx | 23 + jsconfig.json | 7 + next.config.js | 4 + package.json | 40 + .../font-awesome/css/font-awesome.min.css | 4 + .../fonts/font-awesome/fonts/FontAwesome.otf | Bin 0 -> 134808 bytes .../fonts/fontawesome-webfont.eot | Bin 0 -> 165742 bytes .../fonts/fontawesome-webfont.svg | 2671 +++ .../fonts/fontawesome-webfont.ttf | Bin 0 -> 165548 bytes .../fonts/fontawesome-webfont.woff | Bin 0 -> 98024 bytes .../fonts/fontawesome-webfont.woff2 | Bin 0 -> 77160 bytes public/fonts/gilroy/fonts.css | 46 + public/fonts/gilroy/gilroy-black-webfont.woff | Bin 0 -> 27508 bytes .../fonts/gilroy/gilroy-black-webfont.woff2 | Bin 0 -> 20888 bytes public/fonts/gilroy/gilroy-bold-webfont.woff | Bin 0 -> 27560 bytes public/fonts/gilroy/gilroy-bold-webfont.woff2 | Bin 0 -> 21420 bytes public/fonts/gilroy/gilroy-light-webfont.ttf | Bin 0 -> 54776 bytes public/fonts/gilroy/gilroy-light-webfont.woff | Bin 0 -> 25768 bytes .../fonts/gilroy/gilroy-light-webfont.woff2 | Bin 0 -> 19984 bytes .../fonts/gilroy/gilroy-semibold-webfont.woff | Bin 0 -> 27240 bytes .../gilroy/gilroy-semibold-webfont.woff2 | Bin 0 -> 21344 bytes .../gilroy/gilroy-ultralight-webfont.woff | Bin 0 -> 26176 bytes .../gilroy/gilroy-ultralight-webfont.woff2 | Bin 0 -> 19976 bytes .../glyphicons-halflings-regular.eot | Bin 0 -> 20127 bytes .../glyphicons-halflings-regular.svg | 288 + .../glyphicons-halflings-regular.ttf | Bin 0 -> 45404 bytes .../glyphicons-halflings-regular.woff | Bin 0 -> 23424 bytes .../glyphicons-halflings-regular.woff2 | Bin 0 -> 18028 bytes .../fonts/gordita/gordita_medium-webfont.woff | Bin 0 -> 31900 bytes .../gordita/gordita_medium-webfont.woff2 | Bin 0 -> 24456 bytes .../gordita/gordita_regular-webfont.woff | Bin 0 -> 30848 bytes .../gordita/gordita_regular-webfont.woff2 | Bin 0 -> 23476 bytes public/fonts/gordita/stylesheet.css | 17 + public/fonts/icon/font/Flaticon.eot | Bin 0 -> 2662 bytes public/fonts/icon/font/Flaticon.svg | 62 + public/fonts/icon/font/Flaticon.ttf | Bin 0 -> 2484 bytes public/fonts/icon/font/Flaticon.woff | Bin 0 -> 1684 bytes public/fonts/icon/font/Flaticon.woff2 | Bin 0 -> 1156 bytes public/fonts/icon/font/_flaticon.scss | 62 + public/fonts/icon/font/flaticon.css | 43 + public/fonts/icon/font/flaticon.html | 510 + public/fonts/recoleta/Recoleta-Black.eot | Bin 0 -> 123552 bytes public/fonts/recoleta/Recoleta-Black.ttf | Bin 0 -> 123320 bytes public/fonts/recoleta/Recoleta-Black.woff | Bin 0 -> 48844 bytes public/fonts/recoleta/Recoleta-Black.woff2 | Bin 0 -> 34352 bytes public/fonts/recoleta/Recoleta-Bold.eot | Bin 0 -> 125888 bytes public/fonts/recoleta/Recoleta-Bold.ttf | Bin 0 -> 125660 bytes public/fonts/recoleta/Recoleta-Bold.woff | Bin 0 -> 52328 bytes public/fonts/recoleta/Recoleta-Bold.woff2 | Bin 0 -> 37452 bytes public/fonts/recoleta/Recoleta-Light.eot | Bin 0 -> 125892 bytes public/fonts/recoleta/Recoleta-Light.ttf | Bin 0 -> 125660 bytes public/fonts/recoleta/Recoleta-Light.woff | Bin 0 -> 52392 bytes public/fonts/recoleta/Recoleta-Light.woff2 | Bin 0 -> 37316 bytes public/fonts/recoleta/Recoleta-Medium.eot | Bin 0 -> 125116 bytes public/fonts/recoleta/Recoleta-Medium.ttf | Bin 0 -> 124880 bytes public/fonts/recoleta/Recoleta-Medium.woff | Bin 0 -> 50904 bytes public/fonts/recoleta/Recoleta-Medium.woff2 | Bin 0 -> 35944 bytes public/fonts/recoleta/Recoleta-Regular.eot | Bin 0 -> 125616 bytes public/fonts/recoleta/Recoleta-Regular.ttf | Bin 0 -> 125392 bytes public/fonts/recoleta/Recoleta-Regular.woff | Bin 0 -> 52740 bytes public/fonts/recoleta/Recoleta-Regular.woff2 | Bin 0 -> 37712 bytes public/fonts/recoleta/Recoleta-SemiBold.eot | Bin 0 -> 125612 bytes public/fonts/recoleta/Recoleta-SemiBold.ttf | Bin 0 -> 125368 bytes public/fonts/recoleta/Recoleta-SemiBold.woff | Bin 0 -> 52456 bytes public/fonts/recoleta/Recoleta-SemiBold.woff2 | Bin 0 -> 37572 bytes public/fonts/recoleta/Recoleta-Thin.eot | Bin 0 -> 124264 bytes public/fonts/recoleta/Recoleta-Thin.ttf | Bin 0 -> 124036 bytes public/fonts/recoleta/Recoleta-Thin.woff | Bin 0 -> 51152 bytes public/fonts/recoleta/Recoleta-Thin.woff2 | Bin 0 -> 36344 bytes public/fonts/recoleta/stylesheet.css | 90 + public/images/assets/dot-bg-01.svg | 1600 ++ public/images/assets/feature-img-01-01.png | Bin 0 -> 10078 bytes public/images/assets/feature-img-01-02.png | Bin 0 -> 794 bytes public/images/assets/feature-img-01-03.png | Bin 0 -> 738 bytes public/images/assets/feature-img-01-04.png | Bin 0 -> 950 bytes public/images/assets/feature-img-01-05.png | Bin 0 -> 1019 bytes public/images/assets/feature-img-01.png | Bin 0 -> 12304 bytes public/images/assets/feature-img-02.png | Bin 0 -> 6442 bytes public/images/assets/feature-img-03.png | Bin 0 -> 7275 bytes public/images/assets/feature-img-04.png | Bin 0 -> 3793 bytes public/images/assets/feature-img-05.png | Bin 0 -> 16381 bytes public/images/assets/feature-img-06-01.png | Bin 0 -> 4704 bytes public/images/assets/feature-img-06.png | Bin 0 -> 11670 bytes public/images/assets/feature-img-07-01.png | Bin 0 -> 7350 bytes public/images/assets/feature-img-07.png | Bin 0 -> 11267 bytes public/images/assets/feature-img-08.png | Bin 0 -> 41550 bytes public/images/assets/feature-img-09.png | Bin 0 -> 11304 bytes public/images/assets/feature-img-10.png | Bin 0 -> 11516 bytes public/images/assets/feature-img-11.png | Bin 0 -> 10200 bytes public/images/assets/feature-img-12.png | Bin 0 -> 52350 bytes public/images/assets/ils-01.1.png | Bin 0 -> 5393 bytes public/images/assets/ils-01.2.png | Bin 0 -> 5833 bytes public/images/assets/ils-01.3.png | Bin 0 -> 5403 bytes public/images/assets/ils-01.png | Bin 0 -> 3207 bytes public/images/assets/ils-02.png | Bin 0 -> 5526 bytes public/images/assets/ils-03.png | Bin 0 -> 4878 bytes public/images/assets/ils_01.svg | 117 + public/images/assets/ils_02.svg | 66 + public/images/assets/ils_03.svg | 84 + public/images/assets/ils_04.svg | 95 + public/images/assets/ils_05.svg | 158 + public/images/assets/ils_06.svg | 175 + public/images/assets/ils_07.svg | 134 + public/images/assets/ils_08.1.svg | 29 + public/images/assets/ils_08.2.svg | 25 + public/images/assets/ils_08.svg | 17 + public/images/assets/ils_09.svg | 304 + public/images/assets/ils_10.svg | 116 + public/images/assets/ils_11.svg | 290 + public/images/assets/ils_12.svg | 474 + public/images/assets/ils_13.svg | 318 + public/images/assets/ils_14.1.svg | 12 + public/images/assets/ils_14.2.svg | 13 + public/images/assets/ils_14.3.svg | 11 + public/images/assets/ils_14.svg | 78 + public/images/assets/ils_15.svg | 34 + public/images/assets/ils_16.svg | 62 + public/images/assets/ils_17.svg | 41 + public/images/assets/ils_18.svg | 9 + public/images/assets/ils_19.svg | 40 + public/images/assets/ils_20.svg | 155 + public/images/assets/ils_21.svg | 8722 ++++++++ public/images/assets/ils_22.1.svg | 20 + public/images/assets/ils_22.2.svg | 27 + public/images/assets/ils_22.svg | 81 + public/images/assets/ils_23.1.svg | 19 + public/images/assets/ils_23.2.svg | 22 + public/images/assets/ils_23.3.svg | 24 + public/images/assets/ils_23.svg | 13 + public/images/assets/ogg.png | Bin 0 -> 20715 bytes public/images/assets/screen_01.1.png | Bin 0 -> 1146 bytes public/images/assets/screen_01.2.png | Bin 0 -> 1734 bytes public/images/assets/screen_01.png | Bin 0 -> 6286 bytes public/images/assets/screen_02.png | Bin 0 -> 4650 bytes public/images/assets/screen_03.png | Bin 0 -> 4616 bytes public/images/assets/screen_04.png | Bin 0 -> 4437 bytes public/images/assets/screen_05.png | Bin 0 -> 4346 bytes public/images/assets/screen_06.png | Bin 0 -> 1708 bytes public/images/assets/screen_07.png | Bin 0 -> 5653 bytes public/images/assets/screen_08.png | Bin 0 -> 5653 bytes public/images/assets/screen_09.png | Bin 0 -> 5653 bytes public/images/assets/screen_10.png | Bin 0 -> 5826 bytes public/images/assets/screen_11.png | Bin 0 -> 6175 bytes public/images/assets/screen_12.png | Bin 0 -> 2354 bytes public/images/assets/screen_13.png | Bin 0 -> 1065 bytes public/images/assets/screen_14.png | Bin 0 -> 2542 bytes public/images/assets/screen_15.png | Bin 0 -> 6175 bytes public/images/assets/screen_16.png | Bin 0 -> 6175 bytes public/images/assets/screen_17.png | Bin 0 -> 5356 bytes public/images/assets/screen_18.png | Bin 0 -> 2608 bytes public/images/assets/screen_19.png | Bin 0 -> 3057 bytes public/images/assets/screen_20.png | Bin 0 -> 3499 bytes public/images/assets/screen_21.png | Bin 0 -> 2182 bytes public/images/assets/screen_22.png | Bin 0 -> 2182 bytes public/images/assets/screen_23.png | Bin 0 -> 2182 bytes public/images/assets/screen_24.png | Bin 0 -> 3900 bytes public/images/assets/screen_25.png | Bin 0 -> 2052 bytes public/images/assets/screen_26.png | Bin 0 -> 2052 bytes public/images/assets/screen_27.png | Bin 0 -> 2052 bytes public/images/assets/screen_28.png | Bin 0 -> 2084 bytes public/images/assets/screen_29.png | Bin 0 -> 2052 bytes public/images/assets/screen_30.png | Bin 0 -> 3212 bytes public/images/assets/screen_31.png | Bin 0 -> 1674 bytes public/images/assets/screen_32.png | Bin 0 -> 7927 bytes public/images/assets/screen_33.png | Bin 0 -> 1333 bytes public/images/assets/screen_34.png | Bin 0 -> 1355 bytes public/images/assets/screen_35.png | Bin 0 -> 5543 bytes public/images/assets/screen_36.png | Bin 0 -> 5938 bytes public/images/assets/screen_37.png | Bin 0 -> 5911 bytes public/images/assets/screen_38.1.png | Bin 0 -> 3135 bytes public/images/assets/screen_38.png | Bin 0 -> 3378 bytes public/images/blog/media_01.png | Bin 0 -> 1297 bytes public/images/blog/media_02.png | Bin 0 -> 1297 bytes public/images/blog/media_03.png | Bin 0 -> 1297 bytes public/images/blog/media_04.png | Bin 0 -> 2458 bytes public/images/blog/media_05.png | Bin 0 -> 2458 bytes public/images/blog/media_06.png | Bin 0 -> 2458 bytes public/images/blog/media_07.png | Bin 0 -> 1297 bytes public/images/blog/media_08.png | Bin 0 -> 1297 bytes public/images/blog/media_09.png | Bin 0 -> 1297 bytes public/images/blog/media_10.png | Bin 0 -> 1297 bytes public/images/blog/media_11.png | Bin 0 -> 1297 bytes public/images/blog/media_12.png | Bin 0 -> 1297 bytes public/images/blog/media_13.png | Bin 0 -> 1297 bytes public/images/blog/media_14.png | Bin 0 -> 1297 bytes public/images/blog/media_15.png | Bin 0 -> 1297 bytes public/images/blog/media_16.png | Bin 0 -> 3621 bytes public/images/blog/media_17.png | Bin 0 -> 3621 bytes public/images/blog/media_18.png | Bin 0 -> 3621 bytes public/images/blog/media_19.png | Bin 0 -> 3621 bytes public/images/blog/media_20.png | Bin 0 -> 3594 bytes public/images/blog/media_21.png | Bin 0 -> 3594 bytes public/images/blog/media_22.png | Bin 0 -> 3594 bytes public/images/blog/media_23.png | Bin 0 -> 3594 bytes public/images/blog/media_24.png | Bin 0 -> 4695 bytes public/images/blog/media_25.png | Bin 0 -> 4695 bytes public/images/blog/media_26.png | Bin 0 -> 4695 bytes public/images/blog/media_27.png | Bin 0 -> 4695 bytes public/images/blog/media_28.png | Bin 0 -> 3663 bytes public/images/blog/media_29.png | Bin 0 -> 4157 bytes public/images/blog/media_30.png | Bin 0 -> 283 bytes public/images/blog/media_31.png | Bin 0 -> 283 bytes public/images/blog/media_32.jpg | Bin 0 -> 1563 bytes public/images/blog/media_33.jpg | Bin 0 -> 1563 bytes public/images/blog/media_34.jpg | Bin 0 -> 1563 bytes public/images/blog/media_35.jpg | Bin 0 -> 1866 bytes public/images/blog/media_36.jpg | Bin 0 -> 1866 bytes public/images/blog/media_37.jpg | Bin 0 -> 1866 bytes public/images/cancel.svg | 53 + public/images/doc/img_01.png | Bin 0 -> 5545 bytes public/images/fav-icon/icon.png | Bin 0 -> 2187 bytes public/images/gallery/img_01.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_02.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_03.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_04.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_05.jpg | Bin 0 -> 5339 bytes public/images/gallery/img_06.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_07.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_08.jpg | Bin 0 -> 1853 bytes public/images/gallery/img_09.jpg | Bin 0 -> 3559 bytes public/images/gallery/img_10.jpg | Bin 0 -> 3559 bytes public/images/gallery/img_11.jpg | Bin 0 -> 3559 bytes public/images/gallery/img_12.jpg | Bin 0 -> 3559 bytes public/images/gallery/img_13.jpg | Bin 0 -> 3559 bytes public/images/gallery/img_14.jpg | Bin 0 -> 3559 bytes public/images/gallery/img_15.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_16.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_17.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_18.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_19.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_20.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_21.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_22.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_23.jpg | Bin 0 -> 1931 bytes public/images/gallery/img_24.jpg | Bin 0 -> 5386 bytes public/images/gallery/img_25.jpg | Bin 0 -> 5386 bytes public/images/gallery/img_26.jpg | Bin 0 -> 5386 bytes public/images/gallery/img_27.jpg | Bin 0 -> 5386 bytes public/images/gallery/img_28.jpg | Bin 0 -> 5835 bytes public/images/gallery/img_29.jpg | Bin 0 -> 5835 bytes public/images/gallery/img_30.jpg | Bin 0 -> 5835 bytes public/images/gallery/img_31.jpg | Bin 0 -> 5835 bytes public/images/gallery/img_32.jpg | Bin 0 -> 5835 bytes public/images/gallery/img_33.jpg | Bin 0 -> 7073 bytes public/images/gallery/img_34.jpg | Bin 0 -> 388 bytes public/images/gallery/img_35.jpg | Bin 0 -> 388 bytes public/images/gallery/img_36.jpg | Bin 0 -> 1724 bytes public/images/gallery/img_37.jpg | Bin 0 -> 1724 bytes public/images/gallery/img_38.jpg | Bin 0 -> 1724 bytes public/images/gallery/img_39.jpg | Bin 0 -> 1724 bytes public/images/gallery/img_40.jpg | Bin 0 -> 1724 bytes public/images/gallery/img_41.jpg | Bin 0 -> 1724 bytes public/images/gallery/img_42.jpg | Bin 0 -> 4422 bytes public/images/icon/01.svg | 10 + public/images/icon/02.svg | 3 + public/images/icon/03.svg | 3 + public/images/icon/04.svg | 3 + public/images/icon/05.svg | 7 + public/images/icon/06.svg | 9 + public/images/icon/07.svg | 8 + public/images/icon/08.svg | 10 + public/images/icon/09.svg | 23 + public/images/icon/10.svg | 13 + public/images/icon/100.svg | 9 + public/images/icon/101.svg | 4 + public/images/icon/102.svg | 3 + public/images/icon/103.svg | 4 + public/images/icon/104.svg | 5 + public/images/icon/105-c.svg | 7 + public/images/icon/105.svg | 7 + public/images/icon/106-c.svg | 5 + public/images/icon/106.svg | 5 + public/images/icon/107-c.svg | 4 + public/images/icon/107.svg | 4 + public/images/icon/108-c.svg | 11 + public/images/icon/108.svg | 11 + public/images/icon/109-c.svg | 4 + public/images/icon/109.svg | 4 + public/images/icon/11.svg | 24 + public/images/icon/110-c.svg | 5 + public/images/icon/110.svg | 5 + public/images/icon/111-c.svg | 3 + public/images/icon/111.svg | 3 + public/images/icon/112.svg | 5 + public/images/icon/113.svg | 8 + public/images/icon/114.svg | 7 + public/images/icon/115.svg | 5 + public/images/icon/116.svg | 6 + public/images/icon/117.svg | 6 + public/images/icon/118.svg | 3 + public/images/icon/119.svg | 4 + public/images/icon/12.svg | 25 + public/images/icon/120.svg | 11 + public/images/icon/121.svg | 13 + public/images/icon/122.svg | 4 + public/images/icon/123.svg | 3 + public/images/icon/124.svg | 7 + public/images/icon/125.svg | 10 + public/images/icon/126.svg | 6 + public/images/icon/127.svg | 4 + public/images/icon/128.svg | 10 + public/images/icon/129.svg | 4 + public/images/icon/13.svg | 9 + public/images/icon/130.svg | 4 + public/images/icon/131.svg | 3 + public/images/icon/132.svg | 10 + public/images/icon/133.svg | 3 + public/images/icon/134.svg | 3 + public/images/icon/135.svg | 4 + public/images/icon/136.svg | 12 + public/images/icon/137.svg | 3 + public/images/icon/138.svg | 3 + public/images/icon/139.svg | 3 + public/images/icon/14.svg | 14 + public/images/icon/140.svg | 3 + public/images/icon/141.svg | 3 + public/images/icon/142.svg | 3 + public/images/icon/143.svg | 11 + public/images/icon/144.svg | 6 + public/images/icon/145.svg | 4 + public/images/icon/146.svg | 5 + public/images/icon/147.svg | 4 + public/images/icon/148.svg | 3 + public/images/icon/149.svg | 4 + public/images/icon/15.svg | 17 + public/images/icon/150.svg | 11 + public/images/icon/151.svg | 4 + public/images/icon/152.svg | 3 + public/images/icon/153.svg | 4 + public/images/icon/154.svg | 4 + public/images/icon/155.svg | 3 + public/images/icon/156.png | Bin 0 -> 640 bytes public/images/icon/157.svg | 13 + public/images/icon/158.svg | 12 + public/images/icon/159.svg | 11 + public/images/icon/16.svg | 13 + public/images/icon/160.svg | 4 + public/images/icon/161.svg | 5 + public/images/icon/162.svg | 13 + public/images/icon/163.svg | 11 + public/images/icon/164.svg | 7 + public/images/icon/165.svg | 4 + public/images/icon/166.svg | 3 + public/images/icon/167.svg | 3 + public/images/icon/168.svg | 4 + public/images/icon/169.svg | 3 + public/images/icon/17.svg | 16 + public/images/icon/170.svg | 3 + public/images/icon/171.svg | 4 + public/images/icon/172.svg | 5 + public/images/icon/173.svg | 3 + public/images/icon/174.svg | 10 + public/images/icon/175.svg | 9 + public/images/icon/176.svg | 10 + public/images/icon/177.svg | 3 + public/images/icon/178.svg | 3 + public/images/icon/179.svg | 3 + public/images/icon/18.svg | 6 + public/images/icon/180.svg | 10 + public/images/icon/181.svg | 3 + public/images/icon/182.svg | 4 + public/images/icon/183.svg | 3 + public/images/icon/184.svg | 3 + public/images/icon/185.png | Bin 0 -> 2232 bytes public/images/icon/186.svg | 3 + public/images/icon/187.svg | 3 + public/images/icon/188.svg | 10 + public/images/icon/189.svg | 3 + public/images/icon/19.svg | 4 + public/images/icon/190.svg | 6 + public/images/icon/191.svg | 5 + public/images/icon/192.svg | 4 + public/images/icon/193.svg | 4 + public/images/icon/194.svg | 9 + public/images/icon/195.svg | 3 + public/images/icon/196.svg | 9 + public/images/icon/197.svg | 9 + public/images/icon/198.svg | 4 + public/images/icon/199.svg | 4 + public/images/icon/20.svg | 12 + public/images/icon/200.svg | 5 + public/images/icon/201.svg | 6 + public/images/icon/202.svg | 4 + public/images/icon/203.svg | 6 + public/images/icon/204.svg | 4 + public/images/icon/205.svg | 4 + public/images/icon/206.svg | 4 + public/images/icon/207.svg | 3 + public/images/icon/208.svg | 3 + public/images/icon/21.svg | 13 + public/images/icon/22.svg | 12 + public/images/icon/23.svg | 12 + public/images/icon/24.svg | 10 + public/images/icon/25.svg | 6 + public/images/icon/26.svg | 7 + public/images/icon/27.svg | 11 + public/images/icon/28.svg | 7 + public/images/icon/29.svg | 21 + public/images/icon/30.svg | 7 + public/images/icon/31.svg | 12 + public/images/icon/32.svg | 10 + public/images/icon/33.svg | 4 + public/images/icon/34.svg | 7 + public/images/icon/35.svg | 11 + public/images/icon/36.svg | 12 + public/images/icon/37.svg | 13 + public/images/icon/38.svg | 19 + public/images/icon/39.svg | 4 + public/images/icon/40.svg | 25 + public/images/icon/41.svg | 30 + public/images/icon/42.svg | 9 + public/images/icon/43.svg | 4 + public/images/icon/44.svg | 11 + public/images/icon/45.svg | 12 + public/images/icon/46.svg | 17 + public/images/icon/47.svg | 7 + public/images/icon/48.svg | 18 + public/images/icon/49.svg | 6 + public/images/icon/50.svg | 6 + public/images/icon/51.svg | 6 + public/images/icon/52.svg | 6 + public/images/icon/53.svg | 7 + public/images/icon/54.svg | 7 + public/images/icon/55.svg | 26 + public/images/icon/56.svg | 7 + public/images/icon/57.svg | 46 + public/images/icon/58.svg | 7 + public/images/icon/59.svg | 9 + public/images/icon/60.svg | 7 + public/images/icon/61.svg | 10 + public/images/icon/62.svg | 10 + public/images/icon/63.svg | 4 + public/images/icon/64.svg | 6 + public/images/icon/65.svg | 9 + public/images/icon/66.svg | 14 + public/images/icon/67.svg | 6 + public/images/icon/68.svg | 3 + public/images/icon/69.svg | 4 + public/images/icon/70.svg | 3 + public/images/icon/71.svg | 4 + public/images/icon/72.svg | 4 + public/images/icon/73.svg | 4 + public/images/icon/74.svg | 5 + public/images/icon/75.svg | 3 + public/images/icon/76.svg | 3 + public/images/icon/77.svg | 5 + public/images/icon/78.svg | 3 + public/images/icon/79.svg | 5 + public/images/icon/80.svg | 3 + public/images/icon/81.svg | 3 + public/images/icon/82.svg | 3 + public/images/icon/83.svg | 3 + public/images/icon/84.svg | 11 + public/images/icon/85.svg | 3 + public/images/icon/86.svg | 3 + public/images/icon/87.svg | 3 + public/images/icon/88.png | Bin 0 -> 7033 bytes public/images/icon/89.svg | 3 + public/images/icon/90.svg | 4 + public/images/icon/91.svg | 10 + public/images/icon/92.svg | 10 + public/images/icon/93.svg | 4 + public/images/icon/94.svg | 15 + public/images/icon/95.svg | 3 + public/images/icon/96.svg | 11 + public/images/icon/97.svg | 3 + public/images/icon/98.svg | 10 + public/images/icon/99.svg | 10 + public/images/icon/apple-black.svg | 4 + public/images/icon/apple.svg | 4 + public/images/icon/chevron-w.png | Bin 0 -> 191 bytes public/images/icon/close-w.svg | 4 + public/images/icon/close.svg | 4 + public/images/icon/happy.svg | 10 + public/images/icon/play-circle.svg | 4 + public/images/icon/playstore.svg | 10 + public/images/icon/sad.svg | 10 + public/images/icon/surprised.svg | 10 + public/images/icon/user-w.svg | 38 + public/images/icon/user.svg | 44 + public/images/icon/view.svg | 7 + public/images/icon/windows.svg | 6 + public/images/logo/01.png | Bin 0 -> 1403 bytes public/images/logo/02.png | Bin 0 -> 1461 bytes public/images/logo/03.png | Bin 0 -> 1571 bytes public/images/logo/04.png | Bin 0 -> 1578 bytes public/images/logo/05.png | Bin 0 -> 978 bytes public/images/logo/06.png | Bin 0 -> 1624 bytes public/images/logo/07.png | Bin 0 -> 1210 bytes public/images/logo/08.png | Bin 0 -> 1556 bytes public/images/logo/09.png | Bin 0 -> 2470 bytes public/images/logo/10.png | Bin 0 -> 157 bytes public/images/logo/11.png | Bin 0 -> 2061 bytes public/images/logo/12.png | Bin 0 -> 739 bytes public/images/logo/13.png | Bin 0 -> 1911 bytes public/images/logo/14.png | Bin 0 -> 690 bytes public/images/logo/15.png | Bin 0 -> 2288 bytes public/images/logo/16.png | Bin 0 -> 1942 bytes public/images/logo/17.png | Bin 0 -> 565 bytes public/images/logo/18.png | Bin 0 -> 2456 bytes public/images/logo/19.png | Bin 0 -> 2082 bytes public/images/logo/20.png | Bin 0 -> 1188 bytes public/images/logo/21.png | Bin 0 -> 963 bytes public/images/logo/22.png | Bin 0 -> 1003 bytes public/images/logo/23.png | Bin 0 -> 1232 bytes public/images/logo/24.png | Bin 0 -> 790 bytes ...jazeera-png-aljazeera-logo-01-png-1800.png | Bin 0 -> 3344 bytes public/images/logo/deski_01.svg | 6 + public/images/logo/deski_02.svg | 6 + public/images/logo/deski_03.svg | 9 + public/images/logo/deski_04.svg | 14 + public/images/logo/deski_05.svg | 14 + public/images/logo/deski_06.svg | 14 + public/images/logo/deski_07.svg | 14 + public/images/logo/deski_09.svg | 51 + public/images/logo/deski_10.svg | 14 + public/images/logo/logo-1.png | Bin 0 -> 2360 bytes public/images/logo/logo-10.png | Bin 0 -> 3290 bytes public/images/logo/logo-11.png | Bin 0 -> 63305 bytes public/images/logo/logo-12.png | Bin 0 -> 4089 bytes public/images/logo/logo-13.png | Bin 0 -> 2529 bytes public/images/logo/logo-14.png | Bin 0 -> 1992 bytes public/images/logo/logo-15.png | Bin 0 -> 2631 bytes public/images/logo/logo-16.png | Bin 0 -> 5130 bytes public/images/logo/logo-17.svg | 9 + public/images/logo/logo-18.svg | 9 + public/images/logo/logo-19.svg | 9 + public/images/logo/logo-2.png | Bin 0 -> 517 bytes public/images/logo/logo-20.svg | 9 + public/images/logo/logo-21.png | Bin 0 -> 2836 bytes public/images/logo/logo-22.png | Bin 0 -> 3724 bytes public/images/logo/logo-23.png | Bin 0 -> 2839 bytes public/images/logo/logo-24.png | Bin 0 -> 2249 bytes public/images/logo/logo-25.png | Bin 0 -> 2838 bytes public/images/logo/logo-26.png | Bin 0 -> 2155 bytes public/images/logo/logo-27.png | Bin 0 -> 1407 bytes public/images/logo/logo-28.png | Bin 0 -> 3987 bytes public/images/logo/logo-29.png | Bin 0 -> 1573 bytes public/images/logo/logo-3.png | Bin 0 -> 1953 bytes public/images/logo/logo-30.png | Bin 0 -> 3728 bytes public/images/logo/logo-31.png | Bin 0 -> 1544 bytes public/images/logo/logo-32.png | Bin 0 -> 6930 bytes public/images/logo/logo-33.png | Bin 0 -> 2477 bytes public/images/logo/logo-34.png | Bin 0 -> 5261 bytes public/images/logo/logo-35.png | Bin 0 -> 2246 bytes public/images/logo/logo-36.png | Bin 0 -> 3399 bytes public/images/logo/logo-37.png | Bin 0 -> 4753 bytes public/images/logo/logo-38.png | Bin 0 -> 6045 bytes public/images/logo/logo-39.png | Bin 0 -> 1000 bytes public/images/logo/logo-4.png | Bin 0 -> 2239 bytes public/images/logo/logo-40.png | Bin 0 -> 1108 bytes public/images/logo/logo-41.png | Bin 0 -> 1233 bytes public/images/logo/logo-42.png | Bin 0 -> 1949 bytes public/images/logo/logo-43.png | Bin 0 -> 934 bytes public/images/logo/logo-44.png | Bin 0 -> 2750 bytes public/images/logo/logo-45.png | Bin 0 -> 1054 bytes public/images/logo/logo-46.png | Bin 0 -> 1413 bytes public/images/logo/logo-47.png | Bin 0 -> 4523 bytes public/images/logo/logo-48.png | Bin 0 -> 4119 bytes public/images/logo/logo-49.png | Bin 0 -> 4498 bytes public/images/logo/logo-5.png | Bin 0 -> 1599 bytes public/images/logo/logo-50.png | Bin 0 -> 5577 bytes public/images/logo/logo-51.png | Bin 0 -> 4861 bytes public/images/logo/logo-52.png | Bin 0 -> 7812 bytes public/images/logo/logo-53.png | Bin 0 -> 4582 bytes public/images/logo/logo-54.png | Bin 0 -> 1786 bytes public/images/logo/logo-55.png | Bin 0 -> 3666 bytes public/images/logo/logo-56.png | Bin 0 -> 1464 bytes public/images/logo/logo-6.png | Bin 0 -> 2634 bytes public/images/logo/logo-7.png | Bin 0 -> 2527 bytes public/images/logo/logo-8.png | Bin 0 -> 3747 bytes public/images/logo/logo-9.png | Bin 0 -> 2522 bytes public/images/logo/p-1.png | Bin 0 -> 3416 bytes public/images/logo/p-2.png | Bin 0 -> 2057 bytes public/images/logo/p-3.png | Bin 0 -> 2721 bytes public/images/logo/p-4.png | Bin 0 -> 2307 bytes public/images/logo/p-5.png | Bin 0 -> 2332 bytes public/images/logo/p-6.png | Bin 0 -> 2245 bytes public/images/logo/p-7.png | Bin 0 -> 3848 bytes public/images/logo/p-8.png | Bin 0 -> 2630 bytes public/images/logo/p-9.png | Bin 0 -> 2468 bytes public/images/media/404-q.svg | 3 + public/images/media/404.svg | 36 + public/images/media/img_01.png | Bin 0 -> 258 bytes public/images/media/img_02.png | Bin 0 -> 301 bytes public/images/media/img_03.png | Bin 0 -> 301 bytes public/images/media/img_04.png | Bin 0 -> 301 bytes public/images/media/img_05.png | Bin 0 -> 2232 bytes public/images/media/img_06.png | Bin 0 -> 2170 bytes public/images/media/img_07.png | Bin 0 -> 595 bytes public/images/media/img_08.png | Bin 0 -> 595 bytes public/images/media/img_09.png | Bin 0 -> 595 bytes public/images/media/img_10.png | Bin 0 -> 595 bytes public/images/media/img_100.png | Bin 0 -> 1723 bytes public/images/media/img_101.png | Bin 0 -> 1723 bytes public/images/media/img_102.png | Bin 0 -> 1723 bytes public/images/media/img_103.png | Bin 0 -> 1723 bytes public/images/media/img_104.png | Bin 0 -> 3366 bytes public/images/media/img_105.png | Bin 0 -> 3366 bytes public/images/media/img_106.png | Bin 0 -> 3366 bytes public/images/media/img_107.png | Bin 0 -> 8380 bytes public/images/media/img_108.png | Bin 0 -> 2232 bytes public/images/media/img_109.png | Bin 0 -> 11165 bytes public/images/media/img_11.png | Bin 0 -> 595 bytes public/images/media/img_110.png | Bin 0 -> 2350 bytes public/images/media/img_110_1.jpg | Bin 0 -> 1693 bytes public/images/media/img_111.png | Bin 0 -> 5685 bytes public/images/media/img_111_1.jpg | Bin 0 -> 1693 bytes public/images/media/img_112.jpg | Bin 0 -> 1693 bytes public/images/media/img_113.jpg | Bin 0 -> 3076 bytes public/images/media/img_114.jpg | Bin 0 -> 3076 bytes public/images/media/img_115.png | Bin 0 -> 670 bytes public/images/media/img_116.png | Bin 0 -> 650 bytes public/images/media/img_117.png | Bin 0 -> 953 bytes public/images/media/img_118.jpg | Bin 0 -> 8517 bytes public/images/media/img_119.png | Bin 0 -> 7583 bytes public/images/media/img_12.png | Bin 0 -> 595 bytes public/images/media/img_120.jpg | Bin 0 -> 3117 bytes public/images/media/img_121.png | Bin 0 -> 1517 bytes public/images/media/img_122.jpg | Bin 0 -> 3198 bytes public/images/media/img_123.png | Bin 0 -> 1295 bytes public/images/media/img_124.png | Bin 0 -> 2195 bytes public/images/media/img_125.jpg | Bin 0 -> 5136 bytes public/images/media/img_126.jpg | Bin 0 -> 2153 bytes public/images/media/img_127.jpg | Bin 0 -> 2153 bytes public/images/media/img_128.jpg | Bin 0 -> 2153 bytes public/images/media/img_129.jpg | Bin 0 -> 2153 bytes public/images/media/img_13.png | Bin 0 -> 595 bytes public/images/media/img_14.png | Bin 0 -> 595 bytes public/images/media/img_15.png | Bin 0 -> 595 bytes public/images/media/img_16.png | Bin 0 -> 595 bytes public/images/media/img_17.png | Bin 0 -> 595 bytes public/images/media/img_18.png | Bin 0 -> 595 bytes public/images/media/img_19.png | Bin 0 -> 2232 bytes public/images/media/img_20.png | Bin 0 -> 238 bytes public/images/media/img_21.png | Bin 0 -> 283 bytes public/images/media/img_22.png | Bin 0 -> 423 bytes public/images/media/img_23.png | Bin 0 -> 238 bytes public/images/media/img_24.png | Bin 0 -> 441 bytes public/images/media/img_25.png | Bin 0 -> 1277 bytes public/images/media/img_26.png | Bin 0 -> 1546 bytes public/images/media/img_27.png | Bin 0 -> 1948 bytes public/images/media/img_28.png | Bin 0 -> 3227 bytes public/images/media/img_29.png | Bin 0 -> 1659 bytes public/images/media/img_30.png | Bin 0 -> 1509 bytes public/images/media/img_31.png | Bin 0 -> 1679 bytes public/images/media/img_32.png | Bin 0 -> 1659 bytes public/images/media/img_33.png | Bin 0 -> 1613 bytes public/images/media/img_34.png | Bin 0 -> 1509 bytes public/images/media/img_35.png | Bin 0 -> 2036 bytes public/images/media/img_36.png | Bin 0 -> 1496 bytes public/images/media/img_37.png | Bin 0 -> 2029 bytes public/images/media/img_38.png | Bin 0 -> 2146 bytes public/images/media/img_39.png | Bin 0 -> 2582 bytes public/images/media/img_40.png | Bin 0 -> 2182 bytes public/images/media/img_41.png | Bin 0 -> 230 bytes public/images/media/img_42.png | Bin 0 -> 230 bytes public/images/media/img_43.png | Bin 0 -> 238 bytes public/images/media/img_44.png | Bin 0 -> 238 bytes public/images/media/img_45.png | Bin 0 -> 238 bytes public/images/media/img_46.png | Bin 0 -> 238 bytes public/images/media/img_47.png | Bin 0 -> 238 bytes public/images/media/img_48.png | Bin 0 -> 238 bytes public/images/media/img_49.png | Bin 0 -> 238 bytes public/images/media/img_50.png | Bin 0 -> 238 bytes public/images/media/img_51.png | Bin 0 -> 238 bytes public/images/media/img_52.png | Bin 0 -> 2511 bytes public/images/media/img_53.png | Bin 0 -> 2095 bytes public/images/media/img_54.png | Bin 0 -> 2095 bytes public/images/media/img_55.png | Bin 0 -> 2095 bytes public/images/media/img_56.png | Bin 0 -> 2095 bytes public/images/media/img_57.png | Bin 0 -> 3137 bytes public/images/media/img_58.png | Bin 0 -> 2965 bytes public/images/media/img_59.png | Bin 0 -> 441 bytes public/images/media/img_60.png | Bin 0 -> 250 bytes public/images/media/img_61.png | Bin 0 -> 485 bytes public/images/media/img_62.png | Bin 0 -> 250 bytes public/images/media/img_63.png | Bin 0 -> 308 bytes public/images/media/img_64.png | Bin 0 -> 297 bytes public/images/media/img_65.png | Bin 0 -> 5936 bytes public/images/media/img_66.png | Bin 0 -> 1509 bytes public/images/media/img_67.png | Bin 0 -> 1509 bytes public/images/media/img_68.png | Bin 0 -> 1509 bytes public/images/media/img_69.png | Bin 0 -> 1509 bytes public/images/media/img_70.png | Bin 0 -> 1509 bytes public/images/media/img_71.png | Bin 0 -> 1509 bytes public/images/media/img_72.png | Bin 0 -> 3913 bytes public/images/media/img_73.png | Bin 0 -> 1853 bytes public/images/media/img_74.png | Bin 0 -> 1853 bytes public/images/media/img_75.png | Bin 0 -> 1853 bytes public/images/media/img_76.png | Bin 0 -> 1853 bytes public/images/media/img_77.png | Bin 0 -> 10190 bytes public/images/media/img_78.png | Bin 0 -> 244 bytes public/images/media/img_79.png | Bin 0 -> 262 bytes public/images/media/img_80.png | Bin 0 -> 262 bytes public/images/media/img_81.png | Bin 0 -> 4842 bytes public/images/media/img_82.png | Bin 0 -> 1862 bytes public/images/media/img_83.png | Bin 0 -> 2649 bytes public/images/media/img_84.png | Bin 0 -> 1378 bytes public/images/media/img_85.png | Bin 0 -> 1378 bytes public/images/media/img_86.png | Bin 0 -> 1378 bytes public/images/media/img_87.png | Bin 0 -> 1378 bytes public/images/media/img_88.png | Bin 0 -> 1378 bytes public/images/media/img_89.png | Bin 0 -> 1378 bytes public/images/media/img_90.png | Bin 0 -> 1378 bytes public/images/media/img_91.png | Bin 0 -> 1378 bytes public/images/media/img_92.png | Bin 0 -> 4842 bytes public/images/media/img_93.png | Bin 0 -> 4842 bytes public/images/media/img_94.png | Bin 0 -> 4842 bytes public/images/media/img_95.png | Bin 0 -> 4842 bytes public/images/media/img_96.png | Bin 0 -> 4842 bytes public/images/media/img_97.png | Bin 0 -> 4842 bytes public/images/media/img_98.png | Bin 0 -> 1723 bytes public/images/media/img_99.png | Bin 0 -> 1723 bytes public/images/menu/home01.png | Bin 0 -> 14477 bytes public/images/menu/home02.png | Bin 0 -> 14681 bytes public/images/menu/home03.png | Bin 0 -> 11290 bytes public/images/menu/home04.png | Bin 0 -> 12885 bytes public/images/menu/home05.png | Bin 0 -> 13355 bytes public/images/menu/home06.png | Bin 0 -> 22967 bytes public/images/menu/home07.png | Bin 0 -> 13549 bytes public/images/menu/home08.png | Bin 0 -> 19670 bytes public/images/menu/home09.png | Bin 0 -> 6065 bytes public/images/menu/home10.png | Bin 0 -> 13775 bytes public/images/menu/home11.png | Bin 0 -> 10719 bytes public/images/menu/home12.png | Bin 0 -> 12924 bytes public/images/menu/home13.png | Bin 0 -> 15429 bytes public/images/menu/home14.png | Bin 0 -> 14634 bytes public/images/menu/home15.png | Bin 0 -> 23219 bytes public/images/menu/home16.png | Bin 0 -> 14865 bytes public/images/menusicon/chevron-down.svg | 3 + public/images/menusicon/chevron-right.svg | 3 + public/images/menusicon/dash.svg | 3 + public/images/menusicon/plus.svg | 3 + public/images/shape/1.svg | 9 + public/images/shape/10.svg | 230 + public/images/shape/100.svg | 8 + public/images/shape/101.svg | 4 + public/images/shape/102.svg | 9 + public/images/shape/103.svg | 9 + public/images/shape/104.svg | 7 + public/images/shape/105.svg | 13 + public/images/shape/106.svg | 13 + public/images/shape/107.svg | 4 + public/images/shape/108.svg | 4 + public/images/shape/109.svg | 4 + public/images/shape/11.svg | 10 + public/images/shape/110.svg | 4 + public/images/shape/111.svg | 4 + public/images/shape/112.svg | 4 + public/images/shape/113.svg | 4 + public/images/shape/114.svg | 4 + public/images/shape/115.svg | 13 + public/images/shape/116.svg | 13 + public/images/shape/117.svg | 8 + public/images/shape/118.svg | 13 + public/images/shape/119.svg | 13 + public/images/shape/12.svg | 183 + public/images/shape/120.svg | 4 + public/images/shape/121.svg | 4 + public/images/shape/122.svg | 23 + public/images/shape/123.svg | 13 + public/images/shape/124.svg | 11 + public/images/shape/125.svg | 11 + public/images/shape/126.svg | 8 + public/images/shape/127.svg | 13 + public/images/shape/128.svg | 13 + public/images/shape/129.svg | 4 + public/images/shape/13.svg | 137 + public/images/shape/130.svg | 4 + public/images/shape/131.svg | 8 + public/images/shape/132.svg | 8 + public/images/shape/133.svg | 4 + public/images/shape/134.svg | 4 + public/images/shape/135.svg | 8 + public/images/shape/136.svg | 6 + public/images/shape/137.svg | 6 + public/images/shape/138.svg | 3 + public/images/shape/139.svg | 6 + public/images/shape/14.svg | 125 + public/images/shape/140.svg | 6 + public/images/shape/141.svg | 8 + public/images/shape/142.svg | 6 + public/images/shape/143.svg | 3 + public/images/shape/144.svg | 9 + public/images/shape/145.svg | 9 + public/images/shape/146.svg | 28 + public/images/shape/147.svg | 9 + public/images/shape/148.svg | 9 + public/images/shape/149.svg | 11 + public/images/shape/15.svg | 185 + public/images/shape/150.png | Bin 0 -> 12958 bytes public/images/shape/151.svg | 28 + public/images/shape/152.svg | 9 + public/images/shape/153.png | Bin 0 -> 24935 bytes public/images/shape/154.svg | 28 + public/images/shape/155.png | Bin 0 -> 125132 bytes public/images/shape/155.svg | 65 + public/images/shape/156.svg | 9 + public/images/shape/157.svg | 9 + public/images/shape/158.svg | 9 + public/images/shape/159.svg | 5 + public/images/shape/16.svg | 4 + public/images/shape/160.png | Bin 0 -> 29028 bytes public/images/shape/161.svg | 4 + public/images/shape/162.svg | 9 + public/images/shape/163.svg | 9 + public/images/shape/164.svg | 9 + public/images/shape/165.svg | 28 + public/images/shape/166.png | Bin 0 -> 31708 bytes public/images/shape/167.png | Bin 0 -> 44502 bytes public/images/shape/168.svg | 5 + public/images/shape/169.svg | 5 + public/images/shape/17.svg | 13 + public/images/shape/170.svg | 4 + public/images/shape/171.svg | 4 + public/images/shape/172.svg | 4 + public/images/shape/173.svg | 46 + public/images/shape/174.svg | 49 + public/images/shape/175.svg | 27 + public/images/shape/176.svg | 27 + public/images/shape/177.svg | 33 + public/images/shape/178.svg | 33 + public/images/shape/179.svg | 3 + public/images/shape/18.svg | 8 + public/images/shape/180.svg | 4 + public/images/shape/181.svg | 3 + public/images/shape/182.svg | 3 + public/images/shape/183.svg | 3 + public/images/shape/184.svg | 3 + public/images/shape/185.svg | 3 + public/images/shape/186.svg | 3 + public/images/shape/187.svg | 3 + public/images/shape/188.svg | 3 + public/images/shape/189.svg | 3 + public/images/shape/19.svg | 8 + public/images/shape/190.svg | 12 + public/images/shape/191.svg | 3 + public/images/shape/192.svg | 3 + public/images/shape/193.svg | 6 + public/images/shape/194.svg | 3 + public/images/shape/195.svg | 3 + public/images/shape/196.svg | 4 + public/images/shape/197.svg | 3 + public/images/shape/198.svg | 4 + public/images/shape/199.svg | 3 + public/images/shape/2.svg | 661 + public/images/shape/20.svg | 30 + public/images/shape/200.svg | 4 + public/images/shape/201.svg | 3 + public/images/shape/202.svg | 4 + public/images/shape/203.svg | 3 + public/images/shape/204.svg | 3 + public/images/shape/205.svg | 4 + public/images/shape/206.svg | 3 + public/images/shape/207.svg | 3 + public/images/shape/208.svg | 3 + public/images/shape/209.svg | 3 + public/images/shape/21.svg | 35 + public/images/shape/210.svg | 6 + public/images/shape/211.svg | 6 + public/images/shape/212.svg | 169 + public/images/shape/213.svg | 229 + public/images/shape/214.svg | 154 + public/images/shape/215.svg | 152 + public/images/shape/216.svg | 3 + public/images/shape/217.svg | 3 + public/images/shape/218.svg | 3 + public/images/shape/219.svg | 3 + public/images/shape/22.svg | 7 + public/images/shape/220.svg | 9 + public/images/shape/221.svg | 9 + public/images/shape/222.jpg | Bin 0 -> 4891 bytes public/images/shape/223.jpg | Bin 0 -> 4019 bytes public/images/shape/224.jpg | Bin 0 -> 3526 bytes public/images/shape/225.jpg | Bin 0 -> 4869 bytes public/images/shape/226.jpg | Bin 0 -> 9227 bytes public/images/shape/227.jpg | Bin 0 -> 11280 bytes public/images/shape/228.jpg | Bin 0 -> 9940 bytes public/images/shape/229.jpg | Bin 0 -> 11311 bytes public/images/shape/23.svg | 4 + public/images/shape/230.svg | 3 + public/images/shape/231.svg | 3 + public/images/shape/232.svg | 3 + public/images/shape/233.svg | 3 + public/images/shape/234.svg | 3 + public/images/shape/235.svg | 3 + public/images/shape/236.svg | 3 + public/images/shape/237.svg | 3 + public/images/shape/238.svg | 3 + public/images/shape/239.svg | 3 + public/images/shape/24.svg | 4 + public/images/shape/240.svg | 3 + public/images/shape/241.svg | 3 + public/images/shape/242.svg | 3 + public/images/shape/243.svg | 3 + public/images/shape/244.svg | 5 + public/images/shape/245.svg | 5 + public/images/shape/25.svg | 4 + public/images/shape/26.svg | 31 + public/images/shape/27.svg | 7 + public/images/shape/28.svg | 4 + public/images/shape/29.svg | 4 + public/images/shape/3.svg | 9 + public/images/shape/30.svg | 4 + public/images/shape/31.svg | 4 + public/images/shape/32.svg | 4 + public/images/shape/33.svg | 4 + public/images/shape/34.svg | 30 + public/images/shape/35.svg | 30 + public/images/shape/36.svg | 33 + public/images/shape/37.svg | 13 + public/images/shape/38.svg | 13 + public/images/shape/39.svg | 4 + public/images/shape/4.svg | 662 + public/images/shape/40.svg | 31 + public/images/shape/41.svg | 30 + public/images/shape/42.svg | 30 + public/images/shape/43.svg | 31 + public/images/shape/44.svg | 30 + public/images/shape/45.svg | 30 + public/images/shape/46.svg | 30 + public/images/shape/47.svg | 30 + public/images/shape/48.svg | 13 + public/images/shape/49.svg | 8 + public/images/shape/5.svg | 9 + public/images/shape/50.svg | 31 + public/images/shape/51.svg | 31 + public/images/shape/52.svg | 30 + public/images/shape/53.svg | 8 + public/images/shape/54.svg | 30 + public/images/shape/55.svg | 4 + public/images/shape/56.svg | 4 + public/images/shape/57.svg | 4 + public/images/shape/58.svg | 13 + public/images/shape/59.svg | 13 + public/images/shape/6.svg | 662 + public/images/shape/60.svg | 8 + public/images/shape/61.svg | 30 + public/images/shape/62.svg | 170 + public/images/shape/63.svg | 170 + public/images/shape/64.svg | 30 + public/images/shape/65.svg | 31 + public/images/shape/66.svg | 185 + public/images/shape/67.svg | 12 + public/images/shape/68.svg | 4 + public/images/shape/69.svg | 4 + public/images/shape/7.svg | 4 + public/images/shape/70.svg | 4 + public/images/shape/71.svg | 4 + public/images/shape/72.svg | 4 + public/images/shape/73.svg | 4 + public/images/shape/74.svg | 4 + public/images/shape/75.svg | 4 + public/images/shape/76.svg | 4 + public/images/shape/77.svg | 4 + public/images/shape/78.svg | 4 + public/images/shape/79.svg | 4 + public/images/shape/8.svg | 365 + public/images/shape/80.svg | 4 + public/images/shape/81.svg | 4 + public/images/shape/82.svg | 4 + public/images/shape/83.svg | 4 + public/images/shape/84.svg | 4 + public/images/shape/85.svg | 4 + public/images/shape/86.svg | 4 + public/images/shape/87.svg | 4 + public/images/shape/88.svg | 4 + public/images/shape/89.svg | 4 + public/images/shape/9.svg | 305 + public/images/shape/90.svg | 4 + public/images/shape/91.svg | 4 + public/images/shape/92.svg | 4 + public/images/shape/93.svg | 8 + public/images/shape/94.svg | 8 + public/images/shape/95.svg | 8 + public/images/shape/96.svg | 8 + public/images/shape/97.svg | 13 + public/images/shape/98.svg | 13 + public/images/shape/99.svg | 13 + public/images/shape/bg.png | Bin 0 -> 14657 bytes public/images/shape/bg.svg | 20 + public/images/shape/bg2.png | Bin 0 -> 5029 bytes public/images/shape/bg2.svg | 18 + public/images/shape/bg3.png | Bin 0 -> 21060 bytes public/images/shape/bg3.svg | 29 + public/images/shape/bg4.png | Bin 0 -> 29875 bytes public/images/shape/bg4.svg | 22 + public/images/shape/bg5.png | Bin 0 -> 558957 bytes public/images/shape/bg5.svg | 18 + public/images/shape/bg6.png | Bin 0 -> 147086 bytes public/images/shape/bg6.svg | 18 + public/images/shape/bg7.png | Bin 0 -> 106414 bytes public/images/shape/bg7.svg | 68 + public/images/shape/bg8.png | Bin 0 -> 21542 bytes public/images/shape/bg8.svg | 21 + public/images/shape/bg9.png | Bin 0 -> 624498 bytes public/images/shape/line-shape-1.svg | 7 + public/images/shape/line-shape-10.svg | 7 + public/images/shape/line-shape-11.svg | 7 + public/images/shape/line-shape-12.svg | 4 + public/images/shape/line-shape-13.svg | 4 + public/images/shape/line-shape-14.svg | 4 + public/images/shape/line-shape-2.svg | 8 + public/images/shape/line-shape-3.svg | 7 + public/images/shape/line-shape-4.svg | 6 + public/images/shape/line-shape-5.svg | 7 + public/images/shape/line-shape-6.svg | 7 + public/images/shape/line-shape-7.svg | 7 + public/images/shape/line-shape-8.svg | 7 + public/images/shape/line-shape-9.svg | 4 + public/images/shape/populer-tag.svg | 5 + public/images/shape/shape06.svg | 13 + public/images/shape/shape07.svg | 13 + public/images/shape/shape12.svg | 17 + public/images/shop/avatar_01.jpg | Bin 0 -> 297 bytes public/images/shop/avatar_02.jpg | Bin 0 -> 297 bytes public/images/shop/img_01.png | Bin 0 -> 263 bytes public/images/shop/img_02.png | Bin 0 -> 378 bytes public/images/shop/img_03.png | Bin 0 -> 5803 bytes public/images/shop/img_04.png | Bin 0 -> 1391 bytes public/images/shop/img_05.png | Bin 0 -> 1391 bytes public/images/shop/img_06.png | Bin 0 -> 1391 bytes public/images/shop/img_07.png | Bin 0 -> 1391 bytes public/images/shop/img_08.png | Bin 0 -> 1546 bytes public/images/shop/img_09.png | Bin 0 -> 1362 bytes public/images/shop/img_10.png | Bin 0 -> 1184 bytes public/images/shop/img_11.png | Bin 0 -> 1325 bytes public/images/shop/img_12.png | Bin 0 -> 1563 bytes public/images/shop/img_13.png | Bin 0 -> 1238 bytes public/images/shop/img_14.png | Bin 0 -> 2083 bytes public/images/shop/img_15.png | Bin 0 -> 1454 bytes public/images/shop/img_16.png | Bin 0 -> 915 bytes public/images/shop/img_17.png | Bin 0 -> 2887 bytes public/images/shop/img_18.png | Bin 0 -> 3160 bytes public/images/shop/img_19.png | Bin 0 -> 2261 bytes public/images/shop/img_20.png | Bin 0 -> 2887 bytes public/images/shop/img_21.png | Bin 0 -> 3160 bytes public/images/shop/img_22.png | Bin 0 -> 2261 bytes public/images/shop/img_23.png | Bin 0 -> 464 bytes public/images/shop/img_24.png | Bin 0 -> 464 bytes public/images/shop/img_25.png | Bin 0 -> 464 bytes public/main.scss | 43 + public/scss/_404.scss | 48 + public/scss/_animation.scss | 549 + public/scss/_custom-reactify.scss | 642 + public/scss/_dark.scss | 23 + public/scss/_framework.scss | 1150 ++ public/scss/_mega-menu.scss | 398 + public/scss/_mobile-menu.scss | 320 + public/scss/_modal.scss | 106 + public/scss/_preview.scss | 1268 ++ public/scss/_responsive.scss | 3963 ++++ public/scss/_slick.scss | 197 + public/scss/_style.scss | 16615 ++++++++++++++++ public/scss/custom.scss | 136 + public/scss/menu.scss | 291 + yarn.lock | 2333 +++ 1398 files changed, 91003 insertions(+) create mode 100644 .gitignore create mode 100644 README.md create mode 100644 app/(about)/about-cs/page.jsx create mode 100644 app/(about)/about-doc/page.jsx create mode 100644 app/(about)/about-eo/page.jsx create mode 100644 app/(about)/about-pm/page.jsx create mode 100644 app/(blogs)/blog-v1/page.jsx create mode 100644 app/(blogs)/blog-v2/page.jsx create mode 100644 app/(blogs)/blog-v3/page.jsx create mode 100644 app/(blogs)/blog-v4/page.jsx create mode 100644 app/(blogs)/blog-v5/page.jsx create mode 100644 app/(blogs)/blog-v6/page.jsx create mode 100644 app/(blogs)/blogs/[id]/page.jsx create mode 100644 app/(contact)/contact-cs/page.jsx create mode 100644 app/(contact)/contact-doc/page.jsx create mode 100644 app/(contact)/contact-eo/page.jsx create mode 100644 app/(contact)/contact-pm/page.jsx create mode 100644 app/(docs)/changelog/page.jsx create mode 100644 app/(docs)/doc-box-with-banner/page.jsx create mode 100644 app/(docs)/doc-box/page.jsx create mode 100644 app/(docs)/doc-full-width-banner/page.jsx create mode 100644 app/(docs)/doc-full-width/page.jsx create mode 100644 app/(faqs)/faq/page.jsx create mode 100644 app/(faqs)/faqs/[id]/page.jsx create mode 100644 app/(homes)/appointment-scheduling/page.jsx create mode 100644 app/(homes)/coming-soon/page.jsx create mode 100644 app/(homes)/customer-support/page.jsx create mode 100644 app/(homes)/doc-landing/page.jsx create mode 100644 app/(homes)/doc-signature/page.jsx create mode 100644 app/(homes)/e-commerce/page.jsx create mode 100644 app/(homes)/form-survey-landing/page.jsx create mode 100644 app/(homes)/mobile-app-landing/page.jsx create mode 100644 app/(homes)/note-taking-landing/page.jsx create mode 100644 app/(homes)/product-landing-dark/page.jsx create mode 100644 app/(homes)/product-landing/page.jsx create mode 100644 app/(homes)/project-management/page.jsx create mode 100644 app/(homes)/video-editor-landing/page.jsx create mode 100644 app/(homes)/vr-landing/page.jsx create mode 100644 app/(homes)/website-builder/page.jsx create mode 100644 app/(others)/features-customer-support/page.jsx create mode 100644 app/(others)/login/page.jsx create mode 100644 app/(others)/not-found/page.jsx create mode 100644 app/(others)/product-customer-support/page.jsx create mode 100644 app/(others)/signup/page.jsx create mode 100644 app/(others)/solution-management/page.jsx create mode 100644 app/(others)/terms-conditions/page.jsx create mode 100644 app/(portfolio)/classic-style/page.jsx create mode 100644 app/(portfolio)/gallery-slider/page.jsx create mode 100644 app/(portfolio)/grid-single/page.jsx create mode 100644 app/(portfolio)/grid-three-col/page.jsx create mode 100644 app/(portfolio)/grid-two-col/page.jsx create mode 100644 app/(portfolio)/portfolio-details-v1/page.jsx create mode 100644 app/(portfolio)/portfolios/[id]/page.jsx create mode 100644 app/(pricing)/pricing-cs/page.jsx create mode 100644 app/(pricing)/pricing-eo/page.jsx create mode 100644 app/(pricing)/pricing-pm/page.jsx create mode 100644 app/(products)/cart/page.jsx create mode 100644 app/(products)/checkout/page.jsx create mode 100644 app/(products)/products/[id]/page.jsx create mode 100644 app/(services)/service-v1/page.jsx create mode 100644 app/(services)/service-v2/page.jsx create mode 100644 app/(services)/service-v3/page.jsx create mode 100644 app/(services)/service-v4/page.jsx create mode 100644 app/(services)/services/[id]/page.jsx create mode 100644 app/(teams)/team-1/page.jsx create mode 100644 app/(teams)/team-2/page.jsx create mode 100644 app/(teams)/team-3/page.jsx create mode 100644 app/(teams)/team-4/page.jsx create mode 100644 app/(teams)/team-5/page.jsx create mode 100644 app/(teams)/team-6/page.jsx create mode 100644 app/(teams)/team-details-v2/[id]/page.jsx create mode 100644 app/(teams)/teams/[id]/page.jsx create mode 100644 app/favicon.ico create mode 100644 app/layout.js create mode 100644 app/not-found.jsx create mode 100644 app/page.jsx create mode 100644 components/ScrollToTop.jsx create mode 100644 components/ScrollTopBehaviour.jsx create mode 100644 components/about/About.jsx create mode 100644 components/about/AboutFive.jsx create mode 100644 components/about/AboutFour.jsx create mode 100644 components/about/AboutThree.jsx create mode 100644 components/about/AboutTwo.jsx create mode 100644 components/block-slider/AboutTabs.jsx create mode 100644 components/block-slider/DocAsTabs.jsx create mode 100644 components/block-slider/DocEditorTabs.jsx create mode 100644 components/block-slider/DocSlickAsNav.jsx create mode 100644 components/block-slider/DocSlickAsNavTwo.jsx create mode 100644 components/blog/BlogSidebar.jsx create mode 100644 components/blog/BlogSidebarClassic.jsx create mode 100644 components/blog/BlogStyle1.jsx create mode 100644 components/blog/BlogStyle2.jsx create mode 100644 components/blog/BlogStyle3.jsx create mode 100644 components/blog/BlogStyle4.jsx create mode 100644 components/blog/BlogStyle5.jsx create mode 100644 components/blog/BlogStyle6.jsx create mode 100644 components/brand/Brand.jsx create mode 100644 components/brand/BrandFive.jsx create mode 100644 components/brand/BrandFour.jsx create mode 100644 components/brand/BrandSeven.jsx create mode 100644 components/brand/BrandSix.jsx create mode 100644 components/brand/BrandThree.jsx create mode 100644 components/brand/BrandTwo.jsx create mode 100644 components/call-to-action/CallToAction.jsx create mode 100644 components/call-to-action/CallToActionFive.jsx create mode 100644 components/call-to-action/CallToActionFour.jsx create mode 100644 components/call-to-action/CallToActionSeven.jsx create mode 100644 components/call-to-action/CallToActionSix.jsx create mode 100644 components/call-to-action/CallToActionThree.jsx create mode 100644 components/call-to-action/CallToActionTwo.jsx create mode 100644 components/contact/address/ContactAddress.jsx create mode 100644 components/contact/address/ContactAddressTwo.jsx create mode 100644 components/contact/form/ContactForm.jsx create mode 100644 components/contact/form/LoginForm.jsx create mode 100644 components/contact/form/SignUpForm.jsx create mode 100644 components/counter/CounterFive.jsx create mode 100644 components/counter/CounterFiveColored.jsx create mode 100644 components/counter/CounterFour.jsx create mode 100644 components/counter/CounterOne.jsx create mode 100644 components/counter/CounterSix.jsx create mode 100644 components/counter/CounterThree.jsx create mode 100644 components/counter/CounterThreeColored.jsx create mode 100644 components/counter/CounterTwo.jsx create mode 100644 components/docs/DocScrollNav.jsx create mode 100644 components/docs/DocScrollNavTwo.jsx create mode 100644 components/docs/DocSidebar.jsx create mode 100644 components/docs/DocSidebarContent.jsx create mode 100644 components/docs/DocSidebarThree.jsx create mode 100644 components/e-commerce/BestSelling.jsx create mode 100644 components/e-commerce/CallToAction.jsx create mode 100644 components/e-commerce/CartDropdown.jsx create mode 100644 components/e-commerce/Categorie.jsx create mode 100644 components/e-commerce/FancyBlock.jsx create mode 100644 components/e-commerce/FlashSaleBanner.jsx create mode 100644 components/e-commerce/GalleryBox.jsx create mode 100644 components/e-commerce/Header.jsx create mode 100644 components/e-commerce/Hero.jsx create mode 100644 components/e-commerce/Sidebar.jsx create mode 100644 components/e-commerce/TopItem.jsx create mode 100644 components/e-commerce/cart/CartProduct.jsx create mode 100644 components/e-commerce/cart/CartTotal.jsx create mode 100644 components/e-commerce/cart/Coupon.jsx create mode 100644 components/e-commerce/checkout/BillingDetails.jsx create mode 100644 components/e-commerce/checkout/CreditCard.jsx create mode 100644 components/e-commerce/checkout/LogIn.jsx create mode 100644 components/e-commerce/checkout/OrderDetails.jsx create mode 100644 components/e-commerce/checkout/Payment.jsx create mode 100644 components/e-commerce/checkout/PromoCode.jsx create mode 100644 components/e-commerce/product-details/BreadCrumb.jsx create mode 100644 components/e-commerce/product-details/Colors.jsx create mode 100644 components/e-commerce/product-details/ProductFratureBlock.jsx create mode 100644 components/e-commerce/product-details/ProductGallery.jsx create mode 100644 components/e-commerce/product-details/ProductGalleryContent.jsx create mode 100644 components/e-commerce/product-details/ProductTabContent.jsx create mode 100644 components/e-commerce/product-details/Quantity.jsx create mode 100644 components/e-commerce/product-details/RelatedProducts.jsx create mode 100644 components/e-commerce/product-details/Size.jsx create mode 100644 components/e-commerce/product-details/SocialShare.jsx create mode 100644 components/fancy-features/FancyBanner.jsx create mode 100644 components/fancy-features/FancyFeature.jsx create mode 100644 components/fancy-features/FancyFeaturesTwo.jsx create mode 100644 components/fancy-features/FancyShortBanner.jsx create mode 100644 components/fancy-features/FancybBannerTen.jsx create mode 100644 components/fancy-text-block/BlockMetaData.jsx create mode 100644 components/fancy-text-block/FancyTextBlock21.jsx create mode 100644 components/fancy-text-block/FancyTextBlock22.jsx create mode 100644 components/fancy-text-block/FancyTextBlock29.jsx create mode 100644 components/fancy-text-block/FancyTextBlockTen.jsx create mode 100644 components/fancy-text-block/FancyTextBlockThree.jsx create mode 100644 components/faq/Faq.jsx create mode 100644 components/faq/FaqClassic.jsx create mode 100644 components/faq/FaqClassicThree.jsx create mode 100644 components/faq/FaqClassicTwo.jsx create mode 100644 components/faq/FaqFour.jsx create mode 100644 components/faq/FaqThree.jsx create mode 100644 components/features/FancyFeatureEight.jsx create mode 100644 components/features/FancyFeatureEleven.jsx create mode 100644 components/features/FancyFeatureNinteen.jsx create mode 100644 components/features/FancyFeatureSeven.jsx create mode 100644 components/features/FancyFeatureSeventeen.jsx create mode 100644 components/features/FancyFeatureTen.jsx create mode 100644 components/features/FancyFeatureTewentyEight.jsx create mode 100644 components/features/FancyFeatureTewentyFour.jsx create mode 100644 components/features/FancyFeatureTewentyNine.jsx create mode 100644 components/features/FancyFeatureTewentySeven.jsx create mode 100644 components/features/FancyFeatureTewentySix.jsx create mode 100644 components/features/FancyFeatureTewentyThree.jsx create mode 100644 components/features/FancyFeatureTewentyTwo.jsx create mode 100644 components/features/FancyFeatureThirtyFive.jsx create mode 100644 components/features/FancyFeatureThirtyFour.jsx create mode 100644 components/features/FancyFeatureThirtyOne.jsx create mode 100644 components/features/FancyFeatureThirtyThree.jsx create mode 100644 components/features/FancyFeatureThirtyTwo.jsx create mode 100644 components/features/FancyFeatureTwelve.jsx create mode 100644 components/features/FancyFeatureTwentyEightV2.jsx create mode 100644 components/features/FeatureFive.jsx create mode 100644 components/features/FeatureFour.jsx create mode 100644 components/features/FeatureNine.jsx create mode 100644 components/features/FeatureSix.jsx create mode 100644 components/features/FeatureSixV2.jsx create mode 100644 components/features/FeatureThree.jsx create mode 100644 components/features/FeaturesEight.jsx create mode 100644 components/footer/CopyRight.jsx create mode 100644 components/footer/CopyRightFour.jsx create mode 100644 components/footer/CopyRightThree.jsx create mode 100644 components/footer/CopyRightTwo.jsx create mode 100644 components/footer/Footer.jsx create mode 100644 components/footer/FooterEight.jsx create mode 100644 components/footer/FooterFive.jsx create mode 100644 components/footer/FooterFour.jsx create mode 100644 components/footer/FooterSeven.jsx create mode 100644 components/footer/FooterSix.jsx create mode 100644 components/footer/FooterThree.jsx create mode 100644 components/footer/FooterTwo.jsx create mode 100644 components/form-survey-landing/Blog.jsx create mode 100644 components/form-survey-landing/CallToAction.jsx create mode 100644 components/form-survey-landing/Features.jsx create mode 100644 components/form-survey-landing/FeaturesAbout.jsx create mode 100644 components/form-survey-landing/Footer.jsx create mode 100644 components/form-survey-landing/HeaderLandingFormSurvey.jsx create mode 100644 components/form-survey-landing/HeroBannerThirteen.jsx create mode 100644 components/form-survey-landing/HowWorks.jsx create mode 100644 components/form-survey-landing/Portfolio.jsx create mode 100644 components/form-survey-landing/Pricing.jsx create mode 100644 components/form-survey-landing/Social.jsx create mode 100644 components/form-survey-landing/Testimonial.jsx create mode 100644 components/form/BlogDetailsForm.jsx create mode 100644 components/form/BlogSidebarForm.jsx create mode 100644 components/form/BlogSidebarForm2.jsx create mode 100644 components/form/CartForm.jsx create mode 100644 components/form/CheckoutForm.jsx create mode 100644 components/form/CommingSoonForm.jsx create mode 100644 components/form/DocFormTwo.jsx create mode 100644 components/form/FaqForm.jsx create mode 100644 components/form/FormAppoint.jsx create mode 100644 components/form/FormDemo.jsx create mode 100644 components/form/FormDoc.jsx create mode 100644 components/form/FormEvent.jsx create mode 100644 components/form/FormFooterSignup.jsx create mode 100644 components/form/FormProjectManagement.jsx create mode 100644 components/form/HeaderPopupForm.jsx create mode 100644 components/header/Header.jsx create mode 100644 components/header/HeaderFive.jsx create mode 100644 components/header/HeaderFour.jsx create mode 100644 components/header/HeaderThree.jsx create mode 100644 components/header/HeaderTwo.jsx create mode 100644 components/header/MobileMenu.jsx create mode 100644 components/header/MobileMenuTwo.jsx create mode 100644 components/header/landing/HeaderLanding.jsx create mode 100644 components/header/landing/HeaderLandingAppointment.jsx create mode 100644 components/header/landing/HeaderLandingDark.jsx create mode 100644 components/header/landing/HeaderLandingDocSignature.jsx create mode 100644 components/header/landing/HeaderLandingEditor.jsx create mode 100644 components/header/landing/HeaderLandingMobileApp.jsx create mode 100644 components/header/landing/HeaderLandingNoteTaking.jsx create mode 100644 components/header/landing/HeaderLandingWebsiteBuilder.jsx create mode 100644 components/header/mega-menu/MegaMenu.jsx create mode 100644 components/header/mega-menu/MegaMenuLanding.jsx create mode 100644 components/header/mega-menu/MegaMenuMobile.jsx create mode 100644 components/header/mega-menu/MenuLink.jsx create mode 100644 components/header/mega-menu/MenuLinkTwo.jsx create mode 100644 components/hero-banner/HeroBannerEight.jsx create mode 100644 components/hero-banner/HeroBannerEleven.jsx create mode 100644 components/hero-banner/HeroBannerFive.jsx create mode 100644 components/hero-banner/HeroBannerFour.jsx create mode 100644 components/hero-banner/HeroBannerNine.jsx create mode 100644 components/hero-banner/HeroBannerSeven.jsx create mode 100644 components/hero-banner/HeroBannerSix.jsx create mode 100644 components/hero-banner/HeroBannerThree.jsx create mode 100644 components/hero-banner/HeroBannerTwelve.jsx create mode 100644 components/hero-banner/HeroBannerTwo.jsx create mode 100644 components/portfolio/MobileAppPortfolio.jsx create mode 100644 components/portfolio/MobileAppScreenSlider.jsx create mode 100644 components/portfolio/Portfolio.jsx create mode 100644 components/portfolio/PortfolioFive.jsx create mode 100644 components/portfolio/PortfolioFour.jsx create mode 100644 components/portfolio/PortfolioSix.jsx create mode 100644 components/portfolio/PortfolioThree.jsx create mode 100644 components/portfolio/PortfolioTwo.jsx create mode 100644 components/pricing/PricingEight.jsx create mode 100644 components/pricing/PricingFive.jsx create mode 100644 components/pricing/PricingSeven.jsx create mode 100644 components/pricing/PricingThree.jsx create mode 100644 components/pricing/pricing-four/Pricing.jsx create mode 100644 components/pricing/pricing-four/PricingMonthly.jsx create mode 100644 components/pricing/pricing-four/PricingYearly.jsx create mode 100644 components/pricing/pricing-one/Pricing.jsx create mode 100644 components/pricing/pricing-one/PricingMonthly.jsx create mode 100644 components/pricing/pricing-one/PricingYearly.jsx create mode 100644 components/pricing/pricing-six/Pricing.jsx create mode 100644 components/pricing/pricing-six/PricingMonthly.jsx create mode 100644 components/pricing/pricing-six/PricingYearly.jsx create mode 100644 components/pricing/pricing-two/Pricing.jsx create mode 100644 components/pricing/pricing-two/PricingMonthly.jsx create mode 100644 components/pricing/pricing-two/PricingYearly.jsx create mode 100644 components/scrollpy/Scrollphy.jsx create mode 100644 components/service/Service.jsx create mode 100644 components/social/Social.jsx create mode 100644 components/social/SocialTwo.jsx create mode 100644 components/team/Nav.jsx create mode 100644 components/team/TeamDetails.jsx create mode 100644 components/team/TeamDetailsSlider.jsx create mode 100644 components/team/TeamFive.jsx create mode 100644 components/team/TeamFour.jsx create mode 100644 components/team/TeamOne.jsx create mode 100644 components/team/TeamSlider.jsx create mode 100644 components/team/TeamThree.jsx create mode 100644 components/team/TeamTwo.jsx create mode 100644 components/testimonial/Testimonial.jsx create mode 100644 components/testimonial/TestimonialFive.jsx create mode 100644 components/testimonial/TestimonialFour.jsx create mode 100644 components/testimonial/TestimonialSeven.jsx create mode 100644 components/testimonial/TestimonialSix.jsx create mode 100644 components/testimonial/TestimonialThree.jsx create mode 100644 components/testimonial/TestimonialTwo.jsx create mode 100644 components/video/FacnyVideoThree.jsx create mode 100644 components/video/FacnyVideoTwo.jsx create mode 100644 components/video/FancyVideoFive.jsx create mode 100644 components/video/FancyVideoFour.jsx create mode 100644 components/video/FancyVideoOne.jsx create mode 100644 components/video/FancyVideoSix.jsx create mode 100644 components/video/VideoGallery.jsx create mode 100644 components/vr-landing/BlockFeaturesOne.jsx create mode 100644 components/vr-landing/BlockFeaturesTwo.jsx create mode 100644 components/vr-landing/FancyFeature.jsx create mode 100644 components/vr-landing/FancyVideo.jsx create mode 100644 components/vr-landing/FeatureCounter.jsx create mode 100644 components/vr-landing/Header.jsx create mode 100644 components/vr-landing/HeroBanner.jsx create mode 100644 components/vr-landing/LatestProduct.jsx create mode 100644 components/vr-landing/Testimonials.jsx create mode 100644 context/Context.jsx create mode 100644 data/blogs.js create mode 100644 data/faqs.js create mode 100644 data/portfolios.js create mode 100644 data/products.js create mode 100644 data/service.js create mode 100644 data/team.js create mode 100644 docker-compose.yml create mode 100644 docker/Dockerfile create mode 100644 elements/Video.jsx create mode 100644 jsconfig.json create mode 100644 next.config.js create mode 100644 package.json create mode 100644 public/fonts/font-awesome/css/font-awesome.min.css create mode 100644 public/fonts/font-awesome/fonts/FontAwesome.otf create mode 100644 public/fonts/font-awesome/fonts/fontawesome-webfont.eot create mode 100644 public/fonts/font-awesome/fonts/fontawesome-webfont.svg create mode 100644 public/fonts/font-awesome/fonts/fontawesome-webfont.ttf create mode 100644 public/fonts/font-awesome/fonts/fontawesome-webfont.woff create mode 100644 public/fonts/font-awesome/fonts/fontawesome-webfont.woff2 create mode 100644 public/fonts/gilroy/fonts.css create mode 100644 public/fonts/gilroy/gilroy-black-webfont.woff create mode 100644 public/fonts/gilroy/gilroy-black-webfont.woff2 create mode 100644 public/fonts/gilroy/gilroy-bold-webfont.woff create mode 100644 public/fonts/gilroy/gilroy-bold-webfont.woff2 create mode 100644 public/fonts/gilroy/gilroy-light-webfont.ttf create mode 100644 public/fonts/gilroy/gilroy-light-webfont.woff create mode 100644 public/fonts/gilroy/gilroy-light-webfont.woff2 create mode 100644 public/fonts/gilroy/gilroy-semibold-webfont.woff create mode 100644 public/fonts/gilroy/gilroy-semibold-webfont.woff2 create mode 100644 public/fonts/gilroy/gilroy-ultralight-webfont.woff create mode 100644 public/fonts/gilroy/gilroy-ultralight-webfont.woff2 create mode 100644 public/fonts/glyphicons/glyphicons-halflings-regular.eot create mode 100644 public/fonts/glyphicons/glyphicons-halflings-regular.svg create mode 100644 public/fonts/glyphicons/glyphicons-halflings-regular.ttf create mode 100644 public/fonts/glyphicons/glyphicons-halflings-regular.woff create mode 100644 public/fonts/glyphicons/glyphicons-halflings-regular.woff2 create mode 100644 public/fonts/gordita/gordita_medium-webfont.woff create mode 100644 public/fonts/gordita/gordita_medium-webfont.woff2 create mode 100644 public/fonts/gordita/gordita_regular-webfont.woff create mode 100644 public/fonts/gordita/gordita_regular-webfont.woff2 create mode 100644 public/fonts/gordita/stylesheet.css create mode 100644 public/fonts/icon/font/Flaticon.eot create mode 100644 public/fonts/icon/font/Flaticon.svg create mode 100644 public/fonts/icon/font/Flaticon.ttf create mode 100644 public/fonts/icon/font/Flaticon.woff create mode 100644 public/fonts/icon/font/Flaticon.woff2 create mode 100644 public/fonts/icon/font/_flaticon.scss create mode 100644 public/fonts/icon/font/flaticon.css create mode 100644 public/fonts/icon/font/flaticon.html create mode 100644 public/fonts/recoleta/Recoleta-Black.eot create mode 100644 public/fonts/recoleta/Recoleta-Black.ttf create mode 100644 public/fonts/recoleta/Recoleta-Black.woff create mode 100644 public/fonts/recoleta/Recoleta-Black.woff2 create mode 100644 public/fonts/recoleta/Recoleta-Bold.eot create mode 100644 public/fonts/recoleta/Recoleta-Bold.ttf create mode 100644 public/fonts/recoleta/Recoleta-Bold.woff create mode 100644 public/fonts/recoleta/Recoleta-Bold.woff2 create mode 100644 public/fonts/recoleta/Recoleta-Light.eot create mode 100644 public/fonts/recoleta/Recoleta-Light.ttf create mode 100644 public/fonts/recoleta/Recoleta-Light.woff create mode 100644 public/fonts/recoleta/Recoleta-Light.woff2 create mode 100644 public/fonts/recoleta/Recoleta-Medium.eot create mode 100644 public/fonts/recoleta/Recoleta-Medium.ttf create mode 100644 public/fonts/recoleta/Recoleta-Medium.woff create mode 100644 public/fonts/recoleta/Recoleta-Medium.woff2 create mode 100644 public/fonts/recoleta/Recoleta-Regular.eot create mode 100644 public/fonts/recoleta/Recoleta-Regular.ttf create mode 100644 public/fonts/recoleta/Recoleta-Regular.woff create mode 100644 public/fonts/recoleta/Recoleta-Regular.woff2 create mode 100644 public/fonts/recoleta/Recoleta-SemiBold.eot create mode 100644 public/fonts/recoleta/Recoleta-SemiBold.ttf create mode 100644 public/fonts/recoleta/Recoleta-SemiBold.woff create mode 100644 public/fonts/recoleta/Recoleta-SemiBold.woff2 create mode 100644 public/fonts/recoleta/Recoleta-Thin.eot create mode 100644 public/fonts/recoleta/Recoleta-Thin.ttf create mode 100644 public/fonts/recoleta/Recoleta-Thin.woff create mode 100644 public/fonts/recoleta/Recoleta-Thin.woff2 create mode 100644 public/fonts/recoleta/stylesheet.css create mode 100644 public/images/assets/dot-bg-01.svg create mode 100644 public/images/assets/feature-img-01-01.png create mode 100644 public/images/assets/feature-img-01-02.png create mode 100644 public/images/assets/feature-img-01-03.png create mode 100644 public/images/assets/feature-img-01-04.png create mode 100644 public/images/assets/feature-img-01-05.png create mode 100644 public/images/assets/feature-img-01.png create mode 100644 public/images/assets/feature-img-02.png create mode 100644 public/images/assets/feature-img-03.png create mode 100644 public/images/assets/feature-img-04.png create mode 100644 public/images/assets/feature-img-05.png create mode 100644 public/images/assets/feature-img-06-01.png create mode 100644 public/images/assets/feature-img-06.png create mode 100644 public/images/assets/feature-img-07-01.png create mode 100644 public/images/assets/feature-img-07.png create mode 100644 public/images/assets/feature-img-08.png create mode 100644 public/images/assets/feature-img-09.png create mode 100644 public/images/assets/feature-img-10.png create mode 100644 public/images/assets/feature-img-11.png create mode 100644 public/images/assets/feature-img-12.png create mode 100644 public/images/assets/ils-01.1.png create mode 100644 public/images/assets/ils-01.2.png create mode 100644 public/images/assets/ils-01.3.png create mode 100644 public/images/assets/ils-01.png create mode 100644 public/images/assets/ils-02.png create mode 100644 public/images/assets/ils-03.png create mode 100644 public/images/assets/ils_01.svg create mode 100644 public/images/assets/ils_02.svg create mode 100644 public/images/assets/ils_03.svg create mode 100644 public/images/assets/ils_04.svg create mode 100644 public/images/assets/ils_05.svg create mode 100644 public/images/assets/ils_06.svg create mode 100644 public/images/assets/ils_07.svg create mode 100644 public/images/assets/ils_08.1.svg create mode 100644 public/images/assets/ils_08.2.svg create mode 100644 public/images/assets/ils_08.svg create mode 100644 public/images/assets/ils_09.svg create mode 100644 public/images/assets/ils_10.svg create mode 100644 public/images/assets/ils_11.svg create mode 100644 public/images/assets/ils_12.svg create mode 100644 public/images/assets/ils_13.svg create mode 100644 public/images/assets/ils_14.1.svg create mode 100644 public/images/assets/ils_14.2.svg create mode 100644 public/images/assets/ils_14.3.svg create mode 100644 public/images/assets/ils_14.svg create mode 100644 public/images/assets/ils_15.svg create mode 100644 public/images/assets/ils_16.svg create mode 100644 public/images/assets/ils_17.svg create mode 100644 public/images/assets/ils_18.svg create mode 100644 public/images/assets/ils_19.svg create mode 100644 public/images/assets/ils_20.svg create mode 100644 public/images/assets/ils_21.svg create mode 100644 public/images/assets/ils_22.1.svg create mode 100644 public/images/assets/ils_22.2.svg create mode 100644 public/images/assets/ils_22.svg create mode 100644 public/images/assets/ils_23.1.svg create mode 100644 public/images/assets/ils_23.2.svg create mode 100644 public/images/assets/ils_23.3.svg create mode 100644 public/images/assets/ils_23.svg create mode 100644 public/images/assets/ogg.png create mode 100644 public/images/assets/screen_01.1.png create mode 100644 public/images/assets/screen_01.2.png create mode 100644 public/images/assets/screen_01.png create mode 100644 public/images/assets/screen_02.png create mode 100644 public/images/assets/screen_03.png create mode 100644 public/images/assets/screen_04.png create mode 100644 public/images/assets/screen_05.png create mode 100644 public/images/assets/screen_06.png create mode 100644 public/images/assets/screen_07.png create mode 100644 public/images/assets/screen_08.png create mode 100644 public/images/assets/screen_09.png create mode 100644 public/images/assets/screen_10.png create mode 100644 public/images/assets/screen_11.png create mode 100644 public/images/assets/screen_12.png create mode 100644 public/images/assets/screen_13.png create mode 100644 public/images/assets/screen_14.png create mode 100644 public/images/assets/screen_15.png create mode 100644 public/images/assets/screen_16.png create mode 100644 public/images/assets/screen_17.png create mode 100644 public/images/assets/screen_18.png create mode 100644 public/images/assets/screen_19.png create mode 100644 public/images/assets/screen_20.png create mode 100644 public/images/assets/screen_21.png create mode 100644 public/images/assets/screen_22.png create mode 100644 public/images/assets/screen_23.png create mode 100644 public/images/assets/screen_24.png create mode 100644 public/images/assets/screen_25.png create mode 100644 public/images/assets/screen_26.png create mode 100644 public/images/assets/screen_27.png create mode 100644 public/images/assets/screen_28.png create mode 100644 public/images/assets/screen_29.png create mode 100644 public/images/assets/screen_30.png create mode 100644 public/images/assets/screen_31.png create mode 100644 public/images/assets/screen_32.png create mode 100644 public/images/assets/screen_33.png create mode 100644 public/images/assets/screen_34.png create mode 100644 public/images/assets/screen_35.png create mode 100644 public/images/assets/screen_36.png create mode 100644 public/images/assets/screen_37.png create mode 100644 public/images/assets/screen_38.1.png create mode 100644 public/images/assets/screen_38.png create mode 100644 public/images/blog/media_01.png create mode 100644 public/images/blog/media_02.png create mode 100644 public/images/blog/media_03.png create mode 100644 public/images/blog/media_04.png create mode 100644 public/images/blog/media_05.png create mode 100644 public/images/blog/media_06.png create mode 100644 public/images/blog/media_07.png create mode 100644 public/images/blog/media_08.png create mode 100644 public/images/blog/media_09.png create mode 100644 public/images/blog/media_10.png create mode 100644 public/images/blog/media_11.png create mode 100644 public/images/blog/media_12.png create mode 100644 public/images/blog/media_13.png create mode 100644 public/images/blog/media_14.png create mode 100644 public/images/blog/media_15.png create mode 100644 public/images/blog/media_16.png create mode 100644 public/images/blog/media_17.png create mode 100644 public/images/blog/media_18.png create mode 100644 public/images/blog/media_19.png create mode 100644 public/images/blog/media_20.png create mode 100644 public/images/blog/media_21.png create mode 100644 public/images/blog/media_22.png create mode 100644 public/images/blog/media_23.png create mode 100644 public/images/blog/media_24.png create mode 100644 public/images/blog/media_25.png create mode 100644 public/images/blog/media_26.png create mode 100644 public/images/blog/media_27.png create mode 100644 public/images/blog/media_28.png create mode 100644 public/images/blog/media_29.png create mode 100644 public/images/blog/media_30.png create mode 100644 public/images/blog/media_31.png create mode 100644 public/images/blog/media_32.jpg create mode 100644 public/images/blog/media_33.jpg create mode 100644 public/images/blog/media_34.jpg create mode 100644 public/images/blog/media_35.jpg create mode 100644 public/images/blog/media_36.jpg create mode 100644 public/images/blog/media_37.jpg create mode 100644 public/images/cancel.svg create mode 100644 public/images/doc/img_01.png create mode 100644 public/images/fav-icon/icon.png create mode 100644 public/images/gallery/img_01.jpg create mode 100644 public/images/gallery/img_02.jpg create mode 100644 public/images/gallery/img_03.jpg create mode 100644 public/images/gallery/img_04.jpg create mode 100644 public/images/gallery/img_05.jpg create mode 100644 public/images/gallery/img_06.jpg create mode 100644 public/images/gallery/img_07.jpg create mode 100644 public/images/gallery/img_08.jpg create mode 100644 public/images/gallery/img_09.jpg create mode 100644 public/images/gallery/img_10.jpg create mode 100644 public/images/gallery/img_11.jpg create mode 100644 public/images/gallery/img_12.jpg create mode 100644 public/images/gallery/img_13.jpg create mode 100644 public/images/gallery/img_14.jpg create mode 100644 public/images/gallery/img_15.jpg create mode 100644 public/images/gallery/img_16.jpg create mode 100644 public/images/gallery/img_17.jpg create mode 100644 public/images/gallery/img_18.jpg create mode 100644 public/images/gallery/img_19.jpg create mode 100644 public/images/gallery/img_20.jpg create mode 100644 public/images/gallery/img_21.jpg create mode 100644 public/images/gallery/img_22.jpg create mode 100644 public/images/gallery/img_23.jpg create mode 100644 public/images/gallery/img_24.jpg create mode 100644 public/images/gallery/img_25.jpg create mode 100644 public/images/gallery/img_26.jpg create mode 100644 public/images/gallery/img_27.jpg create mode 100644 public/images/gallery/img_28.jpg create mode 100644 public/images/gallery/img_29.jpg create mode 100644 public/images/gallery/img_30.jpg create mode 100644 public/images/gallery/img_31.jpg create mode 100644 public/images/gallery/img_32.jpg create mode 100644 public/images/gallery/img_33.jpg create mode 100644 public/images/gallery/img_34.jpg create mode 100644 public/images/gallery/img_35.jpg create mode 100644 public/images/gallery/img_36.jpg create mode 100644 public/images/gallery/img_37.jpg create mode 100644 public/images/gallery/img_38.jpg create mode 100644 public/images/gallery/img_39.jpg create mode 100644 public/images/gallery/img_40.jpg create mode 100644 public/images/gallery/img_41.jpg create mode 100644 public/images/gallery/img_42.jpg create mode 100644 public/images/icon/01.svg create mode 100644 public/images/icon/02.svg create mode 100644 public/images/icon/03.svg create mode 100644 public/images/icon/04.svg create mode 100644 public/images/icon/05.svg create mode 100644 public/images/icon/06.svg create mode 100644 public/images/icon/07.svg create mode 100644 public/images/icon/08.svg create mode 100644 public/images/icon/09.svg create mode 100644 public/images/icon/10.svg create mode 100644 public/images/icon/100.svg create mode 100644 public/images/icon/101.svg create mode 100644 public/images/icon/102.svg create mode 100644 public/images/icon/103.svg create mode 100644 public/images/icon/104.svg create mode 100644 public/images/icon/105-c.svg create mode 100644 public/images/icon/105.svg create mode 100644 public/images/icon/106-c.svg create mode 100644 public/images/icon/106.svg create mode 100644 public/images/icon/107-c.svg create mode 100644 public/images/icon/107.svg create mode 100644 public/images/icon/108-c.svg create mode 100644 public/images/icon/108.svg create mode 100644 public/images/icon/109-c.svg create mode 100644 public/images/icon/109.svg create mode 100644 public/images/icon/11.svg create mode 100644 public/images/icon/110-c.svg create mode 100644 public/images/icon/110.svg create mode 100644 public/images/icon/111-c.svg create mode 100644 public/images/icon/111.svg create mode 100644 public/images/icon/112.svg create mode 100644 public/images/icon/113.svg create mode 100644 public/images/icon/114.svg create mode 100644 public/images/icon/115.svg create mode 100644 public/images/icon/116.svg create mode 100644 public/images/icon/117.svg create mode 100644 public/images/icon/118.svg create mode 100644 public/images/icon/119.svg create mode 100644 public/images/icon/12.svg create mode 100644 public/images/icon/120.svg create mode 100644 public/images/icon/121.svg create mode 100644 public/images/icon/122.svg create mode 100644 public/images/icon/123.svg create mode 100644 public/images/icon/124.svg create mode 100644 public/images/icon/125.svg create mode 100644 public/images/icon/126.svg create mode 100644 public/images/icon/127.svg create mode 100644 public/images/icon/128.svg create mode 100644 public/images/icon/129.svg create mode 100644 public/images/icon/13.svg create mode 100644 public/images/icon/130.svg create mode 100644 public/images/icon/131.svg create mode 100644 public/images/icon/132.svg create mode 100644 public/images/icon/133.svg create mode 100644 public/images/icon/134.svg create mode 100644 public/images/icon/135.svg create mode 100644 public/images/icon/136.svg create mode 100644 public/images/icon/137.svg create mode 100644 public/images/icon/138.svg create mode 100644 public/images/icon/139.svg create mode 100644 public/images/icon/14.svg create mode 100644 public/images/icon/140.svg create mode 100644 public/images/icon/141.svg create mode 100644 public/images/icon/142.svg create mode 100644 public/images/icon/143.svg create mode 100644 public/images/icon/144.svg create mode 100644 public/images/icon/145.svg create mode 100644 public/images/icon/146.svg create mode 100644 public/images/icon/147.svg create mode 100644 public/images/icon/148.svg create mode 100644 public/images/icon/149.svg create mode 100644 public/images/icon/15.svg create mode 100644 public/images/icon/150.svg create mode 100644 public/images/icon/151.svg create mode 100644 public/images/icon/152.svg create mode 100644 public/images/icon/153.svg create mode 100644 public/images/icon/154.svg create mode 100644 public/images/icon/155.svg create mode 100644 public/images/icon/156.png create mode 100644 public/images/icon/157.svg create mode 100644 public/images/icon/158.svg create mode 100644 public/images/icon/159.svg create mode 100644 public/images/icon/16.svg create mode 100644 public/images/icon/160.svg create mode 100644 public/images/icon/161.svg create mode 100644 public/images/icon/162.svg create mode 100644 public/images/icon/163.svg create mode 100644 public/images/icon/164.svg create mode 100644 public/images/icon/165.svg create mode 100644 public/images/icon/166.svg create mode 100644 public/images/icon/167.svg create mode 100644 public/images/icon/168.svg create mode 100644 public/images/icon/169.svg create mode 100644 public/images/icon/17.svg create mode 100644 public/images/icon/170.svg create mode 100644 public/images/icon/171.svg create mode 100644 public/images/icon/172.svg create mode 100644 public/images/icon/173.svg create mode 100644 public/images/icon/174.svg create mode 100644 public/images/icon/175.svg create mode 100644 public/images/icon/176.svg create mode 100644 public/images/icon/177.svg create mode 100644 public/images/icon/178.svg create mode 100644 public/images/icon/179.svg create mode 100644 public/images/icon/18.svg create mode 100644 public/images/icon/180.svg create mode 100644 public/images/icon/181.svg create mode 100644 public/images/icon/182.svg create mode 100644 public/images/icon/183.svg create mode 100644 public/images/icon/184.svg create mode 100644 public/images/icon/185.png create mode 100644 public/images/icon/186.svg create mode 100644 public/images/icon/187.svg create mode 100644 public/images/icon/188.svg create mode 100644 public/images/icon/189.svg create mode 100644 public/images/icon/19.svg create mode 100644 public/images/icon/190.svg create mode 100644 public/images/icon/191.svg create mode 100644 public/images/icon/192.svg create mode 100644 public/images/icon/193.svg create mode 100644 public/images/icon/194.svg create mode 100644 public/images/icon/195.svg create mode 100644 public/images/icon/196.svg create mode 100644 public/images/icon/197.svg create mode 100644 public/images/icon/198.svg create mode 100644 public/images/icon/199.svg create mode 100644 public/images/icon/20.svg create mode 100644 public/images/icon/200.svg create mode 100644 public/images/icon/201.svg create mode 100644 public/images/icon/202.svg create mode 100644 public/images/icon/203.svg create mode 100644 public/images/icon/204.svg create mode 100644 public/images/icon/205.svg create mode 100644 public/images/icon/206.svg create mode 100644 public/images/icon/207.svg create mode 100644 public/images/icon/208.svg create mode 100644 public/images/icon/21.svg create mode 100644 public/images/icon/22.svg create mode 100644 public/images/icon/23.svg create mode 100644 public/images/icon/24.svg create mode 100644 public/images/icon/25.svg create mode 100644 public/images/icon/26.svg create mode 100644 public/images/icon/27.svg create mode 100644 public/images/icon/28.svg create mode 100644 public/images/icon/29.svg create mode 100644 public/images/icon/30.svg create mode 100644 public/images/icon/31.svg create mode 100644 public/images/icon/32.svg create mode 100644 public/images/icon/33.svg create mode 100644 public/images/icon/34.svg create mode 100644 public/images/icon/35.svg create mode 100644 public/images/icon/36.svg create mode 100644 public/images/icon/37.svg create mode 100644 public/images/icon/38.svg create mode 100644 public/images/icon/39.svg create mode 100644 public/images/icon/40.svg create mode 100644 public/images/icon/41.svg create mode 100644 public/images/icon/42.svg create mode 100644 public/images/icon/43.svg create mode 100644 public/images/icon/44.svg create mode 100644 public/images/icon/45.svg create mode 100644 public/images/icon/46.svg create mode 100644 public/images/icon/47.svg create mode 100644 public/images/icon/48.svg create mode 100644 public/images/icon/49.svg create mode 100644 public/images/icon/50.svg create mode 100644 public/images/icon/51.svg create mode 100644 public/images/icon/52.svg create mode 100644 public/images/icon/53.svg create mode 100644 public/images/icon/54.svg create mode 100644 public/images/icon/55.svg create mode 100644 public/images/icon/56.svg create mode 100644 public/images/icon/57.svg create mode 100644 public/images/icon/58.svg create mode 100644 public/images/icon/59.svg create mode 100644 public/images/icon/60.svg create mode 100644 public/images/icon/61.svg create mode 100644 public/images/icon/62.svg create mode 100644 public/images/icon/63.svg create mode 100644 public/images/icon/64.svg create mode 100644 public/images/icon/65.svg create mode 100644 public/images/icon/66.svg create mode 100644 public/images/icon/67.svg create mode 100644 public/images/icon/68.svg create mode 100644 public/images/icon/69.svg create mode 100644 public/images/icon/70.svg create mode 100644 public/images/icon/71.svg create mode 100644 public/images/icon/72.svg create mode 100644 public/images/icon/73.svg create mode 100644 public/images/icon/74.svg create mode 100644 public/images/icon/75.svg create mode 100644 public/images/icon/76.svg create mode 100644 public/images/icon/77.svg create mode 100644 public/images/icon/78.svg create mode 100644 public/images/icon/79.svg create mode 100644 public/images/icon/80.svg create mode 100644 public/images/icon/81.svg create mode 100644 public/images/icon/82.svg create mode 100644 public/images/icon/83.svg create mode 100644 public/images/icon/84.svg create mode 100644 public/images/icon/85.svg create mode 100644 public/images/icon/86.svg create mode 100644 public/images/icon/87.svg create mode 100644 public/images/icon/88.png create mode 100644 public/images/icon/89.svg create mode 100644 public/images/icon/90.svg create mode 100644 public/images/icon/91.svg create mode 100644 public/images/icon/92.svg create mode 100644 public/images/icon/93.svg create mode 100644 public/images/icon/94.svg create mode 100644 public/images/icon/95.svg create mode 100644 public/images/icon/96.svg create mode 100644 public/images/icon/97.svg create mode 100644 public/images/icon/98.svg create mode 100644 public/images/icon/99.svg create mode 100644 public/images/icon/apple-black.svg create mode 100644 public/images/icon/apple.svg create mode 100644 public/images/icon/chevron-w.png create mode 100644 public/images/icon/close-w.svg create mode 100644 public/images/icon/close.svg create mode 100644 public/images/icon/happy.svg create mode 100644 public/images/icon/play-circle.svg create mode 100644 public/images/icon/playstore.svg create mode 100644 public/images/icon/sad.svg create mode 100644 public/images/icon/surprised.svg create mode 100644 public/images/icon/user-w.svg create mode 100644 public/images/icon/user.svg create mode 100644 public/images/icon/view.svg create mode 100644 public/images/icon/windows.svg create mode 100644 public/images/logo/01.png create mode 100644 public/images/logo/02.png create mode 100644 public/images/logo/03.png create mode 100644 public/images/logo/04.png create mode 100644 public/images/logo/05.png create mode 100644 public/images/logo/06.png create mode 100644 public/images/logo/07.png create mode 100644 public/images/logo/08.png create mode 100644 public/images/logo/09.png create mode 100644 public/images/logo/10.png create mode 100644 public/images/logo/11.png create mode 100644 public/images/logo/12.png create mode 100644 public/images/logo/13.png create mode 100644 public/images/logo/14.png create mode 100644 public/images/logo/15.png create mode 100644 public/images/logo/16.png create mode 100644 public/images/logo/17.png create mode 100644 public/images/logo/18.png create mode 100644 public/images/logo/19.png create mode 100644 public/images/logo/20.png create mode 100644 public/images/logo/21.png create mode 100644 public/images/logo/22.png create mode 100644 public/images/logo/23.png create mode 100644 public/images/logo/24.png create mode 100644 public/images/logo/al-jazeera-png-aljazeera-logo-01-png-1800.png create mode 100644 public/images/logo/deski_01.svg create mode 100644 public/images/logo/deski_02.svg create mode 100644 public/images/logo/deski_03.svg create mode 100644 public/images/logo/deski_04.svg create mode 100644 public/images/logo/deski_05.svg create mode 100644 public/images/logo/deski_06.svg create mode 100644 public/images/logo/deski_07.svg create mode 100644 public/images/logo/deski_09.svg create mode 100644 public/images/logo/deski_10.svg create mode 100644 public/images/logo/logo-1.png create mode 100644 public/images/logo/logo-10.png create mode 100644 public/images/logo/logo-11.png create mode 100644 public/images/logo/logo-12.png create mode 100644 public/images/logo/logo-13.png create mode 100644 public/images/logo/logo-14.png create mode 100644 public/images/logo/logo-15.png create mode 100644 public/images/logo/logo-16.png create mode 100644 public/images/logo/logo-17.svg create mode 100644 public/images/logo/logo-18.svg create mode 100644 public/images/logo/logo-19.svg create mode 100644 public/images/logo/logo-2.png create mode 100644 public/images/logo/logo-20.svg create mode 100644 public/images/logo/logo-21.png create mode 100644 public/images/logo/logo-22.png create mode 100644 public/images/logo/logo-23.png create mode 100644 public/images/logo/logo-24.png create mode 100644 public/images/logo/logo-25.png create mode 100644 public/images/logo/logo-26.png create mode 100644 public/images/logo/logo-27.png create mode 100644 public/images/logo/logo-28.png create mode 100644 public/images/logo/logo-29.png create mode 100644 public/images/logo/logo-3.png create mode 100644 public/images/logo/logo-30.png create mode 100644 public/images/logo/logo-31.png create mode 100644 public/images/logo/logo-32.png create mode 100644 public/images/logo/logo-33.png create mode 100644 public/images/logo/logo-34.png create mode 100644 public/images/logo/logo-35.png create mode 100644 public/images/logo/logo-36.png create mode 100644 public/images/logo/logo-37.png create mode 100644 public/images/logo/logo-38.png create mode 100644 public/images/logo/logo-39.png create mode 100644 public/images/logo/logo-4.png create mode 100644 public/images/logo/logo-40.png create mode 100644 public/images/logo/logo-41.png create mode 100644 public/images/logo/logo-42.png create mode 100644 public/images/logo/logo-43.png create mode 100644 public/images/logo/logo-44.png create mode 100644 public/images/logo/logo-45.png create mode 100644 public/images/logo/logo-46.png create mode 100644 public/images/logo/logo-47.png create mode 100644 public/images/logo/logo-48.png create mode 100644 public/images/logo/logo-49.png create mode 100644 public/images/logo/logo-5.png create mode 100644 public/images/logo/logo-50.png create mode 100644 public/images/logo/logo-51.png create mode 100644 public/images/logo/logo-52.png create mode 100644 public/images/logo/logo-53.png create mode 100644 public/images/logo/logo-54.png create mode 100644 public/images/logo/logo-55.png create mode 100644 public/images/logo/logo-56.png create mode 100644 public/images/logo/logo-6.png create mode 100644 public/images/logo/logo-7.png create mode 100644 public/images/logo/logo-8.png create mode 100644 public/images/logo/logo-9.png create mode 100644 public/images/logo/p-1.png create mode 100644 public/images/logo/p-2.png create mode 100644 public/images/logo/p-3.png create mode 100644 public/images/logo/p-4.png create mode 100644 public/images/logo/p-5.png create mode 100644 public/images/logo/p-6.png create mode 100644 public/images/logo/p-7.png create mode 100644 public/images/logo/p-8.png create mode 100644 public/images/logo/p-9.png create mode 100644 public/images/media/404-q.svg create mode 100644 public/images/media/404.svg create mode 100644 public/images/media/img_01.png create mode 100644 public/images/media/img_02.png create mode 100644 public/images/media/img_03.png create mode 100644 public/images/media/img_04.png create mode 100644 public/images/media/img_05.png create mode 100644 public/images/media/img_06.png create mode 100644 public/images/media/img_07.png create mode 100644 public/images/media/img_08.png create mode 100644 public/images/media/img_09.png create mode 100644 public/images/media/img_10.png create mode 100644 public/images/media/img_100.png create mode 100644 public/images/media/img_101.png create mode 100644 public/images/media/img_102.png create mode 100644 public/images/media/img_103.png create mode 100644 public/images/media/img_104.png create mode 100644 public/images/media/img_105.png create mode 100644 public/images/media/img_106.png create mode 100644 public/images/media/img_107.png create mode 100644 public/images/media/img_108.png create mode 100644 public/images/media/img_109.png create mode 100644 public/images/media/img_11.png create mode 100644 public/images/media/img_110.png create mode 100644 public/images/media/img_110_1.jpg create mode 100644 public/images/media/img_111.png create mode 100644 public/images/media/img_111_1.jpg create mode 100644 public/images/media/img_112.jpg create mode 100644 public/images/media/img_113.jpg create mode 100644 public/images/media/img_114.jpg create mode 100644 public/images/media/img_115.png create mode 100644 public/images/media/img_116.png create mode 100644 public/images/media/img_117.png create mode 100644 public/images/media/img_118.jpg create mode 100644 public/images/media/img_119.png create mode 100644 public/images/media/img_12.png create mode 100644 public/images/media/img_120.jpg create mode 100644 public/images/media/img_121.png create mode 100644 public/images/media/img_122.jpg create mode 100644 public/images/media/img_123.png create mode 100644 public/images/media/img_124.png create mode 100644 public/images/media/img_125.jpg create mode 100644 public/images/media/img_126.jpg create mode 100644 public/images/media/img_127.jpg create mode 100644 public/images/media/img_128.jpg create mode 100644 public/images/media/img_129.jpg create mode 100644 public/images/media/img_13.png create mode 100644 public/images/media/img_14.png create mode 100644 public/images/media/img_15.png create mode 100644 public/images/media/img_16.png create mode 100644 public/images/media/img_17.png create mode 100644 public/images/media/img_18.png create mode 100644 public/images/media/img_19.png create mode 100644 public/images/media/img_20.png create mode 100644 public/images/media/img_21.png create mode 100644 public/images/media/img_22.png create mode 100644 public/images/media/img_23.png create mode 100644 public/images/media/img_24.png create mode 100644 public/images/media/img_25.png create mode 100644 public/images/media/img_26.png create mode 100644 public/images/media/img_27.png create mode 100644 public/images/media/img_28.png create mode 100644 public/images/media/img_29.png create mode 100644 public/images/media/img_30.png create mode 100644 public/images/media/img_31.png create mode 100644 public/images/media/img_32.png create mode 100644 public/images/media/img_33.png create mode 100644 public/images/media/img_34.png create mode 100644 public/images/media/img_35.png create mode 100644 public/images/media/img_36.png create mode 100644 public/images/media/img_37.png create mode 100644 public/images/media/img_38.png create mode 100644 public/images/media/img_39.png create mode 100644 public/images/media/img_40.png create mode 100644 public/images/media/img_41.png create mode 100644 public/images/media/img_42.png create mode 100644 public/images/media/img_43.png create mode 100644 public/images/media/img_44.png create mode 100644 public/images/media/img_45.png create mode 100644 public/images/media/img_46.png create mode 100644 public/images/media/img_47.png create mode 100644 public/images/media/img_48.png create mode 100644 public/images/media/img_49.png create mode 100644 public/images/media/img_50.png create mode 100644 public/images/media/img_51.png create mode 100644 public/images/media/img_52.png create mode 100644 public/images/media/img_53.png create mode 100644 public/images/media/img_54.png create mode 100644 public/images/media/img_55.png create mode 100644 public/images/media/img_56.png create mode 100644 public/images/media/img_57.png create mode 100644 public/images/media/img_58.png create mode 100644 public/images/media/img_59.png create mode 100644 public/images/media/img_60.png create mode 100644 public/images/media/img_61.png create mode 100644 public/images/media/img_62.png create mode 100644 public/images/media/img_63.png create mode 100644 public/images/media/img_64.png create mode 100644 public/images/media/img_65.png create mode 100644 public/images/media/img_66.png create mode 100644 public/images/media/img_67.png create mode 100644 public/images/media/img_68.png create mode 100644 public/images/media/img_69.png create mode 100644 public/images/media/img_70.png create mode 100644 public/images/media/img_71.png create mode 100644 public/images/media/img_72.png create mode 100644 public/images/media/img_73.png create mode 100644 public/images/media/img_74.png create mode 100644 public/images/media/img_75.png create mode 100644 public/images/media/img_76.png create mode 100644 public/images/media/img_77.png create mode 100644 public/images/media/img_78.png create mode 100644 public/images/media/img_79.png create mode 100644 public/images/media/img_80.png create mode 100644 public/images/media/img_81.png create mode 100644 public/images/media/img_82.png create mode 100644 public/images/media/img_83.png create mode 100644 public/images/media/img_84.png create mode 100644 public/images/media/img_85.png create mode 100644 public/images/media/img_86.png create mode 100644 public/images/media/img_87.png create mode 100644 public/images/media/img_88.png create mode 100644 public/images/media/img_89.png create mode 100644 public/images/media/img_90.png create mode 100644 public/images/media/img_91.png create mode 100644 public/images/media/img_92.png create mode 100644 public/images/media/img_93.png create mode 100644 public/images/media/img_94.png create mode 100644 public/images/media/img_95.png create mode 100644 public/images/media/img_96.png create mode 100644 public/images/media/img_97.png create mode 100644 public/images/media/img_98.png create mode 100644 public/images/media/img_99.png create mode 100644 public/images/menu/home01.png create mode 100644 public/images/menu/home02.png create mode 100644 public/images/menu/home03.png create mode 100644 public/images/menu/home04.png create mode 100644 public/images/menu/home05.png create mode 100644 public/images/menu/home06.png create mode 100644 public/images/menu/home07.png create mode 100644 public/images/menu/home08.png create mode 100644 public/images/menu/home09.png create mode 100644 public/images/menu/home10.png create mode 100644 public/images/menu/home11.png create mode 100644 public/images/menu/home12.png create mode 100644 public/images/menu/home13.png create mode 100644 public/images/menu/home14.png create mode 100644 public/images/menu/home15.png create mode 100644 public/images/menu/home16.png create mode 100644 public/images/menusicon/chevron-down.svg create mode 100644 public/images/menusicon/chevron-right.svg create mode 100644 public/images/menusicon/dash.svg create mode 100644 public/images/menusicon/plus.svg create mode 100644 public/images/shape/1.svg create mode 100644 public/images/shape/10.svg create mode 100644 public/images/shape/100.svg create mode 100644 public/images/shape/101.svg create mode 100644 public/images/shape/102.svg create mode 100644 public/images/shape/103.svg create mode 100644 public/images/shape/104.svg create mode 100644 public/images/shape/105.svg create mode 100644 public/images/shape/106.svg create mode 100644 public/images/shape/107.svg create mode 100644 public/images/shape/108.svg create mode 100644 public/images/shape/109.svg create mode 100644 public/images/shape/11.svg create mode 100644 public/images/shape/110.svg create mode 100644 public/images/shape/111.svg create mode 100644 public/images/shape/112.svg create mode 100644 public/images/shape/113.svg create mode 100644 public/images/shape/114.svg create mode 100644 public/images/shape/115.svg create mode 100644 public/images/shape/116.svg create mode 100644 public/images/shape/117.svg create mode 100644 public/images/shape/118.svg create mode 100644 public/images/shape/119.svg create mode 100644 public/images/shape/12.svg create mode 100644 public/images/shape/120.svg create mode 100644 public/images/shape/121.svg create mode 100644 public/images/shape/122.svg create mode 100644 public/images/shape/123.svg create mode 100644 public/images/shape/124.svg create mode 100644 public/images/shape/125.svg create mode 100644 public/images/shape/126.svg create mode 100644 public/images/shape/127.svg create mode 100644 public/images/shape/128.svg create mode 100644 public/images/shape/129.svg create mode 100644 public/images/shape/13.svg create mode 100644 public/images/shape/130.svg create mode 100644 public/images/shape/131.svg create mode 100644 public/images/shape/132.svg create mode 100644 public/images/shape/133.svg create mode 100644 public/images/shape/134.svg create mode 100644 public/images/shape/135.svg create mode 100644 public/images/shape/136.svg create mode 100644 public/images/shape/137.svg create mode 100644 public/images/shape/138.svg create mode 100644 public/images/shape/139.svg create mode 100644 public/images/shape/14.svg create mode 100644 public/images/shape/140.svg create mode 100644 public/images/shape/141.svg create mode 100644 public/images/shape/142.svg create mode 100644 public/images/shape/143.svg create mode 100644 public/images/shape/144.svg create mode 100644 public/images/shape/145.svg create mode 100644 public/images/shape/146.svg create mode 100644 public/images/shape/147.svg create mode 100644 public/images/shape/148.svg create mode 100644 public/images/shape/149.svg create mode 100644 public/images/shape/15.svg create mode 100644 public/images/shape/150.png create mode 100644 public/images/shape/151.svg create mode 100644 public/images/shape/152.svg create mode 100644 public/images/shape/153.png create mode 100644 public/images/shape/154.svg create mode 100644 public/images/shape/155.png create mode 100644 public/images/shape/155.svg create mode 100644 public/images/shape/156.svg create mode 100644 public/images/shape/157.svg create mode 100644 public/images/shape/158.svg create mode 100644 public/images/shape/159.svg create mode 100644 public/images/shape/16.svg create mode 100644 public/images/shape/160.png create mode 100644 public/images/shape/161.svg create mode 100644 public/images/shape/162.svg create mode 100644 public/images/shape/163.svg create mode 100644 public/images/shape/164.svg create mode 100644 public/images/shape/165.svg create mode 100644 public/images/shape/166.png create mode 100644 public/images/shape/167.png create mode 100644 public/images/shape/168.svg create mode 100644 public/images/shape/169.svg create mode 100644 public/images/shape/17.svg create mode 100644 public/images/shape/170.svg create mode 100644 public/images/shape/171.svg create mode 100644 public/images/shape/172.svg create mode 100644 public/images/shape/173.svg create mode 100644 public/images/shape/174.svg create mode 100644 public/images/shape/175.svg create mode 100644 public/images/shape/176.svg create mode 100644 public/images/shape/177.svg create mode 100644 public/images/shape/178.svg create mode 100644 public/images/shape/179.svg create mode 100644 public/images/shape/18.svg create mode 100644 public/images/shape/180.svg create mode 100644 public/images/shape/181.svg create mode 100644 public/images/shape/182.svg create mode 100644 public/images/shape/183.svg create mode 100644 public/images/shape/184.svg create mode 100644 public/images/shape/185.svg create mode 100644 public/images/shape/186.svg create mode 100644 public/images/shape/187.svg create mode 100644 public/images/shape/188.svg create mode 100644 public/images/shape/189.svg create mode 100644 public/images/shape/19.svg create mode 100644 public/images/shape/190.svg create mode 100644 public/images/shape/191.svg create mode 100644 public/images/shape/192.svg create mode 100644 public/images/shape/193.svg create mode 100644 public/images/shape/194.svg create mode 100644 public/images/shape/195.svg create mode 100644 public/images/shape/196.svg create mode 100644 public/images/shape/197.svg create mode 100644 public/images/shape/198.svg create mode 100644 public/images/shape/199.svg create mode 100644 public/images/shape/2.svg create mode 100644 public/images/shape/20.svg create mode 100644 public/images/shape/200.svg create mode 100644 public/images/shape/201.svg create mode 100644 public/images/shape/202.svg create mode 100644 public/images/shape/203.svg create mode 100644 public/images/shape/204.svg create mode 100644 public/images/shape/205.svg create mode 100644 public/images/shape/206.svg create mode 100644 public/images/shape/207.svg create mode 100644 public/images/shape/208.svg create mode 100644 public/images/shape/209.svg create mode 100644 public/images/shape/21.svg create mode 100644 public/images/shape/210.svg create mode 100644 public/images/shape/211.svg create mode 100644 public/images/shape/212.svg create mode 100644 public/images/shape/213.svg create mode 100644 public/images/shape/214.svg create mode 100644 public/images/shape/215.svg create mode 100644 public/images/shape/216.svg create mode 100644 public/images/shape/217.svg create mode 100644 public/images/shape/218.svg create mode 100644 public/images/shape/219.svg create mode 100644 public/images/shape/22.svg create mode 100644 public/images/shape/220.svg create mode 100644 public/images/shape/221.svg create mode 100644 public/images/shape/222.jpg create mode 100644 public/images/shape/223.jpg create mode 100644 public/images/shape/224.jpg create mode 100644 public/images/shape/225.jpg create mode 100644 public/images/shape/226.jpg create mode 100644 public/images/shape/227.jpg create mode 100644 public/images/shape/228.jpg create mode 100644 public/images/shape/229.jpg create mode 100644 public/images/shape/23.svg create mode 100644 public/images/shape/230.svg create mode 100644 public/images/shape/231.svg create mode 100644 public/images/shape/232.svg create mode 100644 public/images/shape/233.svg create mode 100644 public/images/shape/234.svg create mode 100644 public/images/shape/235.svg create mode 100644 public/images/shape/236.svg create mode 100644 public/images/shape/237.svg create mode 100644 public/images/shape/238.svg create mode 100644 public/images/shape/239.svg create mode 100644 public/images/shape/24.svg create mode 100644 public/images/shape/240.svg create mode 100644 public/images/shape/241.svg create mode 100644 public/images/shape/242.svg create mode 100644 public/images/shape/243.svg create mode 100644 public/images/shape/244.svg create mode 100644 public/images/shape/245.svg create mode 100644 public/images/shape/25.svg create mode 100644 public/images/shape/26.svg create mode 100644 public/images/shape/27.svg create mode 100644 public/images/shape/28.svg create mode 100644 public/images/shape/29.svg create mode 100644 public/images/shape/3.svg create mode 100644 public/images/shape/30.svg create mode 100644 public/images/shape/31.svg create mode 100644 public/images/shape/32.svg create mode 100644 public/images/shape/33.svg create mode 100644 public/images/shape/34.svg create mode 100644 public/images/shape/35.svg create mode 100644 public/images/shape/36.svg create mode 100644 public/images/shape/37.svg create mode 100644 public/images/shape/38.svg create mode 100644 public/images/shape/39.svg create mode 100644 public/images/shape/4.svg create mode 100644 public/images/shape/40.svg create mode 100644 public/images/shape/41.svg create mode 100644 public/images/shape/42.svg create mode 100644 public/images/shape/43.svg create mode 100644 public/images/shape/44.svg create mode 100644 public/images/shape/45.svg create mode 100644 public/images/shape/46.svg create mode 100644 public/images/shape/47.svg create mode 100644 public/images/shape/48.svg create mode 100644 public/images/shape/49.svg create mode 100644 public/images/shape/5.svg create mode 100644 public/images/shape/50.svg create mode 100644 public/images/shape/51.svg create mode 100644 public/images/shape/52.svg create mode 100644 public/images/shape/53.svg create mode 100644 public/images/shape/54.svg create mode 100644 public/images/shape/55.svg create mode 100644 public/images/shape/56.svg create mode 100644 public/images/shape/57.svg create mode 100644 public/images/shape/58.svg create mode 100644 public/images/shape/59.svg create mode 100644 public/images/shape/6.svg create mode 100644 public/images/shape/60.svg create mode 100644 public/images/shape/61.svg create mode 100644 public/images/shape/62.svg create mode 100644 public/images/shape/63.svg create mode 100644 public/images/shape/64.svg create mode 100644 public/images/shape/65.svg create mode 100644 public/images/shape/66.svg create mode 100644 public/images/shape/67.svg create mode 100644 public/images/shape/68.svg create mode 100644 public/images/shape/69.svg create mode 100644 public/images/shape/7.svg create mode 100644 public/images/shape/70.svg create mode 100644 public/images/shape/71.svg create mode 100644 public/images/shape/72.svg create mode 100644 public/images/shape/73.svg create mode 100644 public/images/shape/74.svg create mode 100644 public/images/shape/75.svg create mode 100644 public/images/shape/76.svg create mode 100644 public/images/shape/77.svg create mode 100644 public/images/shape/78.svg create mode 100644 public/images/shape/79.svg create mode 100644 public/images/shape/8.svg create mode 100644 public/images/shape/80.svg create mode 100644 public/images/shape/81.svg create mode 100644 public/images/shape/82.svg create mode 100644 public/images/shape/83.svg create mode 100644 public/images/shape/84.svg create mode 100644 public/images/shape/85.svg create mode 100644 public/images/shape/86.svg create mode 100644 public/images/shape/87.svg create mode 100644 public/images/shape/88.svg create mode 100644 public/images/shape/89.svg create mode 100644 public/images/shape/9.svg create mode 100644 public/images/shape/90.svg create mode 100644 public/images/shape/91.svg create mode 100644 public/images/shape/92.svg create mode 100644 public/images/shape/93.svg create mode 100644 public/images/shape/94.svg create mode 100644 public/images/shape/95.svg create mode 100644 public/images/shape/96.svg create mode 100644 public/images/shape/97.svg create mode 100644 public/images/shape/98.svg create mode 100644 public/images/shape/99.svg create mode 100644 public/images/shape/bg.png create mode 100644 public/images/shape/bg.svg create mode 100644 public/images/shape/bg2.png create mode 100644 public/images/shape/bg2.svg create mode 100644 public/images/shape/bg3.png create mode 100644 public/images/shape/bg3.svg create mode 100644 public/images/shape/bg4.png create mode 100644 public/images/shape/bg4.svg create mode 100644 public/images/shape/bg5.png create mode 100644 public/images/shape/bg5.svg create mode 100644 public/images/shape/bg6.png create mode 100644 public/images/shape/bg6.svg create mode 100644 public/images/shape/bg7.png create mode 100644 public/images/shape/bg7.svg create mode 100644 public/images/shape/bg8.png create mode 100644 public/images/shape/bg8.svg create mode 100644 public/images/shape/bg9.png create mode 100644 public/images/shape/line-shape-1.svg create mode 100644 public/images/shape/line-shape-10.svg create mode 100644 public/images/shape/line-shape-11.svg create mode 100644 public/images/shape/line-shape-12.svg create mode 100644 public/images/shape/line-shape-13.svg create mode 100644 public/images/shape/line-shape-14.svg create mode 100644 public/images/shape/line-shape-2.svg create mode 100644 public/images/shape/line-shape-3.svg create mode 100644 public/images/shape/line-shape-4.svg create mode 100644 public/images/shape/line-shape-5.svg create mode 100644 public/images/shape/line-shape-6.svg create mode 100644 public/images/shape/line-shape-7.svg create mode 100644 public/images/shape/line-shape-8.svg create mode 100644 public/images/shape/line-shape-9.svg create mode 100644 public/images/shape/populer-tag.svg create mode 100644 public/images/shape/shape06.svg create mode 100644 public/images/shape/shape07.svg create mode 100644 public/images/shape/shape12.svg create mode 100644 public/images/shop/avatar_01.jpg create mode 100644 public/images/shop/avatar_02.jpg create mode 100644 public/images/shop/img_01.png create mode 100644 public/images/shop/img_02.png create mode 100644 public/images/shop/img_03.png create mode 100644 public/images/shop/img_04.png create mode 100644 public/images/shop/img_05.png create mode 100644 public/images/shop/img_06.png create mode 100644 public/images/shop/img_07.png create mode 100644 public/images/shop/img_08.png create mode 100644 public/images/shop/img_09.png create mode 100644 public/images/shop/img_10.png create mode 100644 public/images/shop/img_11.png create mode 100644 public/images/shop/img_12.png create mode 100644 public/images/shop/img_13.png create mode 100644 public/images/shop/img_14.png create mode 100644 public/images/shop/img_15.png create mode 100644 public/images/shop/img_16.png create mode 100644 public/images/shop/img_17.png create mode 100644 public/images/shop/img_18.png create mode 100644 public/images/shop/img_19.png create mode 100644 public/images/shop/img_20.png create mode 100644 public/images/shop/img_21.png create mode 100644 public/images/shop/img_22.png create mode 100644 public/images/shop/img_23.png create mode 100644 public/images/shop/img_24.png create mode 100644 public/images/shop/img_25.png create mode 100644 public/main.scss create mode 100644 public/scss/_404.scss create mode 100644 public/scss/_animation.scss create mode 100644 public/scss/_custom-reactify.scss create mode 100644 public/scss/_dark.scss create mode 100644 public/scss/_framework.scss create mode 100644 public/scss/_mega-menu.scss create mode 100644 public/scss/_mobile-menu.scss create mode 100644 public/scss/_modal.scss create mode 100644 public/scss/_preview.scss create mode 100644 public/scss/_responsive.scss create mode 100644 public/scss/_slick.scss create mode 100644 public/scss/_style.scss create mode 100644 public/scss/custom.scss create mode 100644 public/scss/menu.scss create mode 100644 yarn.lock diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8f322f0 --- /dev/null +++ b/.gitignore @@ -0,0 +1,35 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env*.local + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/README.md b/README.md new file mode 100644 index 0000000..e5f733e --- /dev/null +++ b/README.md @@ -0,0 +1,34 @@ +This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/app/(about)/about-cs/page.jsx b/app/(about)/about-cs/page.jsx new file mode 100644 index 0000000..bc51453 --- /dev/null +++ b/app/(about)/about-cs/page.jsx @@ -0,0 +1,236 @@ +import React from "react"; +import Link from "next/link"; + +import HeaderTwo from "../../../components/header/HeaderTwo"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import CounterThreeColored from "../../../components/counter/CounterThreeColored"; +import FancyTextBlockTen from "../../../components/fancy-text-block/FancyTextBlockTen"; +import FancyFeatureSeven from "../../../components/features/FancyFeatureSeven"; +import TeamFour from "../../../components/team/TeamFour"; +import Image from "next/image"; +export const metadata = { + title: 'About Customer Support || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const CustomerSupport = () => { + return ( +
+ + {/* End Page SEO Content */} + + {/* ============================================= + Start Header + ============================================== */} + + {/* End HeaderTwo Variation Three */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+
+
+
About us
+
+
+

World best customer support portal

+

+ deski helps teams of all sizes get better at delivering + effortless customer service experiences. +

+
+
+
+ {/* End .container */} +
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ============================================= + Fancy Text block Nine + ============================================== */} +
+
+
+
+
+
+
+
+
+

Our Story

+

The world’s first Conversational Relationship Platform

+
+
+
+ {/* End title-style-two */} + +
+
+

+ We created Help deski for businesses that share our passion for + doing right by the customer. For many of us, great customer + service isn’t a cost center — it’s an effective marketing tool, + a competitive differentiator, and a cornerstone of the brand. +

+

+ But in 2008, there were no customer service platforms available + that embodied our customer-centric values. There were help desks + that quite literally treated each person like a number and made + it far too difficult to build a long-term relationship. We felt + a strong pull to make something different, and we did. +

+
+
+ {/* End .row */} +
+
+ {/* /.fancy-text-block-nine */} + + {/* ===================================================== + Counter With Icon One + ===================================================== */} +
+
+
+ +
+
+ {/* End .container */} +
+ {/* /.counter-with-icon-one */} + + {/* ============================================= + Fancy Text block Ten + ============================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-ten */} + + {/* ===================================================== + Fancy Feature Five + ===================================================== */} +
+
+
+
+
+
+ shape +
+
+
+
+

Our Values

+

We’r driven by our values

+
+ Deski stand with friendly interface with lots of features + that help our team and csutomer to collbarate easily. +
+
+
+
+ {/* End .title-style-two */} +
+ +
+ {/* End .row */} +
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-feature-five */} + + {/* ===================================================== + Team Section Two + ===================================================== */} +
+
+
+
+
+
+
+
+
+

Our Team

+

Our talented team member waiting to server.

+
+
+ {/* End .col */} +
+ + See All Members + +
+ {/* End .col */} +
+ {/* End .row */} +
+ +
+ {/* End .row */} +
+
+ {/* /.team-section-two */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default CustomerSupport; diff --git a/app/(about)/about-doc/page.jsx b/app/(about)/about-doc/page.jsx new file mode 100644 index 0000000..900bf7b --- /dev/null +++ b/app/(about)/about-doc/page.jsx @@ -0,0 +1,263 @@ +import React from "react"; + +import HeaderThree from "../../../components/header/HeaderThree"; +import CallToActionTwo from "../../../components/call-to-action/CallToActionTwo"; +import CounterFiveColored from "../../../components/counter/CounterFiveColored"; +import TeamSlider from "../../../components/team/TeamSlider"; +import SocialTwo from "../../../components/social/SocialTwo"; +import CopyRight from "../../../components/footer/CopyRight"; +import FooterThree from "../../../components/footer/FooterThree"; +import Image from "next/image"; +export const metadata = { + title: 'About Documentation || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Documentation = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Five + ============================================== */} +
+ shape + shape +
+
+
+
+

+ + The Truste Docs{" "} + shape + + site ever. +

+

+ GitBook started mid-2014 as an open-source tool for developers + to build documentation. Today we empower teams of all sizes to + build great internal & external doc +

+
+
+ media +
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-five */} + + {/* ============================================= + Fancy Text block Seventeen + ============================================== */} +
+
+
+
+
+
Our Story
+
+
+

+ We’r providing quality service + + since 2010! + shape + +

+
+
+
+
+ {/* End .col */} +
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing ed do eiusmod + tempor inciddunt ut labore et dolore magna aliqua.{" "} +

+

+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor reprehen derit in + voluptae velit esse cillum dolor fugia nul pariatur lorem itu. +

+
+ {/* End .col */} +
+
+
+ {/* /.fancy-text-block-seventeen */} + + {/* ============================================= + Fancy Text block Eighteen + ============================================== */} +
+ illustration + +
+
+ +
+
+ {/* /.counter-info */} +
+ {/* /.fancy-text-block-eighteen */} + + {/* ============================================= + Team Section Three + ============================================== */} +
+
+
+
+

+ + Our Members + shape + +

+
+
+ {/* End .d-sm-flex */} +
+ {/* End .container */} +
+
+ +
+ {/* /.teamSliderOne */} +
+
+ {/* /.team-section-three */} + + {/* ===================================================== + Useable Tools + ===================================================== */} +
+
+
+
Our Partners
+

+ Who is + + using deski{" "} + shape + + docs? +

+
+
+
+

+ Deski ties into your existing tools, services, & workflow. Get + notifications or create story with others tools. +

+
+
+ {/* End .row */} + +
+ {/* /.container */} +
+ {/* /.useable-tools-section */} + + {/* ===================================================== + Map Area One + ===================================================== */} +
+
+

Come say Hi!

+

+ We're based in Gazipur, a beautiful city just hours from the Dhaka! +

+ 10 Rue Dugas-Montbel, 69002 Lyon +
+
+ +
+
+ {/* /.map-area-one */} + + {/* + ============================================= + Call to Action + ============================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* + ============================================= + Footer + ============================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+
+
+ +
+
+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-three */} +
+ ); +}; + +export default Documentation; diff --git a/app/(about)/about-eo/page.jsx b/app/(about)/about-eo/page.jsx new file mode 100644 index 0000000..aca92b6 --- /dev/null +++ b/app/(about)/about-eo/page.jsx @@ -0,0 +1,226 @@ +import React from "react"; + +import Header from "../../../components/header/HeaderFour"; +import FancyVideoOne from "../../../components/video/FancyVideoOne"; +import AboutTabs from "../../../components/block-slider/AboutTabs"; +import CounterThree from "../../../components/counter/CounterThree"; +import TeamFive from "../../../components/team/TeamFive"; +import Faq from "../../../components/faq/Faq"; +import CallToActionFive from "../../../components/call-to-action/CallToActionFive"; +import FooterFour from "../../../components/footer/FooterFour"; +import BlogStyle5 from "../../../components/blog/BlogStyle5"; +import Image from "next/image"; +export const metadata = { + title: 'About Event Organizer || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const EventOrganizer = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End HeaderFour */} + + {/* ============================================= + Fancy Text block Twenty + ============================================== */} +
+ shape + shape +
+

About us

+
+ +
+ {/* /.fancy-video-box-one */} + +
+
+
+ Over 150,000+ client +
+
+

+ Best event +
& ticket platform platform. +

+
+
+
+ +
+
+
+
+ {/* /.fancy-text-block-twenty */} + + {/* ===================================================== + Counter With Icon One + ===================================================== */} +
+
+
+ +
+
+
+ {/* /.counter-with-icon-one */} + + {/* ============================================= + Team Section + ============================================== */} +
+ shape + shape +
+
+
Our Team
+

The team behind deski

+
+ +
+
+ +
+ shape +
+ {/* /.team-wrapper */} +
+
+ {/* /.team-section-four */} + + {/* + ============================================= + Fqa Text Block + ============================================== */} +
+
+
+
+
+
Why choose us
+

+ Why you should choose us? +

+
+ {/* End title */} + +
+ +
+
+ media + media +
+ {/* /.illustration-holder */} +
+
+
+
+ {/* /.why should you choose us */} + + {/* ===================================================== + Feature Blog Four + ===================================================== */} +
+
+
+
News & Updates
+

Latest news & articles

+
+ {/* End .title */} +
+ +
+
+
+ {/* /.feature-blog-four */} + + {/* + ============================================= + Call To Action + ============================================== */} +
+
+ +
+
+ {/* End .fancy-short-banner-five */} + + {/* + ============================================= + Footer Four + ============================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+

+ Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-four */} +
+ ); +}; + +export default EventOrganizer; diff --git a/app/(about)/about-pm/page.jsx b/app/(about)/about-pm/page.jsx new file mode 100644 index 0000000..4a6358c --- /dev/null +++ b/app/(about)/about-pm/page.jsx @@ -0,0 +1,276 @@ + + +import React from "react"; + +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import CounterFive from "../../../components/counter/CounterFive"; +import FancyTextBlockThree from "../../../components/fancy-text-block/FancyTextBlockThree"; +import TeamThree from "../../../components/team/TeamThree"; +import SocialTwo from "../../../components/social/SocialTwo"; +import BlogStyle6 from "../../../components/blog/BlogStyle6"; +import CallToActionFour from "../../../components/call-to-action/CallToActionFour"; +import Link from "next/link"; +import Image from "next/image"; +export const metadata = { + title: 'About Project Management || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ProjectManagement = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

+ We're built for software management. +

+
+
+

+ Our mission is to ensure software development teams can do their + best work. So we created Clubhouse to provide the most intuitive + and enjoyable project management platform teams actually want to + use from project planning to product creation. +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ============================================= + Fancy Text block One + ============================================== */} +
+
+
+
+ media +
+
+
+

+ More over 1500+ customers +

+
+ Just simply amazing. Feel lucky use their service.Highly + recommended andappriciate their service & highly trusted. +
+
+ Jimmy Klein. California USA +
+
+ {/* /.quote-wrapper */} +
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-text-block-one */} + + {/* ===================================================== + Counter Info Standard + ===================================================== */} +
+
+
+ +
+
+
+ {/* /.counter-info-standard */} + + {/* ===================================================== + Fancy Text block Two + ===================================================== */} +
+
+
+
+
+
+ Our product philosophy +
+

+ We're looking for the brightest minds to us develop the future + of work due. +

+
+ {/* /.title-style-one */} +
+
+ media +
+
+
+
+ {/* /.fancy-text-block-two */} + + {/* ===================================================== + Fancy Text block Three + ===================================================== */} +
+
+
+
+ +
+
+ +
+
+

+ We break down barriers so teams can focus on what matters + working together to create products their customers love. +

+
+
+
+
+
+
+
+
+ {/* /.fancy-text-block-three */} + + {/* ===================================================== + Team Section Three + ===================================================== */} +
+
+
+

Our Leadership

+
+ {/* /.title-style-one */} +
+ +
+ {/* End TeamThree */} +
+
+ {/* /.team-section-one */} + + {/* ===================================================== + Useable Tools + ===================================================== */} +
+
+
+
Integrates with your tools
+

+ Deski ties into your existing tools, services, & workflow. Get + notifications or create a Story with others tools. +

+
+ {/* End .text-center */} + +
+
+ {/* /.useable-tools-section */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
Our News
+

Have any thought? Look here.

+
+ {/* /.title-style-one */} + + Go to Blog + +
+ {/* End .header */} +
+ +
+
+
+ {/* /.feature-blog-one */} + + {/* + ============================================= + Call To Action + ============================================== */} +
+
+ +
+ {/* /.container */} +
+
+
+
+
+
+
+ {/* /.fancy-short-banner-one */} + + {/* ============================================= + Footer One + ============================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default ProjectManagement; diff --git a/app/(blogs)/blog-v1/page.jsx b/app/(blogs)/blog-v1/page.jsx new file mode 100644 index 0000000..2264e7a --- /dev/null +++ b/app/(blogs)/blog-v1/page.jsx @@ -0,0 +1,93 @@ + + +import Header from "../../../components/header/Header"; +import BlogStyle1 from "../../../components/blog/BlogStyle1"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +export const metadata = { + title: 'Blog V1 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const BlogV1 = () => { + return ( +
+ + {/* End Page SEO Content */} +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

+ Check our company inside story +

+
+
+

+ You will find here our company news and latest update +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+
+ +
+ {/* End .row */} + +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogV1; diff --git a/app/(blogs)/blog-v2/page.jsx b/app/(blogs)/blog-v2/page.jsx new file mode 100644 index 0000000..44a9ab7 --- /dev/null +++ b/app/(blogs)/blog-v2/page.jsx @@ -0,0 +1,119 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import BlogStyle2 from "../../../components/blog/BlogStyle2"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import BlogSidebar from "../../../components/blog/BlogSidebar"; +export const metadata = { + title: 'Blog V2 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const BlogV2 = () => { + return ( +
+ + {/* End Page SEO Content */} +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

Check our company inside story

+
+
+

+ You will find here our company news and latest update +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+
+
+ +
+ +
+ {/* /.page-pagination-one */} +
+ {/* End .col */} +
+ +
+ {/* End .col */} +
+ {/* End .row */} +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogV2; diff --git a/app/(blogs)/blog-v3/page.jsx b/app/(blogs)/blog-v3/page.jsx new file mode 100644 index 0000000..25f38d0 --- /dev/null +++ b/app/(blogs)/blog-v3/page.jsx @@ -0,0 +1,142 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import BlogStyle3 from "../../../components/blog/BlogStyle3"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import BlogSidebarClassic from "../../../components/blog/BlogSidebarClassic"; +import Link from "next/link"; +export const metadata = { + title: 'Blog V3 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const BlogV3 = () => { + return ( +
+ + {/* End Page SEO Content */} +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+
+
+
Blog
+
+
+

Check our company inside news

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+ +
+ +
+ +
+ {/* /.page-pagination-one */} +
+ {/* End .col */} +
+ +
+ {/* End .col */} +
+ {/* End .row */} +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+

+ Don’t find the answer? contact us for any query. +

+ Contact us +
+
+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.content-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-two */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogV3; diff --git a/app/(blogs)/blog-v4/page.jsx b/app/(blogs)/blog-v4/page.jsx new file mode 100644 index 0000000..de9bf9d --- /dev/null +++ b/app/(blogs)/blog-v4/page.jsx @@ -0,0 +1,152 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import BlogStyle3 from "../../../components/blog/BlogStyle3"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Link from "next/link"; +import Image from "next/image"; + +export const metadata = { + title: 'Blog V4 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const BlogV4 = () => { + return ( +
+ + {/* End Page SEO Content */} +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Our News
+

+ + Our inside stories + image + + lorem que +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+
+ +
+ +
+ {/* /.page-pagination-one */} +
+ {/* End .wrapper */} +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+

+ Don’t find the answer? contact us for any query. +

+ Contact us +
+
+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.content-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-two */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogV4; diff --git a/app/(blogs)/blog-v5/page.jsx b/app/(blogs)/blog-v5/page.jsx new file mode 100644 index 0000000..8d2d6d2 --- /dev/null +++ b/app/(blogs)/blog-v5/page.jsx @@ -0,0 +1,83 @@ + + +import Header from "../../../components/header/Header"; +import BlogStyle5 from "../../../components/blog/BlogStyle5"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +export const metadata = { + title: 'Blog V5 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const BlogV5 = () => { + return ( +
+ + {/* End Page SEO Content */} +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

+ Check our company inside story +

+
+
+

+ You will find here our company news and latest update +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+
+ +
+ {/* End .row */} +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogV5; diff --git a/app/(blogs)/blog-v6/page.jsx b/app/(blogs)/blog-v6/page.jsx new file mode 100644 index 0000000..cfdb809 --- /dev/null +++ b/app/(blogs)/blog-v6/page.jsx @@ -0,0 +1,145 @@ + + +import React from "react"; + +import Header from "../../../components/header/Header"; +import BlogStyle2 from "../../../components/blog/BlogStyle2"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import BlogSidebar from "../../../components/blog/BlogSidebar"; +import Link from "next/link"; +export const metadata = { + title: 'Blog V6 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const BlogV6 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+
+
+
Blog
+
+
+

Check our company inside news

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+
+
+ +
+ +
+ {/* /.page-pagination-one */} +
+ {/* End .col */} +
+ +
+ {/* End .col */} +
+ {/* End .row */} +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+

+ Don’t find the answer? contact us for any query. +

+ Contact us +
+
+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.content-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-two */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogV6; diff --git a/app/(blogs)/blogs/[id]/page.jsx b/app/(blogs)/blogs/[id]/page.jsx new file mode 100644 index 0000000..2226996 --- /dev/null +++ b/app/(blogs)/blogs/[id]/page.jsx @@ -0,0 +1,260 @@ +import React from "react"; +import Link from "next/link"; +import Header from "../../../../components/header/Header"; +import Footer from "../../../../components/footer/Footer"; +import CopyRight from "../../../../components/footer/CopyRight"; +import BlogDetailsForm from "../../../../components/form/BlogDetailsForm"; +import { allblogs } from "@/data/blogs"; +import Image from "next/image"; +export const metadata = { + title: 'Blog Details || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const BlogDetails = ({ params }) => { + + const blog = allblogs.filter((elm)=>elm.id==params.id)[0] || allblogs[0] + + + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Our News
+

+ + {blog.title?.split(' ').slice(0,3).join(' ') || 'Quis Nostr Exercitation' } + + image + {" "} + {blog.title?.split(' ').slice(3).join(' ') || 'Laboris nisi' } + +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Feature Blog One + ===================================================== */} +
+
+
+
+
+
+
+
+ media post +
23 Apr. 2020
+

+ Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip exeal + nothing. +

+

+ Tomfoolery crikey bits and bobs brilliant bamboozled down the + pub amongst brolly hanky panky, cack bonnet arse over tit + burke bugger all mate bodge. cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt + in culpa qui officia deserunt mollit anim id est + laborum.Suspendisse interdum consectetur libero id faucibu + nisl. Lacus vel facilisis volutpat est velit egestas. +

+

+ Tempus imperdiet nulla malesuada pellentesque elit eget + gravida cum. Sit amet ris nullam eget felis. Enim praesent + elementum facilisis leo. Ultricies leo integer. all mate + bodge. cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia + deserunt +

+
+ If you’ve been waiting for an invitation, this calligraphy is + it. Commissioned by Notebook hand-lettered design for a + poster. Quote is Notebook Building 8 VP’s Regina Dugan—and + mine. +
+

+ Tempus imperdiet nulla malesuada pellentesque elit eget + gravida cum. Sit amet ris nullam eget felis. Enim praesent + elementum facilisis leo. Ultricies leo integer. +

+ media post +
+ This response is important for our ability to from mistakes + but it alsogives rise to self-criticism. +
+

+ One touch of a red-hot stove is usually all we need to avoid + that kind of discomfort in the future. The same is true as we + experienc the emotional sensation of stress from our first + instances. We quickly learn to fear and thus automatically. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. +

+

Work Harder & Gain Succsess.

+

+ One touch of a red-hot stove is usually all we need to avoid + that kind of discomfort in que future. The same Duis aute + irure dolor in reprehenderit . +

+

+ is true as we experience the emotional sensation of stress + from our firs social rejection ridicule.We quickly learn to + fear and thus automatically. potentially stressful situation + of all kinds, including the most common of all. +

+
+ + +
+
+ {/* /End post content */} + +
+

2 Comments

+
+
+ blog post +
+
Al Hasani
+
13 June, 2018, 7:30pm
+

+ One touch of a red-hot stove is usually all we need to + avoid that kind of discomfort in future. The same true + we experience{" "} +

+ +
+ {/* /.comment */} +
+
+ {/* /.single-comment */} +
+
+ blog post +
+
Rashed ka.
+
13 June, 2018, 7:30pm
+

+ One touch of a red-hot stove is usually all we need to + avoid that kind of discomfort in future. The same true + we experience{" "} +

+ +
+ {/* /.comment */} +
+
+ {/* /.single-comment */} +
+ {/* /.comment-area */} + +
+

Leave A Comment

+

+ Sign in to post your comment or + singup if you dont have any account. +

+
+ +
+ {/* /.form-style-light */} +
+ {/* /.comment-form-section */} +
+ {/* End .col */} +
+ {/* End .row */} +
+
+ {/* /.feature-blog-one */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default BlogDetails; diff --git a/app/(contact)/contact-cs/page.jsx b/app/(contact)/contact-cs/page.jsx new file mode 100644 index 0000000..02e6d5d --- /dev/null +++ b/app/(contact)/contact-cs/page.jsx @@ -0,0 +1,113 @@ +import React from "react"; + +import HeaderTwo from "../../../components/header/HeaderTwo"; +import ContactAddress from "../../../components/contact/address/ContactAddress"; +import ContactForm from "../../../components/contact/form/ContactForm"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import Image from "next/image"; +export const metadata = { + title: 'Contact Customer Support || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ContactCustomerSupport = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Four + ============================================== */} + +
+
+
+
+
+
+
+
+
+
+
+
Contact us
+

Feel free to contact us or just say hi!

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-four */} + + {/* ============================================= + Contact Style Two + ============================================== */} +
+
+
+ + shape + shape +
+ {/* /.contact-info-wrapper */} + +
+ +
+
+
+ {/* /.contact-style-two */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default ContactCustomerSupport; diff --git a/app/(contact)/contact-doc/page.jsx b/app/(contact)/contact-doc/page.jsx new file mode 100644 index 0000000..07990db --- /dev/null +++ b/app/(contact)/contact-doc/page.jsx @@ -0,0 +1,108 @@ +import React from "react"; + +import HeaderThree from "../../../components/header/HeaderThree"; +import ContactAddress from "../../../components/contact/address/ContactAddress"; +import ContactForm from "../../../components/contact/form/ContactForm"; +import CopyRight from "../../../components/footer/CopyRight"; +import FooterThree from "../../../components/footer/FooterThree"; +import CallToActionTwo from "../../../components/call-to-action/CallToActionTwo"; +import Image from "next/image"; +export const metadata = { + title: 'Contact Documentation || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ContactDocumentation = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Four + ============================================== */} + +
+
+
+
+
+
Contact us
+

Feel free to contact us or just say hi!

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-four */} + + {/* ============================================= + Contact Style Two + ============================================== */} +
+
+
+ + shape + shape +
+ {/* /.contact-info-wrapper */} + +
+ +
+
+ {/* /.contact-style-two */} + +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Three + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+
+
+ +
+
+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-three */} +
+
+ ); +}; + +export default ContactDocumentation; diff --git a/app/(contact)/contact-eo/page.jsx b/app/(contact)/contact-eo/page.jsx new file mode 100644 index 0000000..b3d88b3 --- /dev/null +++ b/app/(contact)/contact-eo/page.jsx @@ -0,0 +1,100 @@ +import React from "react"; + +import HeaderTwo from "../../../components/header/HeaderFour"; +import ContactAddress from "../../../components/contact/address/ContactAddress"; +import ContactForm from "../../../components/contact/form/ContactForm"; +import FooterFour from "../../../components/footer/FooterFour"; +import Image from "next/image"; +export const metadata = { + title: 'Contact Event Organizer || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ContactEventOrganizer = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Four + ============================================== */} + +
+
+
+
+
+
Contact us
+

Feel free to contact us or just say hi!

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-four */} + + {/* ============================================= + Contact Style Two + ============================================== */} +
+
+
+ + shape + shape +
+ {/* /.contact-info-wrapper */} + +
+ +
+
+ {/* /.contact-style-two */} + + {/* ===================================================== + Footer Style Four + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+

+ Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-four */} +
+
+ ); +}; + +export default ContactEventOrganizer; diff --git a/app/(contact)/contact-pm/page.jsx b/app/(contact)/contact-pm/page.jsx new file mode 100644 index 0000000..128e8b2 --- /dev/null +++ b/app/(contact)/contact-pm/page.jsx @@ -0,0 +1,87 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import ContactAddressTwo from "../../../components/contact/address/ContactAddressTwo"; +import ContactForm from "../../../components/contact/form/ContactForm"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +export const metadata = { + title: 'Contact Project Management || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ContactProjectManagement = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+
Contact us
+

+ Feel free to contact us or just say hi! +

+
+
+ {/* End .row */} +
+ {/* End .container */} +
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ============================================= + Contact Us Light + ============================================== */} +
+
+
+
+
+
+ +
+ +
+
+
+ {/* /.contact-us-light */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default ContactProjectManagement; diff --git a/app/(docs)/changelog/page.jsx b/app/(docs)/changelog/page.jsx new file mode 100644 index 0000000..c3c735e --- /dev/null +++ b/app/(docs)/changelog/page.jsx @@ -0,0 +1,62 @@ +import React from "react"; + +import HeaderThree from "../../../components/header/HeaderThree"; +export const metadata = { + title: 'Changelog || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Changelog = () => { + return ( + <> + + {/* End Page SEO Content */} + + {/* End Header */} + + {/* ============================================= + Fancy Hero Five + ============================================== */} +
+
+
+
+

Changelog

+

+ Find the template Changelog here. +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-five */} + + {/* ============================================= + Documentation + ============================================== */} + +
+
+
+ {/* */} +
+ + +
+ Release Date: 12/08/2023 +
+
+ 
#First Published
+
+ {/* */} +
+ {/* */} +
+
+
+ {/* */} + + ); +}; + +export default Changelog; diff --git a/app/(docs)/doc-box-with-banner/page.jsx b/app/(docs)/doc-box-with-banner/page.jsx new file mode 100644 index 0000000..18e6c2d --- /dev/null +++ b/app/(docs)/doc-box-with-banner/page.jsx @@ -0,0 +1,332 @@ + +import Image from "next/image"; +import HeaderThree from "../../../components/header/HeaderThree"; +import DocSidebarContent from "@/components/docs/DocSidebarContent"; +import FormEvent from "../../../components/form/FormDoc"; +import DocSidebarThree from "@/components/docs/DocSidebarThree"; +export const metadata = { + title: 'Doc Box With Banner || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const DocBoxWithBanner = () => { + + return ( + <> + + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Five + ============================================== */} +
+
+
+
+

Find docs

+

+ Find articles, help and advice for getting the most our of + docall theme +

+
+
+ +
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-five */} + + {/* ============================================= + Documentation + ============================================== */} +
+
+
+ {/* ****************************** DOC SIDEBAR ********************************* */} + + {/* /.doc-sidebar */} + + {/* ****************************** DOC MAIN BODY ********************************* */} +
+

Installation

+
+

Installing deski

+

+ Deski was designed from the ground up to be easily installed + and used to get your website up and running quickly. +

+
+ 
+                    npm i deski-cli-g
+
+
+ {/* /.mark-blue */} +
+
+

Verifying Installation

+

+ If you want to write the documentation in the{" "} + ./docs subdirectory, you can use the{" "} + init command. +

+
+ 
deski init./docs
+
+ {/* /.mark-red */} +

+ Create a project, if none exists, and change your directory to + this project's root. +

+

+ You will be creating the docs in this directory. The root + directory may contain other files. The Docusaurus installation + script will create two new directories: docs and{" "} + website. +

+
+ 
some text missing
+
+ {/* /.mark-red */} +
+ 
+                    if you don't have Node 1.8.2+ or if you prefer to install
+                    deski globally, run{" "}
+                    yarn global add deski-init or{" "}
+                    npm install --global deski-init.
+                    After that, run docusaurus-init.
+
+
+ {/* /.mark-blue */} +
+
+

Manual Installation

+

+ If you don't like npm or have trouble installing + the tool, you can manually create index.html: +

+ 
+                  
+                    <!-- index.html -->
+                    {"\n"}
+                    <!DOCTYPE html>
+                    {"\n"}
+                    <html>
+                    {"\n"}
+                    <head>
+                    {"\n"}
+                    
+                      {"\n"}
+                      <meta http-equiv="
+                      X-UA-Compatible"
+                      content="
+                      IE=edge,chrome=1">{"\n"}
+                    
+                    
+                      <meta name="viewport"{" "}
+                      content="
+                      
+                        width=device-width,initial-scale=1
+                      
+                      ">{"\n"}
+                    
+                    
+                      <meta charset="UTF-8">
+                      {"\n"}
+                    
+                    
+                      <link rel="stylesheet"{" "}
+                      href
+                      ="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
+                      
+                      ">{"\n"}
+                    
+                    </head>
+                    {"\n"}
+                    <body>
+                    {"\n"}
+                      {" "}
+                    
+                      div id="app">{"\n"}
+                    
+                       </div>
+                    {"\n"}
+                       
+                    <script>
+                    {"\n"}
+                    
+                            window.$docsify = {"{"}
+                    {" "}
+                    {"\n"}
+                    
+                            //....
+                    
+                    
+                      {"\n"}
+                            {"}"}
+                    {" "}
+                    {"\n"}
+                       </script>
+                    {"\n"}
+                      
+                    
+                      <script src="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4
+                      
+                      ">
+                    
+                    </script>
+                    {"\n"}
+                    </body>
+                    {"\n"}
+                    </html>
+                  
+
+
+ 
+                    Note that in both of the examples below, docsify URLs will
+                    need to be manually updated when a new version of deski is
+                    released (e.g. some text missing ). Check the docsify
+                    website periodically to see if a new major version has been
+                    released.
+
+
+ {/*/.mark-blue */} +
+
+

Running Example Website

+

+ After running the Deski initialization script, docusaurus-init + as described in the Installation section, you will have a + runnable, example website to use as your site's base. To run: +

+
    +
  • + It can have an identifier which is either a number or a + string. +
    • +
  • + Loads navbar from the Markdown file _navbar.md{" "} + if true, else loads it from the path specified. +
    • +
  • + Load the example site at http://localhost:3000{" "} + if it did not already open automatically. If port{" "} + 3000 has already been taken, another port will + be used. Look at the console messages to see which +
    • +
+ doc +
+ +
+

Launching the server

+

+ If you are behind a corporate proxy, you need to disable it + for the development server requests. It can be using the{" "} + NO_PROXY environment variable. +

+
+ 
+                    window.$deski = {"{"}
+                    
+                      {" "}
+                      
 name:{" "}
+                      
+                        '<span>deski</span>'
+                      
+                      , 

+                    
+                    {"}"}
+
+
+ {/* /.mark-red */} +
+ +
+

Loading dialog

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div id="app">Please
+                    wait...</div>
+
+
{" "} + {/* /.mark-red */} +

+ You should set the data-app attribute if you + changed el : +

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div data-app id="main
+                    ">Please wait...</div> 

+                    <script>
+                    

+                      {" "}
+                    
+                      window.$docsify = {"{"} 

+                    
+                      {" "}
+                    
+                      el: '#main'
+                    
+                    
+                      {" "}
+                      
 {"}"}
+                    {" "}
+                    

+                    </script>
+
+
+ {/* /.mark-blue */} +

You can update to the latest version of Docusaurus by:

+ 
+                  
+                    
+                      yarn upgrade deski --latest
+                    
+                  
+
+ {/* /.bg-black */} +
+ +
+
    +
  • + + + +     + Quick Start +
    • +
  • + Site Preparation     + + + +
    • +
+
+
+
+
+
+ + ); +}; + +export default DocBoxWithBanner; diff --git a/app/(docs)/doc-box/page.jsx b/app/(docs)/doc-box/page.jsx new file mode 100644 index 0000000..9f308f2 --- /dev/null +++ b/app/(docs)/doc-box/page.jsx @@ -0,0 +1,309 @@ + +import Image from "next/image"; +import DocSidebarThree from "@/components/docs/DocSidebarThree"; +import HeaderThree from "../../../components/header/HeaderThree"; +import DocSidebarContent from "@/components/docs/DocSidebarContent"; +export const metadata = { + title: 'Doc Box || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const DocBox = () => { + + return ( + <> + + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Documentation + ============================================== */} +
+
+
+ {/* ****************************** DOC SIDEBAR ********************************* */} + + {/* /.doc-sidebar */} + + {/* ****************************** DOC MAIN BODY ********************************* */} +
+

Installation

+
+

Installing deski

+

+ Deski was designed from the ground up to be easily installed + and used to get your website up and running quickly. +

+
+ 
+                    npm i deski-cli-g
+
+
+ {/* /.mark-blue */} +
+
+

Verifying Installation

+

+ If you want to write the documentation in the{" "} + ./docs subdirectory, you can use the{" "} + init command. +

+
+ 
deski init./docs
+
+ {/* /.mark-red */} +

+ Create a project, if none exists, and change your directory to + this project's root. +

+

+ You will be creating the docs in this directory. The root + directory may contain other files. The Docusaurus installation + script will create two new directories: docs and{" "} + website. +

+
+ 
some text missing
+
+ {/* /.mark-red */} +
+ 
+                    if you don't have Node 1.8.2+ or if you prefer to install
+                    deski globally, run{" "}
+                    yarn global add deski-init or{" "}
+                    npm install --global deski-init.
+                    After that, run docusaurus-init.
+
+
+ {/* /.mark-blue */} +
+
+

Manual Installation

+

+ If you don't like npm or have trouble installing + the tool, you can manually create index.html: +

+ 
+                  
+                    <!-- index.html -->
+                    {"\n"}
+                    <!DOCTYPE html>
+                    {"\n"}
+                    <html>
+                    {"\n"}
+                    <head>
+                    {"\n"}
+                    
+                      {"\n"}
+                      <meta http-equiv="
+                      X-UA-Compatible"
+                      content="
+                      IE=edge,chrome=1">{"\n"}
+                    
+                    
+                      <meta name="viewport"{" "}
+                      content="
+                      
+                        width=device-width,initial-scale=1
+                      
+                      ">{"\n"}
+                    
+                    
+                      <meta charset="UTF-8">
+                      {"\n"}
+                    
+                    
+                      <link rel="stylesheet"{" "}
+                      href
+                      ="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
+                      
+                      ">{"\n"}
+                    
+                    </head>
+                    {"\n"}
+                    <body>
+                    {"\n"}
+                      {" "}
+                    
+                      div id="app">{"\n"}
+                    
+                       </div>
+                    {"\n"}
+                       
+                    <script>
+                    {"\n"}
+                    
+                            window.$docsify = {"{"}
+                    {" "}
+                    {"\n"}
+                    
+                            //....
+                    
+                    
+                      {"\n"}
+                            {"}"}
+                    {" "}
+                    {"\n"}
+                       </script>
+                    {"\n"}
+                      
+                    
+                      <script src="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4
+                      
+                      ">
+                    
+                    </script>
+                    {"\n"}
+                    </body>
+                    {"\n"}
+                    </html>
+                  
+
+
+ 
+                    Note that in both of the examples below, docsify URLs will
+                    need to be manually updated when a new version of deski is
+                    released (e.g. some text missing ). Check the docsify
+                    website periodically to see if a new major version has been
+                    released.
+
+
+ {/*/.mark-blue */} +
+
+

Running Example Website

+

+ After running the Deski initialization script, docusaurus-init + as described in the Installation section, you will have a + runnable, example website to use as your site's base. To run: +

+
    +
  • + It can have an identifier which is either a number or a + string. +
    • +
  • + Loads navbar from the Markdown file _navbar.md{" "} + if true, else loads it from the path specified. +
    • +
  • + Load the example site at http://localhost:3000{" "} + if it did not already open automatically. If port{" "} + 3000 has already been taken, another port will + be used. Look at the console messages to see which +
    • +
+ doc +
+ +
+

Launching the server

+

+ If you are behind a corporate proxy, you need to disable it + for the development server requests. It can be using the{" "} + NO_PROXY environment variable. +

+
+ 
+                    window.$deski = {"{"}
+                    
+                      {" "}
+                      
 name:{" "}
+                      
+                        '<span>deski</span>'
+                      
+                      , 

+                    
+                    {"}"}
+
+
+ {/* /.mark-red */} +
+ +
+

Loading dialog

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div id="app">Please
+                    wait...</div>
+
+
{" "} + {/* /.mark-red */} +

+ You should set the data-app attribute if you + changed el : +

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div data-app id="main
+                    ">Please wait...</div> 

+                    <script>
+                    

+                      {" "}
+                    
+                      window.$docsify = {"{"} 

+                    
+                      {" "}
+                    
+                      el: '#main'
+                    
+                    
+                      {" "}
+                      
 {"}"}
+                    {" "}
+                    

+                    </script>
+
+
+ {/* /.mark-blue */} +

You can update to the latest version of Docusaurus by:

+ 
+                  
+                    
+                      yarn upgrade deski --latest
+                    
+                  
+
+ {/* /.bg-black */} +
+ +
+
    +
  • + + + +     + Quick Start +
    • +
  • + Site Preparation     + + + +
    • +
+
+
+
+
+
+ + ); +}; + +export default DocBox; diff --git a/app/(docs)/doc-full-width-banner/page.jsx b/app/(docs)/doc-full-width-banner/page.jsx new file mode 100644 index 0000000..54a7f16 --- /dev/null +++ b/app/(docs)/doc-full-width-banner/page.jsx @@ -0,0 +1,340 @@ + + + + + +import Image from "next/image"; +import DocScrollNavTwo from "@/components/docs/DocScrollNavTwo"; +import FormEvent from "../../../components/form/FormDoc"; +import HeaderThree from "../../../components/header/HeaderThree"; +import DocSidebarContent from "../../../components/docs/DocSidebarContent"; +import DocSidebar from "@/components/docs/DocSidebar"; +export const metadata = { + title: ' Doc Full Width Banner || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const DocFullWidthBanner = () => { + + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Five + ============================================== */} +
+
+
+
+

Find docs

+

+ Find articles, help and advice for getting the most our of + docall theme +

+
+
+ +
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-five */} + + {/* ============================================= + Documentation + ============================================== */} +
+
+
+ {/* ****************************** DOC SIDEBAR ********************************* */} + + {/* /.doc-sidebar */} + + {/* ****************************** DOC MAIN BODY ********************************* */} +
+

Installation

+
+

Installing deski

+

+ Deski was designed from the ground up to be easily installed + and used to get your website up and running quickly. +

+
+ 
+                    npm i deski-cli-g
+
+
+ {/* /.mark-blue */} +
+
+

Verifying Installation

+

+ If you want to write the documentation in the{" "} + ./docs subdirectory, you can use the{" "} + init command. +

+
+ 
deski init./docs
+
+ {/* /.mark-red */} +

+ Create a project, if none exists, and change your directory to + this project's root. +

+

+ You will be creating the docs in this directory. The root + directory may contain other files. The Docusaurus installation + script will create two new directories: docs and{" "} + website. +

+
+ 
some text missing
+
+ {/* /.mark-red */} +
+ 
+                    if you don't have Node 1.8.2+ or if you prefer to install
+                    deski globally, run{" "}
+                    yarn global add deski-init or{" "}
+                    npm install --global deski-init.
+                    After that, run docusaurus-init.
+
+
+ {/* /.mark-blue */} +
+
+

Manual Installation

+

+ If you don't like npm or have trouble installing + the tool, you can manually create index.html: +

+ 
+                  
+                    <!-- index.html -->
+                    {"\n"}
+                    <!DOCTYPE html>
+                    {"\n"}
+                    <html>
+                    {"\n"}
+                    <head>
+                    {"\n"}
+                    
+                      {"\n"}
+                      <meta http-equiv="
+                      X-UA-Compatible"
+                      content="
+                      IE=edge,chrome=1">{"\n"}
+                    
+                    
+                      <meta name="viewport"{" "}
+                      content="
+                      
+                        width=device-width,initial-scale=1
+                      
+                      ">{"\n"}
+                    
+                    
+                      <meta charset="UTF-8">
+                      {"\n"}
+                    
+                    
+                      <link rel="stylesheet"{" "}
+                      href
+                      ="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
+                      
+                      ">{"\n"}
+                    
+                    </head>
+                    {"\n"}
+                    <body>
+                    {"\n"}
+                      {" "}
+                    
+                      div id="app">{"\n"}
+                    
+                       </div>
+                    {"\n"}
+                       
+                    <script>
+                    {"\n"}
+                    
+                            window.$docsify = {"{"}
+                    {" "}
+                    {"\n"}
+                    
+                            //....
+                    
+                    
+                      {"\n"}
+                            {"}"}
+                    {" "}
+                    {"\n"}
+                       </script>
+                    {"\n"}
+                      
+                    
+                      <script src="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4
+                      
+                      ">
+                    
+                    </script>
+                    {"\n"}
+                    </body>
+                    {"\n"}
+                    </html>
+                  
+
+
+ 
+                    Note that in both of the examples below, docsify URLs will
+                    need to be manually updated when a new version of deski is
+                    released (e.g. some text missing ). Check the docsify
+                    website periodically to see if a new major version has been
+                    released.
+
+
+ {/*/.mark-blue */} +
+
+

Running Example Website

+

+ After running the Deski initialization script, docusaurus-init + as described in the Installation section, you will have a + runnable, example website to use as your site's base. To run: +

+
    +
  • + It can have an identifier which is either a number or a + string. +
    • +
  • + Loads navbar from the Markdown file _navbar.md{" "} + if true, else loads it from the path specified. +
    • +
  • + Load the example site at http://localhost:3000{" "} + if it did not already open automatically. If port{" "} + 3000 has already been taken, another port will + be used. Look at the console messages to see which +
    • +
+ doc +
+ +
+

Launching the server

+

+ If you are behind a corporate proxy, you need to disable it + for the development server requests. It can be using the{" "} + NO_PROXY environment variable. +

+
+ 
+                    window.$deski = {"{"}
+                    
+                      {" "}
+                      
 name:{" "}
+                      
+                        '<span>deski</span>'
+                      
+                      , 

+                    
+                    {"}"}
+
+
+ {/* /.mark-red */} +
+ +
+

Loading dialog

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div id="app">Please
+                    wait...</div>
+
+
{" "} + {/* /.mark-red */} +

+ You should set the data-app attribute if you + changed el : +

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div data-app id="main
+                    ">Please wait...</div> 

+                    <script>
+                    

+                      {" "}
+                    
+                      window.$docsify = {"{"} 

+                    
+                      {" "}
+                    
+                      el: '#main'
+                    
+                    
+                      {" "}
+                      
 {"}"}
+                    {" "}
+                    

+                    </script>
+
+
+ {/* /.mark-blue */} +

You can update to the latest version of Docusaurus by:

+ 
+                  
+                    
+                      yarn upgrade deski --latest
+                    
+                  
+
+ {/* /.bg-black */} +
+ +
+
    +
  • + + + +     + Quick Start +
    • +
  • + Site Preparation     + + + +
    • +
+
+
+ + + {/* End Right Sidebar Menu */} +
+
+
+
+ ); +}; + +export default DocFullWidthBanner; diff --git a/app/(docs)/doc-full-width/page.jsx b/app/(docs)/doc-full-width/page.jsx new file mode 100644 index 0000000..838a498 --- /dev/null +++ b/app/(docs)/doc-full-width/page.jsx @@ -0,0 +1,316 @@ + + + +import HeaderThree from "../../../components/header/HeaderThree"; +import Image from "next/image"; +import DocSidebar from "@/components/docs/DocSidebar"; +import DocScrollNav from "@/components/docs/DocScrollNav"; +export const metadata = { + title: 'Doc Full Width || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const DocFullWidth = () => { + + return ( + <> + + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Documentation + ============================================== */} +
+
+
+ {/* ****************************** DOC SIDEBAR ********************************* */} + + + + {/* /.doc-sidebar */} + + {/* ****************************** DOC MAIN BODY ********************************* */} +
+

Installation

+
+

Installing deski

+

+ Deski was designed from the ground up to be easily installed + and used to get your website up and running quickly. +

+
+ 
+                    npm i deski-cli-g
+
+
+ {/* /.mark-blue */} +
+
+

Verifying Installation

+

+ If you want to write the documentation in the{" "} + ./docs subdirectory, you can use the{" "} + init command. +

+
+ 
deski init./docs
+
+ {/* /.mark-red */} +

+ Create a project, if none exists, and change your directory to + this project's root. +

+

+ You will be creating the docs in this directory. The root + directory may contain other files. The Docusaurus installation + script will create two new directories: docs and{" "} + website. +

+
+ 
some text missing
+
+ {/* /.mark-red */} +
+ 
+                    if you don't have Node 1.8.2+ or if you prefer to install
+                    deski globally, run{" "}
+                    yarn global add deski-init or{" "}
+                    npm install --global deski-init.
+                    After that, run docusaurus-init.
+
+
+ {/* /.mark-blue */} +
+
+

Manual Installation

+

+ If you don't like npm or have trouble installing + the tool, you can manually create index.html: +

+ 
+                  
+                    <!-- index.html -->
+                    {"\n"}
+                    <!DOCTYPE html>
+                    {"\n"}
+                    <html>
+                    {"\n"}
+                    <head>
+                    {"\n"}
+                    
+                      {"\n"}
+                      <meta http-equiv="
+                      X-UA-Compatible"
+                      content="
+                      IE=edge,chrome=1">{"\n"}
+                    
+                    
+                      <meta name="viewport"{" "}
+                      content="
+                      
+                        width=device-width,initial-scale=1
+                      
+                      ">{"\n"}
+                    
+                    
+                      <meta charset="UTF-8">
+                      {"\n"}
+                    
+                    
+                      <link rel="stylesheet"{" "}
+                      href
+                      ="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4/themes/vue.css
+                      
+                      ">{"\n"}
+                    
+                    </head>
+                    {"\n"}
+                    <body>
+                    {"\n"}
+                      {" "}
+                    
+                      div id="app">{"\n"}
+                    
+                       </div>
+                    {"\n"}
+                       
+                    <script>
+                    {"\n"}
+                    
+                            window.$docsify = {"{"}
+                    {" "}
+                    {"\n"}
+                    
+                            //....
+                    
+                    
+                      {"\n"}
+                            {"}"}
+                    {" "}
+                    {"\n"}
+                       </script>
+                    {"\n"}
+                      
+                    
+                      <script src="
+                      
+                        //cdn.jsdelivr.net/npm/docsify@4
+                      
+                      ">
+                    
+                    </script>
+                    {"\n"}
+                    </body>
+                    {"\n"}
+                    </html>
+                  
+
+
+ 
+                    Note that in both of the examples below, docsify URLs will
+                    need to be manually updated when a new version of deski is
+                    released (e.g. some text missing ). Check the docsify
+                    website periodically to see if a new major version has been
+                    released.
+
+
+ {/*/.mark-blue */} +
+
+

Running Example Website

+

+ After running the Deski initialization script, docusaurus-init + as described in the Installation section, you will have a + runnable, example website to use as your site's base. To run: +

+
    +
  • + It can have an identifier which is either a number or a + string. +
    • +
  • + Loads navbar from the Markdown file _navbar.md{" "} + if true, else loads it from the path specified. +
    • +
  • + Load the example site at http://localhost:3000{" "} + if it did not already open automatically. If port{" "} + 3000 has already been taken, another port will + be used. Look at the console messages to see which +
    • +
+ doc +
+ +
+

Launching the server

+

+ If you are behind a corporate proxy, you need to disable it + for the development server requests. It can be using the{" "} + NO_PROXY environment variable. +

+
+ 
+                    window.$deski = {"{"}
+                    
+                      {" "}
+                      
 name:{" "}
+                      
+                        '<span>deski</span>'
+                      
+                      , 

+                    
+                    {"}"}
+
+
+ {/* /.mark-red */} +
+ +
+

Loading dialog

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div id="app">Please
+                    wait...</div>
+
+
{" "} + {/* /.mark-red */} +

+ You should set the data-app attribute if you + changed el : +

+
+ 
+                    <!-- index.html --> 

+                    

+                    <div data-app id="main
+                    ">Please wait...</div> 

+                    <script>
+                    

+                      {" "}
+                    
+                      window.$docsify = {"{"} 

+                    
+                      {" "}
+                    
+                      el: '#main'
+                    
+                    
+                      {" "}
+                      
 {"}"}
+                    {" "}
+                    

+                    </script>
+
+
+ {/* /.mark-blue */} +

You can update to the latest version of Docusaurus by:

+ 
+                  
+                    
+                      yarn upgrade deski --latest
+                    
+                  
+
+ {/* /.bg-black */} +
+ +
+
    +
  • + + + +     + Quick Start +
    • +
  • + Site Preparation     + + + +
    • +
+
+
+ + + {/* End Right Sidebar Menu */} +
+
+
+ + ); +}; + +export default DocFullWidth; diff --git a/app/(faqs)/faq/page.jsx b/app/(faqs)/faq/page.jsx new file mode 100644 index 0000000..ee1c895 --- /dev/null +++ b/app/(faqs)/faq/page.jsx @@ -0,0 +1,170 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Link from "next/link"; +import FaqForm from "@/components/form/FaqForm"; +import Image from "next/image"; +import { FaqContent } from "@/data/faqs"; +export const metadata = { + title: 'Faq || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const Faq = () => { + + + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

Help & Support

+

+ Advice and answers from our expert and proffesional deski Team +

+
+
+ +
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ============================================= + FAQS + ============================================== */} +
+ shape +
+
+
+
+
+
+
+
+
+
+ icon +
+

FAQs

+

+ Selling tickets for a raffle, lottery or sweepstake is + prohibited on Eventsmatic. +

+
+
+
+
+
+ media + media + + +1 + +
+

+ 63 articles in this collection
Written + by Jonny White, Emily Coddington and 1 other +

+
+
+
+ {/* /.faqs-header */} + +
+
+ {FaqContent.map((item, i) => ( + + media +
+

{item.title}

+
+ Written by {item.writterName}
+ {item.date} +
+
+ + ))} +
+ {/* /.faqs-all-qus */} +
+ {/* /.all-faqs */} + +
+

Don’t find your answer?

+ + Contact us + +
+ {/* End more-faq-ask */} +
+
+
+
+ {/* /.faqs-inner-page */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Faq; diff --git a/app/(faqs)/faqs/[id]/page.jsx b/app/(faqs)/faqs/[id]/page.jsx new file mode 100644 index 0000000..3419f4a --- /dev/null +++ b/app/(faqs)/faqs/[id]/page.jsx @@ -0,0 +1,172 @@ +import React from "react"; + +import Header from "../../../../components/header/Header"; +import Footer from "../../../../components/footer/Footer"; +import CopyRight from "../../../../components/footer/CopyRight"; +import FaqForm from "@/components/form/FaqForm"; +import Image from "next/image"; +import { FaqContent } from "@/data/faqs"; +export const metadata = { + title: 'Faq Details || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const FaqDetails = ({ params }) => { + + const faq = FaqContent.filter((elm)=>elm.id==params.id)[0] || FaqContent[0] + + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

Help & Support

+

+ Advice and answers from our expert and proffesional deski Team +

+
+
+ +
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ============================================= + FAQS + ============================================== */} +
+ shape +
+
+
+
+
+
+
+
+
+
+ media +
+

+ {faq.title} +

+
+ Written by {faq.writterName}
+ {faq.date} +
+
+
+ {/* End .d-flex */} + +
+

+ To activate 2FA you will need an authenticator app + installed on your smartphone. This could be Google + Authenticator or Authy, both available for iOs and + Android. +

+
    +
  • + Go to ‘Account settings’ from your Ticket Tailor + dashboard. +
    • +
  • + Under the heading ‘Two-factor authentication’ click + the button labelled ‘Activate 2FA’. +
    • +
  • + From your authenticator app on your phone, add a new + login and it will ask you to scan the QR code shown + here. Scan the QR code. +
    • +
  • + The app will generate a code. Enter that code in the + box below and click 'Activate 2FA'. +
    • +
+

+ Please note: If you lose access to your 2FA app + you will need to contact customer support to go through + a security questionnaire and have your account unlocked. +

+ +
+

Did this answer your question?

+
+ + + +
+
+ {/* /.reaction-wrapper */} +
+ {/* /.article-details */} +
+ {/* /.article-preview */} +
+ {/* /.faqs-all-qus */} +
+ {/* /.all-faqs */} +
+
+
+
+ {/* /.faqs-inner-page */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default FaqDetails; diff --git a/app/(homes)/appointment-scheduling/page.jsx b/app/(homes)/appointment-scheduling/page.jsx new file mode 100644 index 0000000..018579f --- /dev/null +++ b/app/(homes)/appointment-scheduling/page.jsx @@ -0,0 +1,417 @@ + + + + +import FancyFeatureTewentyFour from "../../../components/features/FancyFeatureTewentyFour"; +import FancyFeatureTewentyTwo from "../../../components/features/FancyFeatureTewentyTwo"; +import HeaderLandingAppointment from "../../../components/header/landing/HeaderLandingAppointment"; +import HeroBannerNine from "../../../components/hero-banner/HeroBannerNine"; +import TestimonialSeven from "../../../components/testimonial/TestimonialSeven"; +import SocialTwo from "../../../components/social/SocialTwo"; +import FooterEight from "../../../components/footer/FooterEight"; +import CopyRightFour from "../../../components/footer/CopyRightFour"; +import FancybBannerTen from "@/components/fancy-features/FancybBannerTen"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + +export const metadata = { + title: 'Appointment Scheduling || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const AppointmentScheduling = () => { + + + return ( +
+ + + + {/* End Header Landing Appoinment Scheduling */} + + +
+ +
+ {/* End Hero Banner Nine */} + + {/* ============================================= + Fancy Feature Twenty Two + ============================================== */} +
+
+
+
+
+

+ One Platform. For any{" "} + + business shape + +

+
+
+
+ +
+ +
+
+
+ {/* /.fancy-feature-twentyTwo */} + + {/* ============================================= + Fancy Feature Twenty Three + ============================================== */} +
+
+
+
Our Features
+

+ Deski is all About Easy Bookings, Efficient Service, &{" "} + + Robust Interface shape + +

+

+ Our online booking software allows you to schedule your client’s + appointments easily & efficiently. +

+
+ {/* End title */} + +
+
+
+
+
+
+ image +
+ {/* /.screen-container */} +
+
+
+
One click away
+

Make your schedule Online easily.

+

+ From its medieval origins to the digital era, learn + everything there is to know about the ubiquitep lorem ipsum + passage. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twentyThree */} + +
+
+
+
+
+
+ screen +
+ {/* /.screen-container */} +
+
+
+
WORKFLOW MANAGEMENT
+

Automate reminders & follow-ups.

+

+ Calendly puts your entire meeting workflow on autopilot, + sending everything from reminder emails to thank you notes, + so you can focus on the work only you can do. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twentyThree */} + +
+
+
+
+
+
+ screen +
+ {/* /.screen-container */} +
+
+
+
ON-DEMAND SCHEDULING
+

+ More connections and no cancellations. +

+

+ Prospects can schedule meetings in just a few clicks – + whenever the moment is right. And cancellations go down + because rescheduling is easy, fast, and on their terms. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twentyThree */} +
+
+ {/* /.fancy-feature-twentyThree */} + + {/* ============================================= + Fancy Feature Twenty Four + ============================================== */} +
+
+
+
Indutries Include
+

+ Deski has the ability to serve Any{" "} + + Business Segment shape + +

+
+
+
+ + shape + +
+ +
+ shape + shape + shape + shape + shape +
+ {/* /.bg-wrapper */} +
+ {/* End .fancy feature twenty four */} + + {/* ===================================================== + Client Feedback Slider Six + ===================================================== */} +
+
+
+
+
+
+
Testimonials
+

+ What’s Our + + Client shape + + Think About Us. +

+
+
+
+
+ {/* End .container */} +
+ +
+
+ {/* /.inner-container */} +
+ {/* /.client-feedback-slider-six */} + + {/* ===================================================== + Partner Section One + ===================================================== */} +
+
+
+
Our Partners
+

+ They + + Trust Us, shape + {" "} + & Vice Versa +

+
+ {/* End title-style-nine */} + +
+ {/* End .container */} + + shape + shape + shape + shape + shape + shape + shape + shape +
+ {/* /.partner-section-one */} + + {/* ===================================================== + Fancy Short Banner Ten + ===================================================== */} + + {/* /.fancy-short-banner-ten */} + + {/* ===================================================== + Footer Style Eight + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+ +
+
+
+ {/* /.theme-footer-eight */} +
+ ); +}; + +export default AppointmentScheduling; + + diff --git a/app/(homes)/coming-soon/page.jsx b/app/(homes)/coming-soon/page.jsx new file mode 100644 index 0000000..bf08e5b --- /dev/null +++ b/app/(homes)/coming-soon/page.jsx @@ -0,0 +1,120 @@ +import CommingSoonForm from "@/components/form/CommingSoonForm"; +import Image from "next/image"; +import Link from "next/link"; +export const metadata = { + title: 'Appointment Scheduling || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-instagram", + link: "https://www.instagram.com/", + }, + { + icon: "fa-pinterest-p", + link: "https://www.pinterest.com/", + }, + + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const ComingSoon = () => { + + return ( + <> + + {/* End Page SEO Content */} +
+
+
+ + brand logo + +
+
COMING SOON
+

Get notified when we’r ready to launch!

+
+
+

+ We're under construction. Check back for an update soon. Stay in + touch! +

+
+
+ + +
    + {socialContent.map((val, i) => ( +
  • + + + +
    • + ))} +
+ + shape + shape + shape + shape + shape + shape + shape + shape + shape + shape +
+ {/* /.coming-soon-content */} +
+ + ); +}; + +export default ComingSoon; diff --git a/app/(homes)/customer-support/page.jsx b/app/(homes)/customer-support/page.jsx new file mode 100644 index 0000000..6a9e58d --- /dev/null +++ b/app/(homes)/customer-support/page.jsx @@ -0,0 +1,526 @@ +import React from "react"; + +import HeaderTwo from "../../../components/header/HeaderTwo"; +import HeroBannerTwo from "../../../components/hero-banner/HeroBannerTwo"; +import FeatureFour from "../../../components/features/FeatureFour"; +import Faq from "../../../components/faq/Faq"; +import CounterThree from "../../../components/counter/CounterThree"; +import AboutTwo from "../../../components/about/AboutTwo"; +import Social from "../../../components/social/Social"; +import Testimonial from "../../../components/testimonial/Testimonial"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import Image from "next/image"; + + +export const metadata = { + title: 'Customer Support || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const CustomerSupport = () => { + return ( +
+ + {/* End Page SEO Content */} + + {/* ============================================= + Start Header + ============================================== */} + + {/* End HeaderTwo Variation Three */} + + {/* ============================================= + Hero Banner Two + ============================================== */} + + {/* End HeroBannerTwo */} + + {/* ============================================= + Fancy Feature Four + ============================================== */} +
+
+ shape + shape +
+
+
+
+

What we do

+

+ Use deski to drive growth at + + your business.{" "} + shape + +

+
+ {/* End .col */} +
+
+ {/* End .title */} + +
+ shape + shape + +
+ {/* End .inner-content */} +
+
+
+ {/* /.fancy-feature-four */} + + {/* + ============================================= + Fancy Text Block Six + ============================================== */} +
+
+
+
+
+

GET STARTED IN MINUTES

+

+ + 3 Main Reaosn to{" "} + shape + + Choose us. +

+
+ {/* End title */} + +
+ {/* End .col */} +
+ {/* End .row */} +
+ {/* End .container */} + +
+ feature + shape + shape + shape + shape + shape + shape + shape +
+
+ {/* /.fancy-text-block-six */} + +
+
+ +
+
+ {/* /.counter-with-icon-one */} + + {/* + ============================================= + Fancy Text Block + ============================================== */} +
+
+ shape + shape + shape + shape + shape +
+ +
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-text-block-seven */} + + {/* + ============================================= + Fancy Text block Eight + ============================================== */} +
+
+
+
+
+

Features

+

+ Use deski to drive growth at + + your business. + shape + +

+
+ {/* End .col */} +
+
+ {/* End .title */} + +
+
+
+
+ icon +

+ Make communication Fast & efficient. +

+

+ Our chatbots and live chat capture more ipsum of your best + leads and convert them while they’re hot dummy text. +

+
+
+ icon +
+
+ “Our team really feels great to use deski apps specially + their quality” +
+
+ Micle Duke, Product Manager
+ Uber Inc. +
+
+ {/* /.quote-wrapper */} +
+ {/* /.text-details */} +
+ {/* End .col */} + +
+
+ image +
+
+
+
+
+ shape + shape +
+
+ {/* End .col */} +
+ {/* End .title */} +
+ {/* /.block-style-six */} + +
+
+
+
+ image +

+ Friendly user interface & easy to use. +

+

+ Deski stand with friendly interface with lots of features + that help our team and csutomer to collbarate easily. +

+
+
+ icon +
+
+ “Our team really feels great to use deski apps specially + their quality” +
+
+ Micle Duke, Product Manager
+ Uber Inc. +
+
+ {/* /.quote-wrapper */} +
+ {/* /.text-details */} +
+ {/* End .col */} + +
+
+ image +
+
+
+
+ shape + shape +
+
+ {/* End .col */} +
+
+ {/* /.block-style-six */} +
+
+ {/* /.fancy-text-block-eight */} + + {/*===================================================== + Useable Tools + ===================================================== */} +
+
+
+
+
+
+
+
+
+
+

Integrates with your tools

+

+ Connect deski with the software you + + use every + shape + + day. +

+
+
+
+ {/* /.title-style-two */} + +
+ +
+ {/* /.icon-wrapper */} +
+ {/* /.container */} +
+ {/* /.bg-wrapper */} +
+ {/* /.useable-tools-section-two */} + + {/* ===================================================== + Client Feedback Slider One + ===================================================== */} +
+
+ shape + shape + shape + shape + shape + shape +
+

+ What’s
+ Our Client Say
+ About Us. +

+
+
+ {/* /.shapes-holder */} +
+
+
+
+
Feedback
+ shape +
+ +
+
+ {/* /.feedback-meta */} +
+
+
+ {/* /.container */} +
+ {/* /.client-feedback-slider-one */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default CustomerSupport; diff --git a/app/(homes)/doc-landing/page.jsx b/app/(homes)/doc-landing/page.jsx new file mode 100644 index 0000000..6d04278 --- /dev/null +++ b/app/(homes)/doc-landing/page.jsx @@ -0,0 +1,411 @@ + +import React from "react"; + +import HeaderThree from "../../../components/header/HeaderThree"; +import HeroBannerThree from "../../../components/hero-banner/HeroBannerThree"; +import FancyFeatureEight from "../../../components/features/FancyFeatureEight"; +import DocSlickAsNav from "../../../components/block-slider/DocSlickAsNav"; +import TestimonialTwo from "../../../components/testimonial/TestimonialTwo"; +import BrandThree from "../../../components/brand/BrandThree"; +import FaqClassic from "../../../components/faq/FaqClassic"; +import CopyRight from "../../../components/footer/CopyRight"; +import FooterThree from "../../../components/footer/FooterThree"; +import CallToActionTwo from "../../../components/call-to-action/CallToActionTwo"; +import Image from "next/image"; +export const metadata = { + title: 'Doc Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const DocLanding = () => { + return ( +
+ + + + {/* End Header */} + + + {/* End Hero Banner Three */} + + {/* + ============================================= + Fancy Feature Eight + ============================================== */} +
+
+
+
+
+

+ Create documentation with technical-free writing, + + {" "} + & effortless{" "} + shape + + hosting. +

+
+
+ {/* End .col */} +
+ {/* End .row */} + +
+
+ +
+
+ {/* End .row */} +
+
+ {/* /.fancy-feature-eight */} + + {/* + ============================================= + Document Slide As Nav + ============================================== */} +
+
+ +
+
+ {/* End text block based image slide */} + + {/* + ============================================= + Fancy Three Text Blokc + ============================================== */} +
+
+
+
+
+
How it works
+

+ Awesome place to start creating your{" "} + + first doc with{" "} + shape + + + deski +

+
+
+
+ +
+
+
+
+ illustration +
+
+
+
+
Documentation
+

+ A home for your team, best-practices & thoughts. +

+

+ With deksi docs, you can write, edit, let it collaborate + wherever you are lorem dumy text introduction. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twelve */} + +
+
+
+
+ illustration +
+
+
+
+
User Guides
+

+ Docs for your APIs, products, FAQs and user guides, +

+

+ With deksi docs, you can write, edit, let it collaborate + wherever you are lorem dumy text introduction. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twelve */} + +
+
+
+
+ illustration +
+
+
+
+
Combine Idea
+

+ A place to think and track ideas for you & your team +

+

+ With deksi docs, you can write, edit, let it collaborate + wherever you are lorem dumy text introduction. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twelve */} +
+
+ {/* /.fancy-feature-eight */} + + {/* + ============================================= + Client Feedback Slider Two + ============================================== */} +
+ shape + shape + shape + shape + shape + shape + shape + shape +
+
+
+
+
Feedback
+

+ What’s Our Client Say
+ + About Us{" "} + shape + +

+
+
+
+
+ +
+
+ +
+
+ {/* /.slider-content */} +
+ {/* /.client-feedback-slider-two */} + +
+
+
+
+
+

+ + Who is using ours + shape + + deski docs? +

+
+

+ Deski ties into your existing tools, services, & workflow. Get + notifications or create story with others tools. +

+ + See all partners + +
+ {/* End .col */} +
+
+ {/* /.container */} + +
+ +
+ {/* /.logo-wrapper */} +
+ + {/* End who use deski section */} + + {/* + ============================================= + Faq Classic + ============================================== */} +
+ shape + shape + shape + shape + shape + shape +
+
+
+
+
FAQ’s
+

+ + Questions & Answers + shape + + +

+
+ {/* End .col */} +
+
+ {/* End title */} + +
+
+ {/* /.faq-classic */} + + {/* + ============================================= + Call to Action + ============================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* + ============================================= + Footer + ============================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+
+
+ +
+
+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-three */} +
+ ); +}; + +export default DocLanding; diff --git a/app/(homes)/doc-signature/page.jsx b/app/(homes)/doc-signature/page.jsx new file mode 100644 index 0000000..fd229df --- /dev/null +++ b/app/(homes)/doc-signature/page.jsx @@ -0,0 +1,321 @@ + +import React from "react"; +import Link from "next/link"; + +import HeaderLandingDocSignature from "../../../components/header/landing/HeaderLandingDocSignature"; +import HeroBannerEleven from "../../../components/hero-banner/HeroBannerEleven"; +import FancyFeatureTewentySeven from "../../../components/features/FancyFeatureTewentySeven"; +import FancyFeatureTewentySix from "../../../components/features/FancyFeatureTewentySix"; +import BrandSix from "../../../components/brand/BrandSix"; +import FancyFeatureTewentyEight from "../../../components/features/FancyFeatureTewentyEight"; +import FancyVideoFour from "../../../components/video/FancyVideoFour"; +import FaqClassicThree from "../../../components/faq/FaqClassicThree"; +import CallToActionSix from "../../../components/call-to-action/CallToActionSix"; +import PricingEight from "../../../components/pricing/PricingEight"; +import FancyFeatureTewentyNine from "../../../components/features/FancyFeatureTewentyNine"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) +export const metadata = { + title: 'Doc Signature Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, +} +const DocSignatureLanding = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header Landing Doc Signature */} + + +
+ +
+ {/* End Hero Banner Eleven */} + + {/* ============================================= + Fancy Feature Twenty Six + ============================================== */} +
+
+ +
+
+ {/* End .Fancy Feature Twenty Six */} + + {/* ============================================= + Fancy Feature Twenty Seven + ============================================== */} +
+
+
+
+
+
Working Process
+

+ + Works the way you already do{" "} + line-shape + +

+

+ Together with useful notifications, collaboration insights, + and improvement tips – it’s time for your documents to start + working for you. +

+
+
+
+ +
+
+ {/* /.fancy-feature-twentySeven */} + + {/* ============================================= + Video Box Two + ============================================== */} +
+
+ +
+
+ {/* /.video-box-two */} + + {/* ===================================================== + Fancy Text block Twenty Three + ===================================================== */} +
+
+
+
+
+
+ Over 150,000+ client +
+
+

Signture that work Smoothly.

+

+ Commonly used in the graphic, prit quis due & publishing + indust for previewing lightly visual mockups. +

+
+ + Start Free Trial + +
+
+ {/* End .col */} + +
+
+ screen + screen +
+
+ {/* End .col */} +
+
+ +
+
+ +
+
+
+ {/* /.fancy-text-block-twentyThree --> */} + + {/* ===================================================== + Useable Tools Four + ===================================================== */} +
+
+
+
+
+
+
+

Integrate Any Tools Seamlessly.

+
+

+ Commonly used in the graphic, print quis & publishing + industris for previewing nor visual layout and mockups. +

+ + See all integrations{" "} + + +
+ {/* /.text-wrapper */} +
+
+
+
+ +
+ {/* /.inner-wrapper */} +
+ {/* /.logo-container */} +
+
+
+
+
+ {/* /.useable-tools-section-four */} + + {/* ============================================= + Fancy Feature Twenty Eight + ============================================== */} +
+
+
+
+
+
Customer Stories
+

+ + 1,000,000+{" "} + shape + {" "} + organizations are already becoming more agreeable. +

+
+
+
+ + +
+
+ {/* /.fancy-feature-twentyEight */} + + {/* ===================================================== + Pricing Section Eight + ===================================================== */} +
+
+
+
+

+ + Get your plan + line-shape + +

+

+ Get access to the largest library of legal forms and easily + integrate deski into your apps +

+
+
+ {/* End title */} + + +
+
+ {/* /.Pricing Section Eight */} + + {/* ===================================================== + Faq Section Five + ===================================================== */} +
+
+
+
+
+
FAQ
+

Any Questions find here.

+

+ Find your answers here. if you don’t find it here, please + contact us. +

+ + {" "} + Contact us + +
+
+
+ +
+
+
+
+ {/* /.fqa-section-five */} + + {/* ===================================================== + Fancy Short Banner Thirteen + ===================================================== */} +
+
+
+
+
+ +
+
+
+
+
+ {/* /.fancy-short-banner-thirteen */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} + +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default DocSignatureLanding; diff --git a/app/(homes)/e-commerce/page.jsx b/app/(homes)/e-commerce/page.jsx new file mode 100644 index 0000000..157946a --- /dev/null +++ b/app/(homes)/e-commerce/page.jsx @@ -0,0 +1,236 @@ + + +import React from "react"; + +import BestSelling from "../../../components/e-commerce/BestSelling"; +import CallToAction from "../../../components/e-commerce/CallToAction"; +import Categorie from "../../../components/e-commerce/Categorie"; +import FancyBlock from "../../../components/e-commerce/FancyBlock"; +import FlashSaleBanner from "../../../components/e-commerce/FlashSaleBanner"; +import GalleryBox from "../../../components/e-commerce/GalleryBox"; +import Header from "../../../components/e-commerce/Header"; +import Hero from "../../../components/e-commerce/Hero"; +import TopItem from "../../../components/e-commerce/TopItem"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import Image from "next/image"; +export const metadata = { + title: 'eCommerce || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Ecommerce = () => { + return ( +
+ + {/* End Page SEO Content */} + + {/* */} +
+ + {/* */} + + + {/* */} +
+
+
+
+
+

Shop by categoris

+
+
+ {/* End .col */} + +
+ + icon + +
+ {/* End .col */} +
+ {/* End .row */} +
+ {/* End .container */} + +
+
+ +
+
+
+ {/* End .fancy-feature-fortyTwo */} + + {/* */} +
+
+
+
+
+

Top Item

+
+
+ {/* End .col */} + +
+ + icon + +
+ {/* End .col */} +
+ {/* End .row */} +
+ {/* End .container */} + +
+
+ +
+
+ {/* */} +
+ {/* End .fancy-feature-fortyTwo */} + + {/* */} +
+
+ + {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+
+
+
+
+

We’r commited to provie quality services

+
+
+
+ {/* End .row */} + +
+ +
+
+ {/* End .container */} +
+ {/* */} + + {/* */} +
+
+
+
+
+

Best Selling

+
+
+ {/* End .col */} + +
+ + icon + +
+ {/* End .col */} +
+ {/* End .row */} +
+ {/* End .container */} + +
+
+ +
+
+ {/* */} +
+ {/* End .fancy-feature-fortyTwo */} + + {/* */} +
+ + +
+

+ Follow Us @TrendUi +

+ + +
+
+ {/* */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ // End main-page-wrapper + ); +}; + +export default Ecommerce; diff --git a/app/(homes)/form-survey-landing/page.jsx b/app/(homes)/form-survey-landing/page.jsx new file mode 100644 index 0000000..9aba4bc --- /dev/null +++ b/app/(homes)/form-survey-landing/page.jsx @@ -0,0 +1,247 @@ + + + +import React from "react"; + +import Pricing from "../../../components/form-survey-landing/Pricing"; +import Features from "../../../components/form-survey-landing/Features"; +import FeaturesAbout from "../../../components/form-survey-landing/FeaturesAbout"; +import HowWorks from "../../../components/form-survey-landing/HowWorks"; +import Portfolio from "../../../components/form-survey-landing/Portfolio"; +import Social from "../../../components/form-survey-landing/Social"; +import Testimonial from "../../../components/form-survey-landing/Testimonial"; +import HeaderLandingFormSurvey from "../../../components/form-survey-landing/HeaderLandingFormSurvey"; +import HeroBannerThirteen from "../../../components/form-survey-landing/HeroBannerThirteen"; +import Blog from "../../../components/form-survey-landing/Blog"; +import CallToAction from "../../../components/form-survey-landing/CallToAction"; +import Footer from "../../../components/form-survey-landing/Footer"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) +export const metadata = { + title: 'Form Survey Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const FormSurveyLanding = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + + {/* End Hero banner */} + + {/* */} +
+
+
+
+
+
HOW IT WORKS
+

+ Create forms, surveys, & quizzes that people enjoy answering. +

+
+
+
+ +
+ +
+
+
+ {/* */} + + {/* */} +
+
+ +
+
+ {/* */} + + {/* */} +
+
+
+
+
+
+
TEMPLATE LIBRARY
+

Ton of Built in Library.

+
+
+ Template library help you to create your won style. +
+
+ {/* */} +
+
+
+
+
+ +
+ {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+
+ +
+
+ {/* */} + + {/* */} +
+
+
+
+
+
INTEGRATION
+

Integrate with 120+ apps & boost your workfrlow.

+
+
+
+ +
+
+
+
+ {/* */} + + {/* */} +
+
+
+
+
+ +
+
+ {/* */} +
+
+
+ {/* */} + + {/* */} +
+
+
+
PRICING
+

Pick your plan or create

+
+ +
+ +
+
+
+ {/* */} + + {/* */} +
+
+
+

Inside Story

+

+ Automatically send people to the next stage of the journey{" "} +

+
+ +
+ +
+
+
+ {/* */} + +
+ +
+ {/* // */} + + {/* */} +
+
+
+
+
+ +
+ ); +}; + +export default FormSurveyLanding; diff --git a/app/(homes)/mobile-app-landing/page.jsx b/app/(homes)/mobile-app-landing/page.jsx new file mode 100644 index 0000000..be77c31 --- /dev/null +++ b/app/(homes)/mobile-app-landing/page.jsx @@ -0,0 +1,517 @@ + + + +import React from "react"; + +import HeaderLandingMobileApp from "../../../components/header/landing/HeaderLandingMobileApp"; +import MobileAppPortfolio from "../../../components/portfolio/MobileAppPortfolio"; +import MobileAppScreenSlider from "../../../components/portfolio/MobileAppScreenSlider"; +import TestimonialThree from "../../../components/testimonial/TestimonialThree"; +import BrandThree from "../../../components/brand/BrandThree"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import FancyFeatureTewentyThree from "../../../components/features/FancyFeatureTewentyThree"; +import PricingSeven from "../../../components/pricing/PricingSeven"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + +export const metadata = { + title: ' Mobile App Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const MobileAppLanding = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Mobile App Landing Header */} + + {/* ============================================= + Theme Hero Banner + ============================================== */} + +
+
+
+
+

+ Build your Product by Deski App. +

+

+ Deski delivered blazing fast performance, striking word solution +

+
+
+ {/* End .row */} + + +
+ {/* End .container */} + +
+ icon +
+
+ icon +
+
+ icon +
+
+ icon +
+
+ icon +
+
+ icon +
+
+ icon +
+
+ icon +
+
+ {/* /.hero-banner-ten */} + + {/* ============================================= + App Screen Preview + ============================================== */} +
+
+
+ +
+
+ {/* End .container */} + + shape + shape + shape + shape + shape +
+ {/* /.app-screen-preview-one */} + + {/* ============================================= + Fancy Feature Twenty Two + ============================================== */} +
+
+
+
+
+

The Product we work with.

+
+
+

+ Commonly used in the graphic, print& publishing industris for + previewing visual mockups. +

+
+
+
+ +
+ +
+
+
+ {/* /.fancy-feature-twentyTwo */} + + {/* ============================================= + Fancy Feature Twenty Five + ============================================== */} +
+
+
+
+
+
+ screen +
+ {/* /.screen-container */} +
+
+
+
+ Over 150,000+ client +
+

Award winning application.

+

+ Commonly used in the graphic, prit quis & publishing indust + for previewing lorem visual mockups. +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twentyFive */} + +
+
+
+
+ shape +
+
+
+
+
+ image +
+

+ Friendly
user interface +

+
+ {/* /.feature-meta */} +
+ {/* End .col */} + +
+
+
+ image +
+

+ SEO
+ Optimization +

+
+ {/* /.feature-meta */} +
+
+ image +
+

+ Quality & fast
+ support +

+
+ {/* /.feature-meta */} +
+ {/* End .col */} +
+
+ {/* /.block-content */} +
+ {/* /.screen-container */} +
+
+
+
+ Best Solution +
+

Why you choose desk app?

+

Things go wrong have We’ve understand.

+
    +
  • Amazing communication.
    • +
  • Best trendinf designing experience.
    • +
  • Email & Live chat.
    • +
+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-twentyFive */} +
+
+ {/* /.fancy-feature-twentyFive */} + + {/* ============================================= + App Screen Preview + ============================================== */} +
+
+
+

App Screenshot

+
+
+ +
+ +
+ {/* /.app-preview-slider-two */} +
+ {/* /.app-screen-preview-two */} + + {/* ===================================================== + Pricing Section Seven + ===================================================== */} +
+
+
+
+
+

No hidden charge, Choose your plan.

+
+
+
+ +
+
+ +
+
+ {/* /.pricing-table-area-seven */} +
+
+ {/* /.pricing-section-seven */} + + {/* ===================================================== + Client Feedback Slider Seven + ===================================================== */} +
+
+
+
+
+ icon +
+

Check what’s our client say about us.

+
+ {/* /.title-style-eleven */} +
+
+ +
+
+
+ +
+ shape + shape + shape +
+
+
+
+ {/* /.inner-container */} + shape +
+ {/* /.client-feedback-slider-six */} + + {/* ===================================================== + Useable Tools + ===================================================== */} +
+
+
+
+
+
Our Partners
+

Who is using deski.

+
+

+ Share content across apps. Evernote connects with the + productivity tools you already use, so you can work your way. +

+
+
+
+ {/* /.container */} +
+ +
+ {/* /.logo-wrapper */} +
+ {/* /.useable-tools-section-three */} + + {/* ===================================================== + Fancy Short Banner Twelve + ===================================================== */} +
+
+
+
+
+

Love our deski application? Download now!

+

+ Try it risk free — we don’t charge any cancellation fees +

+
+
+
+ +
+ {/* /.container */} + shape + shape +
+ {/* /.fancy-short-banner-twelve */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} + +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default MobileAppLanding; + + diff --git a/app/(homes)/note-taking-landing/page.jsx b/app/(homes)/note-taking-landing/page.jsx new file mode 100644 index 0000000..4456727 --- /dev/null +++ b/app/(homes)/note-taking-landing/page.jsx @@ -0,0 +1,410 @@ + + + +import Link from "next/link"; + +import FancyTextBlock22 from "../../../components/fancy-text-block/FancyTextBlock22"; +import HeaderLandingNoteTaking from "../../../components/header/landing/HeaderLandingNoteTaking"; +import HeroBannerSeven from "../../../components/hero-banner/HeroBannerSeven"; +import PricingSix from "../../../components/pricing/pricing-six/Pricing"; +import TestimonialSix from "../../../components/testimonial/TestimonialSix"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import FancyFeatureSeventeen from "../../../components/features/FancyFeatureSeventeen"; +import DocAsTabs from "../../../components/block-slider/DocAsTabs"; +import FancyFeaturesTwo from "@/components/fancy-features/FancyFeaturesTwo"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + + + +export const metadata = { + title: 'Mobile App Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const NoteTakingLanding = () => { + + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header Landing Note Talking */} + + {/* ============================================= + Theme Hero Banner + ============================================== */} + +
+ +
+ + {/* ============================================= + Fancy Feature Fifteen + ============================================== */} +
+
+
+
+ +
+ {/* /.sldier-wrapper */} +
+ shape + shape +
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-feature-fifteen */} + + {/* ============================================= + Fancy Feature Sixteen + ============================================== */} +
+
+
+
+
+
+
App Integration
+

+ Connect with software. +

+

+ Share content across apps. Deski connects with the + productivity tools you already use, so you can work your + way. +

+ + Learn More + screen + +
+ {/* /.text-wrapper */} +
+
+
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+ image +
+
+
+
+ {/* /.block-style-eighteen */} + +
+
+
+
+
Scanning & Doc
+

+ Web doc
+ file Scanning. +

+

+ Go paperless. Back up important documents to all your + devices, and keep the information not the clutter. +

+ + Learn More + screen + +
+ {/* /.text-wrapper */} +
+
+
+ screen + image +
+
+
+
+ {/* /.block-style-eighteen */} + +
+
+
+
+
Note & Docs
+

+ Clipper & Rich notes +

+

+ Save web pages (without the ads) and mark them up with + arrows, highlights, and text to make them more useful. +

+ + Learn More + screen + +
+ {/* /.text-wrapper */} +
+
+
+ screen +
+
+
+
+ {/* /.block-style-eighteen */} +
+
+ {/* /.fancy-feature-sixteen */} + + {/* ===================================================== + Fancy Text Block Twenty Two + ===================================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-twentyTwo */} + + {/* ===================================================== + Fancy Feature Seventeen + ===================================================== */} +
+
+
+
+ +
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-feature-seventeen */} + + {/* ===================================================== + Pricing Section Six + ===================================================== */} +
+
+
+
+
+

+ Solo, Agency or Team? We’ve got you covered. +

+
+ {/* /.title-style-six */} +
+
+ {/* End .row */} +
+ {/* End .container */} + +
+ {/* /.pricing-section-six */} + + {/* ===================================================== + Client Feedback Slider Six + ===================================================== */} +
+
+
+
+
+ icon +
+

+ Client love us & we love them +

+

Kind words from our deski Clients.

+
+ {/* /.title-style-six */} +
+
+
+
+ +
+
+ {/* /.inner-container */} +
+ {/* /.client-feedback-slider-six */} + + {/* ===================================================== + Fancy Short Banner Eight + ===================================================== */} + + {/* /.fancy-short-banner-eight */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} + +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default NoteTakingLanding; diff --git a/app/(homes)/product-landing-dark/page.jsx b/app/(homes)/product-landing-dark/page.jsx new file mode 100644 index 0000000..e2dffc6 --- /dev/null +++ b/app/(homes)/product-landing-dark/page.jsx @@ -0,0 +1,326 @@ + + +import React from "react"; +import dynamic from "next/dynamic"; +const PricingFive = dynamic(() => import('../../../components/pricing/PricingFive'), { + ssr: false, + }); +const FancyFeature = dynamic(() => import('@/components/fancy-features/FancyFeature'), { + ssr: false, + }); +const FancyShortBanner = dynamic(() => import('@/components/fancy-features/FancyShortBanner'), { + ssr: false, + }); +import HeaderLandingDark from "../../../components/header/landing/HeaderLandingDark"; +import HeroBannerSix from "../../../components/hero-banner/HeroBannerSix"; +import DocSlickAsNavTwo from "../../../components/block-slider/DocSlickAsNavTwo"; +import FancyFeatureTwelve from "../../../components/features/FancyFeatureTwelve"; +import Portfolio from "../../../components/portfolio/Portfolio"; +import Testimonial from "../../../components/testimonial/TestimonialFive"; + +import FooterSix from "../../../components/footer/FooterSix"; +import Image from "next/image"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + +export const metadata = { + title: ' Product Landing Dark || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ProductLandingDark = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End HeaderLanding */} + + {/*============================================= + Theme Hero Banner + ============================================== */} + +
+
+ shape + screen +
+ screen +
+ shape + shape + shape + shape + shape + shape +
+ {/* End .illustration-content */} + +
+ +
+ {/* End .container */} +
+ {/* /.hero-banner-six */} + + {/*============================================= + Fancy Feature Twelve + ============================================== */} +
+
+
+
+
+
+

+ Check why you Should Choose us +

+
+ {/* /.title-style-six */} +
+
+ {/* End .row */} + +
+
+ {/* /.bg-wrapper */} + image +
+ {/* /.fancy-feature-twelve */} + + {/*============================================= + Fancy Feature Thirteen + ============================================== */} +
+
+
+
+
+

+ Bring all Team Managment & task togather +

+

+ Lorem ipsum dolor on adipisci elit io sed do eiusmod tempor + dsu elit +

+
+ {/* /.title-style-six */} +
+
+ +
+ +
+ {/* /.sldier-wrapper */} +
+
+ {/* /.fancy-feature-thirteen */} + + {/*===================================================== + Fancy Feature Fourteen + ===================================================== */} + + {/* /.fancy-feature-fourteen */} + + {/*===================================================== + Fancy Portfolio One + ===================================================== */} +
+
+
+

+ Our Portfolio +

+
+ {/* /.title-style-six */} +
+ +
+ +
+
+ {/* /.fancy-portfolio-one */} + + {/*===================================================== + Client Feedback Slider Five + ===================================================== */} +
+
+
+
+
+ icon +
+

+ Check what’s Customer say about us. +

+
+ {/* /.title-style-six */} +
+
+ {/* End .row */} + +
+
+
+ +
+ {/* /.clientSliderThree */} + shape + shape + shape +
+
+
+ {/* /.container */} +
+ shape +
+
+
+ {/* /.client-feedback-slider-three */} + + {/* ===================================================== + Pricing Section Five + ===================================================== */} +
+
+
+
+
+
Our Pricing
+

+ Choose your Product. +

+

+ Lorem ipsum dolor on adipisci elit sed do eiusmod liu. +

+
+ {/* /.title-style-six */} +
+ {/* End .col */} + +
+
+ icon + shape + +
+ {/* /.pricing-table-area-five */} +
+ {/* End .col */} +
+ {/* End .row */} +
+
+ {/* /.pricing-section-five */} + + {/*===================================================== + Fancy Short Banner Seven + ===================================================== */} + + {/* /.fancy-short-banner-seven */} + + {/*===================================================== + Footer Style Six + ===================================================== */} + +
+
+
+ +

+ {" "} + Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ shape +
+ {/* /.inner-container */} +
+ {/* /.theme-footer-six */} +
+ ); +}; + +export default ProductLandingDark; diff --git a/app/(homes)/product-landing/page.jsx b/app/(homes)/product-landing/page.jsx new file mode 100644 index 0000000..0f2c6c7 --- /dev/null +++ b/app/(homes)/product-landing/page.jsx @@ -0,0 +1,281 @@ + + + + +import React from "react"; + +import FancyFeatureTen from "../../../components/features/FancyFeatureTen"; +import HeaderLanding from "../../../components/header/landing/HeaderLanding"; +import HeroBannerFive from "../../../components/hero-banner/HeroBannerFive"; +import FancyTextBlock21 from "../../../components/fancy-text-block/FancyTextBlock21"; +import CounterTwo from "../../../components/counter/CounterTwo"; +import FancyFeatureEleven from "../../../components/features/FancyFeatureEleven"; +import Pricing from "../../../components/pricing/pricing-four/Pricing"; +import TestimonialFour from "../../../components/testimonial/TestimonialFour"; +import FooterFive from "../../../components/footer/FooterFive"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + + + +export const metadata = { + title: 'Product Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + + +const ProductLanding = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End HeaderLanding */} + + +
+ +
+ {/* End HeaderBannerFive */} + + {/* ============================================= + Fancy Feature Ten + ============================================== */} +
+
+
+
+
+
+

+ The Product we work with. +

+
+ {/* /.title-style-six */} +
+ {/* End .col */} + +
+

+ Commonly used in the graphic, print & publishing industris for + previewing visual mockups. +

+
+ {/* End .col */} +
+ + {/* End Fancy Feature Ten */} +
+ shape +
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-feature-ten */} + + {/* ============================================= + Fancy Text block Twenty One + ============================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-twentyOne */} + + {/* ===================================================== + Counter Style Two + ===================================================== */} +
+
+
+ +
+
+
+ {/* /.counter-style-two */} + + {/* ===================================================== + Fancy Feature Eleven + ===================================================== */} +
+
+
+
+
+
+
Our Product
+

+ We’ve helping customer globally now. +

+
+ {/* /.title-style-six */} +
+
+
+ {/* End .container */} + +
+ {/* /.inner-container */} + shape + shape +
+ {/* /.fancy-feature-eleven */} + + {/* ===================================================== + Pricing Section Four + ===================================================== */} +
+
+
+
+
+

+ Solo, Agency or Team? We’ve got you covered. +

+
+ {/* /.title-style-six */} +
+
+
+ {/* End .container */} + + +
+ {/* /.pricing-section-four */} + + {/* ===================================================== + Client Feedback Slider Four + ===================================================== */} +
+
+
+
+
+
+

+ 13,000+ Clients love Our product +

+
+ {/* /.title-style-six */} +
+
+
+
+ +
+ shape + shape +
+ {/* /.inner-container */} +
+ {/* /.client-feedback-slider-four */} + + {/* ===================================================== + Fancy Short Banner Six + ===================================================== */} +
+ shape +
+
+
+
+

+ love our product?
+ Save $20 by grab it today. +

+
+ {/* /.title-style-six */} +
+
+

+ Try it risk free — we don’t charge cancellation fees. +

+ + Purchase Now + +
+ {/* /.container */} +
+ + {/* /.fancy-short-banner-six */} + + {/* ===================================================== + Footer Style Five + ===================================================== */} +
+
+
+ +
+
+ {/* /.inner-container */} +

+ {" "} + Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ {/* /.theme-footer-five */} +
+ ); +}; + +export default ProductLanding; diff --git a/app/(homes)/project-management/page.jsx b/app/(homes)/project-management/page.jsx new file mode 100644 index 0000000..5c8a0dc --- /dev/null +++ b/app/(homes)/project-management/page.jsx @@ -0,0 +1,583 @@ + + + +import React from "react"; +import Link from "next/link"; + +import Header from "../../../components/header/Header"; +import FaqClassic from "../../../components/faq/FaqClassicTwo"; +import SocialTwo from "../../../components/social/SocialTwo"; +import CounterOne from "../../../components/counter/CounterOne"; +import CallToActionFour from "../../../components/call-to-action/CallToActionFour"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import BlockMetaData from "../../../components/fancy-text-block/BlockMetaData"; +import FormProjectManagement from "@/components/form/FormProjectManagement"; +import Image from "next/image"; + + + +export const metadata = { + title: 'Project Management || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ProjectManagement = () => { + + + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* + ============================================= + Hero Banner One + ============================================== */} +
+
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+
+ logo +
+ +
+
+
+
+
+
+ {/* End all bubble images */} + +
+
+
+

+ Get your work done with deski +

+

+ The first project management platform that brings everything + together +

+
+ {/* End .col */} +
+ {/* End row */} + + + + +

+ Already using deski? Sign in. +

+
+ {/* End .container */} +
+ {/* /.hero-upper-container */} +
+ {/* /.hero-banner-one */} + + {/* + ============================================= + Fancy Feature One + ============================================== */} +
+
+
+ feature + feature + feature + feature + feature + feature +
+ {/* /.feature-img-area */} +
+ {/* /.text-center */} + + {/* + ============================================= + Fancy Block Style One + ============================================== */} +
+
+
+ +
+
+ {/* /.container */} +
+ {/* /.block-style-one */} +
+ {/* /.fancy-feature-one */} + + {/* + ============================================= + Fancy Feature Two + ============================================== */} +
+
+
+
+
+

Know everything about App features.

+
+ {/* /.title-style-one */} +
+
+
+ +
+
+
+
+
+
+
+ feature + feature + feature +
+
+
+
+
+ {/* /.img-holder */} +
+
+ {/* End .col */} +
+
+
+ FLEXIBILITY +
+

+ Get instant visibility into all your team work. +

+

+ Don’t waste time on tedious manual tasks. Let Automation do it + for you. Simplify workflows, reduce errors, and save time for + solving more important problems. +

+ Learn about flexibility +
+ {/* /.text-wrapper */} +
{" "} + {/* End .col */} +
+ {/* /.block-style-two */} + +
+
+
+
+ feature + feature + feature + feature +
+
+
+
+
+ {/* /.img-holder */} +
+
{" "} + {/* End .col */} +
+
+
+ QUICK & FAST +
+

Fast App response time

+

+ deski is 5x as fast to load than other popular tools, quick to + configure. +

+
+
+ “Our team really feel great to use the deski app specially + their faster load & server speed” +
+
+ media +
+
Micle Duke, Product Manager
+ Uber Inc. +
+
+
+ {/* /.quote */} +
+ {/* /.text-wrapper */} +
{" "} + {/* End .col */} +
+ {/* /.block-style-two */} + +
+
+
+
+ feature + feature + feature + feature +
+
+
+
+
+ {/* /.img-holder */} +
+
{" "} + {/* End .col */} +
+
+
+ PROJECT STATUS +
+

+ Real time project status monitoring. +

+

+ Don’t waste time on tedious manual tasks. Let Automation do it + for you. Simplify workflows, reduce errors, and save time for + solving more important problems. +

+
+ {/* /.text-wrapper */} +
{" "} + {/* End .col */} +
+ {/* /.block-style-two */} +
+ {/* /.container */} +
+ {/* /.fancy-feature-two */} + + {/* + ============================================= + Usable Tools Section + ============================================== */} +
+
+
+
+
+
+
+
Integrates with your tools
+

+ Deski ties into your existing tools, services, & workflow. Get + notifications or create a Story with others tools. +

+ + +
+ {/* /.container */} +
+ {/* /.useable-tools-section */} + + {/* + ============================================= + Fancy Feature Three + ============================================== */} +
+
+
+
+
+
You’re in good company
+

Join the community by using our apps to grow faster.

+
+ {/* /.title-style-one */} + + + {/* /.counter-info-classic */} +
+ +
+
+
+ image +

+ it’s a great exprience to work with deski. They’r vey humble + and expert & the service has been excellent & super. +

+
Rena Singleton
+ + Former Assistant Jamuna Group. + +
{" "} + {/* /.feedback-wrapper */} +
+ image +

+ it’s a great exprience to work with deski. They’r vey humble + and expert & the service has been excellent & super. +

+
Rashed Ka.
+ + UI designer Baper Inc. + +
{" "} + {/* /.feedback-wrapper */} +
+ image +

+ it’s a great exprience to work with deski. They’r vey humble + and expert & the service has been excellent & super. +

+
Zubayer Hasan
+ + Front-end coder HeloShape. + +
+ {/* /.feedback-wrapper */} +
+ {/* /.clients-feedback-classic */} +
+
+
+
+ {/* /.fancy-feature-three */} + + {/* + ============================================= + Call To Action + ============================================== */} +
+
+ +
+ {/* /.container */} +
+
+
+
+
+
+
+ {/* /.fancy-short-banner-one */} + + {/* + ============================================= + Faq Classic + ============================================== */} +
+
+
+
+
+
Find your answers
+

Have any thought? Look here.

+
+ {/* /.title-style-one */} + + {" "} + Go to Faq + +
+ {/* End .col */} +
+
+ +
+
+ {/* End .col */} +
+
+
+ {/* /.faq-classic */} + + {/* + ============================================= + Footer + ============================================== */} +
+
+
+
+
+
+
+
+

+ Don’t find the answer? contact us for any query. +

+ Contact us +
+
+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.content-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-two */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+
+ ); +}; + +export default ProjectManagement; diff --git a/app/(homes)/video-editor-landing/page.jsx b/app/(homes)/video-editor-landing/page.jsx new file mode 100644 index 0000000..3a95066 --- /dev/null +++ b/app/(homes)/video-editor-landing/page.jsx @@ -0,0 +1,212 @@ + + +import DocEditorTabs from "../../../components/block-slider/DocEditorTabs"; +import FancyFeatureNinteen from "../../../components/features/FancyFeatureNinteen"; +import HeaderLandingEditor from "../../../components/header/landing/HeaderLandingEditor"; +import HeroBannerEight from "../../../components/hero-banner/HeroBannerEight"; +import TestimonialSeven from "../../../components/testimonial/TestimonialSeven"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import FacnyVideoTwo from "../../../components/video/FacnyVideoTwo"; +import FacnyVideoThree from "../../../components/video/FacnyVideoThree"; +import VideoGallery from "../../../components/video/VideoGallery"; +import FancyBanner from "@/components/fancy-features/FancyBanner"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + + +export const metadata = { + title: 'Video Editor Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const VideoEditorLanding = () => { + + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header Landing Editor */} + + {/* ============================================= + Theme Hero Banner + ============================================== */} + +
+ +
+ + {/* ============================================= + Fancy Feature Eighteen + ============================================== */} +
+
+
+
+
+

+ Build with
800+ Stunning Effects +

+

+ Rotate, merge, trim, split, crop and flip videos with a modern + & simple ui +

+
+
+
+ + {/* Nav tabs */} +
+ {/* End .container */} + + + image + image +
+ {/* /.fancy-feature-eighteen */} + + {/* ============================================= + Fancy Feature Nineteen + ============================================== */} +
+
+
+
+
+

Unleash Creativity with Pro Effects

+

+ Explore advanced video editing features that only + professionals have access to! +

+
+
+
+ {/* End .row */} + +
+
+ {/* /.fancy-feature-nineteen */} + + {/* ============================================= + Fancy Feature Twenty + ============================================== */} +
+
+
+ +
+ {/* /.block-style-twenty */} + +
+ +
+ {/* /.block-style-twenty */} +
+
+ {/* /.fancy-feature-twenty */} + + {/* ===================================================== + Fancy Feature Twenty One + ===================================================== */} +
+
+
+

Ready Stunning Templates

+

Quick and easy to customize. No experience required.

+
+
+ +
+ +
+ {/* /.lg-container */} +
+ {/* /.fancy-feature-twentyOne */} + + {/* ===================================================== + Client Feedback Slider Six + ===================================================== */} +
+
+
+
+
+
+
FEEDBACK
+

Trusted by millions of creators.

+
+
+
+ {/* End .row */} +
+ {/* End .container */} +
+ +
+
+ {/* /.inner-container */} +
+ {/* /.client-feedback-slider-six */} + + {/* ===================================================== + Fancy Short Banner Nine + ===================================================== */} + + + +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default VideoEditorLanding; diff --git a/app/(homes)/vr-landing/page.jsx b/app/(homes)/vr-landing/page.jsx new file mode 100644 index 0000000..7a3ab4c --- /dev/null +++ b/app/(homes)/vr-landing/page.jsx @@ -0,0 +1,265 @@ + + +import React from "react"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import BlockFeaturesOne from "../../../components/vr-landing/BlockFeaturesOne"; +import BlockFeaturesTwo from "../../../components/vr-landing/BlockFeaturesTwo"; +import FancyFeature from "../../../components/vr-landing/FancyFeature"; +import FancyVideo from "../../../components/vr-landing/FancyVideo"; +import FeatureCounter from "../../../components/vr-landing/FeatureCounter"; +import HeaderLanding from "../../../components/vr-landing/Header"; +import HeroBanner from "../../../components/vr-landing/HeroBanner"; +import LatestProduct from "../../../components/vr-landing/LatestProduct"; +import Testimonials from "../../../components/vr-landing/Testimonials"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) + +export const metadata = { + title: 'VR Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const VrLanding = () => { + return ( +
+ + {/* End .Header */} + + {/* */} + +
+
+ +
+ image + illustration + illustration + illustration + illustration +
+ image +
+ 9.3
+ Rating +
+
+
+ {/* */} +
+
+ {/* */} + + {/* */} +
+
+
+
+
+

Our latest Arrival.

+
+
+
+
+ +
+
+
+
+
+ {/* */} + + {/* */} +
+ +
+ {/* */} + + {/* */} +
+
+
+
+ +
+
+ {/* */} +
+ {/* */} +
+ {/* */} + + {/* */} +
+
+
+ +
+
+
+ vr +
+
+ {/* */} + + {/* */} +
+
+ + {/* */} + + + {/* */} +
+
+ {/* */} + + {/* */} +
+ shape +
+
+
Testimonials
+

Client Feedback

+
+
+
+ +
+
+ {/* */} +
+
+ {/* */} + + {/* */} +
+
+
+
+
+
+

Get Your VR Headset & start Rocking.

+
+

+ Enjoy exclusive premium concerts, movies, games and other + exciting item. +

+ + BUY NOW + +
+ {/* End .col */} + +
+ image +
+ {/* End .col */} +
+
+
+ {/* */} +
+ {/* */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default VrLanding; diff --git a/app/(homes)/website-builder/page.jsx b/app/(homes)/website-builder/page.jsx new file mode 100644 index 0000000..3d418b7 --- /dev/null +++ b/app/(homes)/website-builder/page.jsx @@ -0,0 +1,200 @@ + + +import React from "react"; + +import HeaderLandingWebsiteBuilder from "../../../components/header/landing/HeaderLandingWebsiteBuilder"; +import HeroBannerTwelve from "../../../components/hero-banner/HeroBannerTwelve"; +import CounterSix from "../../../components/counter/CounterSix"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import FancyFeatureSeventeen from "../../../components/features/FancyFeatureSeventeen"; +import FancyTextBlock29 from "../../../components/fancy-text-block/FancyTextBlock29"; +import TestimonialSeven from "../../../components/testimonial/TestimonialSeven"; +import CallToActionSeven from "../../../components/call-to-action/CallToActionSeven"; +import FancyFeatureThirtyTwo from "../../../components/features/FancyFeatureThirtyTwo"; +import Image from "next/image"; +import dynamic from "next/dynamic"; +const Scrollspy = dynamic(() => import('@/components/scrollpy/Scrollphy'), { + ssr: false, + +}) +export const metadata = { + title: 'Website Builder Landing || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const WebsiteBuilderLanding = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header for website builder landing */} + + {/* ============================================= + Theme Hero Banner + ============================================== */} + + + + {/* ============================================= + Counter Style Three + ============================================== */} +
+
+
+ +
+
+
+ {/* */} + + {/* ===================================================== + Fancy Feature Seventeen + ===================================================== */} +
+
+
+
+
+
Features
+

+ {" "} + We’ve ton of features for give you + + the best website + line shape + +

+
+
+
+ {/* End .row */} +
+ {/* End .container */} + +
+
+
+ +
+
+
+
+ {/* */} + + {/* ============================================= + Fancy Feature Twenty Nine + ============================================== */} +
+ +
+ + {/* ============================================= + Fancy Feature Thirty + ============================================== */} +
+
+
+
+
+
Others Features
+

+ {" "} + Deski for every + + business{" "} + line shape + + You need. +

+
+
+
+
+
+
+ +
+ shape + shape +
+ {/* */} +
+ {/* */} + + {/* ===================================================== + Client Feedback Slider Six + ===================================================== */} +
+
+
+
TESTimonials
+

+ Client + + love us & we + line shape + + love them +

+
+
+ +
+
+ {/* */} +
+ {/* */} + + + {/* End call to acion seven */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} + +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default WebsiteBuilderLanding; diff --git a/app/(others)/features-customer-support/page.jsx b/app/(others)/features-customer-support/page.jsx new file mode 100644 index 0000000..11b18b1 --- /dev/null +++ b/app/(others)/features-customer-support/page.jsx @@ -0,0 +1,198 @@ +import React from "react"; + +import HeaderTwo from "../../../components/header/HeaderTwo"; +import Social from "../../../components/social/Social"; +import AboutThree from "../../../components/about/AboutThree"; +import AboutFive from "../../../components/about/AboutFive"; +import CounterThree from "../../../components/counter/CounterThree"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import FeatureSix from "../../../components/features/FeatureSix"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import Image from "next/image"; +export const metadata = { + title: 'Features Customer Support || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const FeaturesCustomerSupport = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Three + ============================================== */} +
+
+
+
+
+
+
+
+
+
+
+

Check our features with details.

+

+ deski helps teams of all sizes get better at delivering + effortless customer +

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-three */} + + {/* ============================================= + Fancy Text block Eleven + ============================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-eleven */} + + {/* ===================================================== + Counter With Icon One + ===================================================== */} +
+
+ +
+
+ {/* /.counter-with-icon-one */} + + {/* ============================================= + Fancy Feature Six + ============================================== */} +
+
+
+
+
+
+
+ shape +
+
+

+ Our + + Features{" "} + shape + + + list +

+
+ Get to know all deski features, that are part of the complex + multi-channel +
+
+ {/* End .title */} + +
+
+
+ {/* /.fancy-feature-six */} + + {/*===================================================== + Useable Tools + ===================================================== */} +
+
+
+
+
+
+
+
+
+
+

Integrates with your tools

+

+ Connect deski with the software you + + use every + shape + + + day. +

+
+
+
+ {/* /.title-style-two */} + +
+ +
+ {/* /.icon-wrapper */} +
+ {/* /.container */} +
+ {/* /.bg-wrapper */} +
+ {/* /.useable-tools-section-two */} + + {/* ===================================================== + Fancy Text Block Eleven + ===================================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-eleven */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default FeaturesCustomerSupport; diff --git a/app/(others)/login/page.jsx b/app/(others)/login/page.jsx new file mode 100644 index 0000000..d420597 --- /dev/null +++ b/app/(others)/login/page.jsx @@ -0,0 +1,85 @@ +import React from "react"; +import Link from "next/link"; +import LoginForm from "../../../components/contact/form/LoginForm"; +import Image from "next/image"; +export const metadata = { + title: 'Login || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Login = () => { + return ( +
+ + {/* End Page SEO Content */} +
+
+

+ Want your best managment
+ software? sign up +

+
+ illustration + illustration + illustration +
+
+ {/* /.illustration-wrapper */} + +
+
+
+ + logo + +
+ + Go to home + +
+
+

+ Hi buddy, welcome
Back! +

+

+ Still don't have an account? Sign Up +

+
+ + + {/* Login Form End */} +

+ Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ {/* /.form-wrapper */} +
+ {/* /.user-data-page */} +
+ ); +}; + +export default Login; diff --git a/app/(others)/not-found/page.jsx b/app/(others)/not-found/page.jsx new file mode 100644 index 0000000..0231dbe --- /dev/null +++ b/app/(others)/not-found/page.jsx @@ -0,0 +1,65 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +export const metadata = { + title: 'Not Found || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const NotFound = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+
+ media + media +
+
+
+ + logo + +
+

+ Sorry,
+ The Page Can’t
+ be Found. +

+

+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat +

+ + + Back to Home + icon + +
+ {/* /.text-wrapper */} +
+ {/* /.error-page */} +
+ ); +}; + +export default NotFound; diff --git a/app/(others)/product-customer-support/page.jsx b/app/(others)/product-customer-support/page.jsx new file mode 100644 index 0000000..31bc494 --- /dev/null +++ b/app/(others)/product-customer-support/page.jsx @@ -0,0 +1,340 @@ +import React from "react"; +import Link from "next/link"; +import HeaderTwo from "../../../components/header/HeaderTwo"; +import Social from "../../../components/social/Social"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import AboutFour from "../../../components/about/AboutFour"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import Image from "next/image"; +export const metadata = { + title: 'Product Customer Support || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ProductCustomerSupport = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Three + ============================================== */} +
+
+
+
+
+
+
+
+
+
+
+

Check our product in details

+

+ deski helps teams of all sizes get better at delivering + effortless customer +

+ + {" "} + Start Trial + +
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-three */} + + {/* ============================================= + Fancy Feature Seven + ============================================== */} +
+
+
+

Our Product

+

+ First-timer? Or old-hand? provide support with + + deski is{" "} + line shape + {" "} + simple. +

+
+ {/* /.title-style-two */} + +
+
+
+
+
+ illustrator +
+ {/* /.illustration-holder */} +
+
+
+
Create Event
+

+ Provide your support now simple and easy. +

+

+ Set-up a simple, professional box-office page on your site + (or standalone) in minutes. Then design and customise it + as much (or as little) as you like with our user-friendly + dashboard +

+
+ {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-nine */} +
+
+
+
+ illustrator +
{" "} + {/* /.illustration-holder */} +
+
+
+
SELL TICKET
+

+ Sell tickets anywhere anytime online. +

+

+ Run your box office as it’s own website, embed it into + your website with a simple piece of HTML or widget, or put + it on your Facebook page*. All with a reliable, + mobile-friendly design. +

+
{" "} + {/* /.text-wrapper */} +
+
+
{" "} + {/* /.block-style-nine */} +
+
+
+
+ illustrator +
{" "} + {/* /.illustration-holder */} +
+
+
+
management
+

+ Manage client easily by a simple click. +

+

+ Set-up a simple, professional box-office page on your site + (or standalone) in minutes. Then design & customise it as + much (or as little) as you like with our user-friendly + dashboard. +

+
{" "} + {/* /.text-wrapper */} +
+
+
{" "} + {/* /.block-style-nine */} +
+
+
+
+ illustrator +
+ {/* /.illustration-holder */} +
+
+
+
Dashboard
+

+ All the data & info for your need. +

+

+ You decide what data you want from your guests – and it’s + your data. We don’t see or touch it. Understand how and + who you’re selling to, with ticket sale notifications, and + easy-to-understand sales summaries and customer order. +

+
{" "} + {/* /.text-wrapper */} +
+
+
+ {/* /.block-style-nine */} +
+
+
+ {/* /.fancy-feature-seven */} + + {/* ===================================================== + Fancy Text Block Thirteen + ===================================================== */} +
+
+
+
+
+
+

Security you can trust easily.

+
+ {/* /.title-style-two */} +

+ Our dashboard is served over SSL which means you can be sure + that all data transferred is secure. Payment processing uses + the very latest PCI DSS card-security standards +

+
+
+ {/* End .col */} +
+ feature +
+ {/* End .col */} +
+
+
+ {/* /.fancy-text-block-thirteen */} + + {/*===================================================== + Useable Tools + ===================================================== */} +
+
+
+
+
+
+
+
+
+
+

Integrates with your tools

+

+ Connect deski with the software you + + use every + shape + + day. +

+
+
+
+ {/* /.title-style-two */} + +
+ +
+ {/* /.icon-wrapper */} +
+ {/* /.container */} +
+ {/* /.bg-wrapper */} +
+ {/* /.useable-tools-section-two */} + + {/* ===================================================== + Fancy Text Block Fourteen + ===================================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-fourteen */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default ProductCustomerSupport; diff --git a/app/(others)/signup/page.jsx b/app/(others)/signup/page.jsx new file mode 100644 index 0000000..44a517e --- /dev/null +++ b/app/(others)/signup/page.jsx @@ -0,0 +1,81 @@ +import React from "react"; + +import SignUpForm from "../../../components/contact/form/SignUpForm"; +import Link from "next/link"; +import Image from "next/image"; +export const metadata = { + title: 'Sign Up || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const SignUp = () => { + return ( +
+ + {/* End Page SEO Content */} +
+
+

+ We have a “strategic” plan its
called doing things. +

+
+ illustration + illustration + illustration +
+
+ {/* /.illustration-wrapper */} + +
+
+
+ + logo + +
+ + Go to home + +
+ {/* End d-flex */} +
+

Join with thousands of startup!

+

+ Already have an account? Login +

+
+ + {/* End Signup Form */} +

+ Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+ {/* End .copyright */} +
+ {/* /.form-wrapper */} +
+ {/* /.user-data-page */} +
+ ); +}; + +export default SignUp; \ No newline at end of file diff --git a/app/(others)/solution-management/page.jsx b/app/(others)/solution-management/page.jsx new file mode 100644 index 0000000..1ce1b50 --- /dev/null +++ b/app/(others)/solution-management/page.jsx @@ -0,0 +1,208 @@ +import React from "react"; +import Link from "next/link"; +import Header from "../../../components/header/Header"; +import FaqClassic from "../../../components/faq/FaqClassicTwo"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import BlogStyle4 from "../../../components/blog/BlogStyle4"; +import FeatureThree from "../../../components/features/FeatureThree"; +import FeatureFive from "../../../components/features/FeatureFive"; +import CallToActionFour from "../../../components/call-to-action/CallToActionFour"; +export const metadata = { + title: 'Solution Management || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const SolutionMangement = () => { + return ( +
+ + {/* End Page SEO Content */} +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

+ Get effective solution for your business +

+
+
+

+ With deski, get all kind of business solution to start your + journey +

+ + Contact US + +
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ============================================= + Fancy Text block Four + ============================================== */} +
+
+
+
+
+

For all kinds of Teams

+

+ Duis aute irure dolor in reprehenderit in voluptate velit io + cillum dolore eu fugiat nulla pariatur non labrum. +

+
+ {/* /.title-style-one */} +
+
+ +
+
+ +
+
+
+
+ {/* /.fancy-text-block-four */} + + {/* ============================================= + Fancy Text block Five + ============================================== */} +
+
+
+
+
+

For all kinds of Startup

+

+ Excepteur sint occaecat cupidat non proident, sunt in culpa + qui officia deserunt mollit anim est laborum. +

+
+ {/* /.title-style-one */} +
+
+ +
+
+ +
+
+
+
+ {/* /.block-style-five */} + + {/* ===================================================== + Feature Blog Two + ===================================================== */} +
+
+
+
+
+
+ Some success stories +
+

+ Some well known companies get real benifits to work with + deski. +

+
+ {/* /.title-style-one */} +
+
+ +
+ +
+
+
+ {/* Feature Blog Two */} + + {/* ===================================================== + Faq Classic + ===================================================== */} +
+
+
+
+
+
Find your answers
+

Have any thought? Look here.

+
+ {/* /.title-style-one */} + + {" "} + Go to Faq + +
+ {/* End .col */} +
+
+ +
+
+ {/* End .col */} +
+
+
+ {/* /.faq-classic */} + + {/* ===================================================== + Call To Action + ===================================================== */} +
+
+ +
+ {/* /.container */} +
+
+
+
+
+
+
+ {/* /.fancy-short-banner-one */} + + {/* ===================================================== + Footer One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default SolutionMangement; diff --git a/app/(others)/terms-conditions/page.jsx b/app/(others)/terms-conditions/page.jsx new file mode 100644 index 0000000..932bb66 --- /dev/null +++ b/app/(others)/terms-conditions/page.jsx @@ -0,0 +1,51 @@ + + + + +import React from "react"; + +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Nav from "@/components/team/Nav"; + +export const metadata = { + title: 'Terms & Conditions || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const TermsConditions = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ===================================================== + Terms and Condition + ===================================================== */} + +
+ ); +}; + +export default TermsConditions; diff --git a/app/(portfolio)/classic-style/page.jsx b/app/(portfolio)/classic-style/page.jsx new file mode 100644 index 0000000..f1c3871 --- /dev/null +++ b/app/(portfolio)/classic-style/page.jsx @@ -0,0 +1,76 @@ + +import Header from "../../../components/header/Header"; +import PortfolioTwo from "../../../components/portfolio/PortfolioTwo"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import Link from "next/link"; +export const metadata = { + title: 'Portfolio Classic Style || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const PortfolioV1 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+

Classic Style

+

+ An original way to show your works in a good appearance +

+
+
+ {/* /.fancy-hero-six */} + + {/* ============================================= + Fancy Portfolio Two + ============================================== */} +
+
+
+ +
+

+ Do you have any projects?
+ Contact us. +

+ + Contact Now + +
+
+
+
+ {/* /.fancy-portfolio-two */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV1; diff --git a/app/(portfolio)/gallery-slider/page.jsx b/app/(portfolio)/gallery-slider/page.jsx new file mode 100644 index 0000000..081679a --- /dev/null +++ b/app/(portfolio)/gallery-slider/page.jsx @@ -0,0 +1,74 @@ + + +import React from "react"; + +import Header from "../../../components/header/Header"; +import PortfolioFive from "../../../components/portfolio/PortfolioFive"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; + + +export const metadata = { + title: 'Portfolio Slider || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const PortfolioV4 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+

Gallery Slider

+

+ An original way to show your works in a good appearance +

+
+
+ {/* /.fancy-hero-six */} + + {/* ============================================= + Fancy Portfolio Two + ============================================== */} +
+
+
+ +
+
+ {/* End .slider-wrapper */} +
+ {/* /.fancy-portfolio-two */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV4; diff --git a/app/(portfolio)/grid-single/page.jsx b/app/(portfolio)/grid-single/page.jsx new file mode 100644 index 0000000..8caeff1 --- /dev/null +++ b/app/(portfolio)/grid-single/page.jsx @@ -0,0 +1,84 @@ + + + +import React from "react"; + +import Header from "../../../components/header/Header"; +import PortfolioSix from "../../../components/portfolio/PortfolioSix"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import Link from "next/link"; + +export const metadata = { + title: 'Portfolio Grid Single || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const PortfolioV5 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+

Grid Single

+

+ An original way to show your works in a good appearance +

+
+
+ {/* /.fancy-hero-six */} + + {/* ============================================= + Fancy Portfolio Two + ============================================== */} +
+
+
+ + +
+

+ Do you have any projects?
+ Contact us. +

+ + Contact Now + +
+
+
+
+ {/* /.fancy-portfolio-two */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV5; diff --git a/app/(portfolio)/grid-three-col/page.jsx b/app/(portfolio)/grid-three-col/page.jsx new file mode 100644 index 0000000..4edf417 --- /dev/null +++ b/app/(portfolio)/grid-three-col/page.jsx @@ -0,0 +1,83 @@ + + + +import React from "react"; + +import Header from "../../../components/header/Header"; +import PortfolioFour from "../../../components/portfolio/PortfolioFour"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import Link from "next/link"; + +export const metadata = { + title: 'Portfolio Grid 3 Column || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const PortfolioV3 = () => { + return ( +
+ + + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+

Grid 3 Columns

+

+ An original way to show your works in a good appearance +

+
+
+ {/* /.fancy-hero-six */} + + {/* ============================================= + Fancy Portfolio Two + ============================================== */} +
+
+
+ + +
+

+ Do you have any projects?
+ Contact us. +

+ + Contact Now + +
+
+
+
+ {/* /.fancy-portfolio-two */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV3; diff --git a/app/(portfolio)/grid-two-col/page.jsx b/app/(portfolio)/grid-two-col/page.jsx new file mode 100644 index 0000000..bf58009 --- /dev/null +++ b/app/(portfolio)/grid-two-col/page.jsx @@ -0,0 +1,78 @@ + +import Header from "../../../components/header/Header"; +import PortfolioThree from "../../../components/portfolio/PortfolioThree"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import Link from "next/link"; + +export const metadata = { + title: 'Portfolio Grid 2 Column || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const PortfolioV2 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+

Grid 2 Columns

+

+ An original way to show your works in a good appearance +

+
+
+ {/* /.fancy-hero-six */} + + {/* ============================================= + Fancy Portfolio Two + ============================================== */} +
+
+
+ +
+

+ Do you have any projects?
+ Contact us. +

+ + Contact Now + +
+
+
+
+ {/* /.fancy-portfolio-two */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV2; diff --git a/app/(portfolio)/portfolio-details-v1/page.jsx b/app/(portfolio)/portfolio-details-v1/page.jsx new file mode 100644 index 0000000..c64d75d --- /dev/null +++ b/app/(portfolio)/portfolio-details-v1/page.jsx @@ -0,0 +1,162 @@ + + +import Header from "../../../components/header/Header"; +import FooterSeven from "../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../components/footer/CopyRightThree"; +import BrandSeven from "../../../components/brand/BrandSeven"; +import Image from "next/image"; + +const projectInfo = [ + { title: "DATE", meta: "23 July, 2020" }, + { title: "Client", meta: "Mariona Adisson, USA" }, + { title: "Project Type", meta: "3D Design, Apartment" }, + { title: "Duration", meta: "36 Days" }, + ]; + + +export const metadata = { + title: 'Portfolio Details V1 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const PortfolioV5 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+
+
+
+
Redesign, Branding
+
+

Deski - Landing page design with Branding

+
+
    + +
+
+
+
+ {/* End .row */} + +
+ gallery +
+
+
+
+
    + {projectInfo.map((val, i) => ( +
  • + {val.title} + {val.meta} +
    • + ))} +
+ {/* End .project info */} +
+ {/* End .col */} + +
+

Overviw

+

+ Commonly used in the graphic, prit quis due & publishing + indust for previewing lightly visual mockups. +

+

Task

+

+ Rebuild a unified visual system for the advertising + agency, made of steel which can change the world in a + while. +

+ + Check Live Link + +
+ {/* End .col */} +
+ {/* End .row */} + +
+ + {/* End .portfolio-pagination */} +
+ {/* End .top-border */} +
+
+
+
+
+ {/* /.fancy-hero-six */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV5; diff --git a/app/(portfolio)/portfolios/[id]/page.jsx b/app/(portfolio)/portfolios/[id]/page.jsx new file mode 100644 index 0000000..36773ac --- /dev/null +++ b/app/(portfolio)/portfolios/[id]/page.jsx @@ -0,0 +1,164 @@ + + +import Header from "../../../../components/header/Header"; +import FooterSeven from "../../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../../components/footer/CopyRightThree"; +import BrandSeven from "../../../../components/brand/BrandSeven"; +import { allItems } from "@/data/portfolios"; +import Image from "next/image"; + +const projectInfo = [ + { title: "DATE", meta: "23 July, 2020" }, + { title: "Client", meta: "Mariona Adisson, USA" }, + { title: "Project Type", meta: "3D Design, Apartment" }, + { title: "Duration", meta: "36 Days" }, + ]; + + +export const metadata = { + title: 'Portfolio Details V1 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const PortfolioV5 = ({ params }) => { + const item = allItems.filter((elm)=>elm.id==params.id)[0] || allItems[0] + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Six + ============================================== */} +
+
+
+
+
+
{item.meta || 'Redesign, Branding' }
+
+

{item.title || 'Deski - Landing page design with Branding' }

+
+
    + +
+
+
+
+ {/* End .row */} + +
+ gallery +
+
+
+
+
    + {projectInfo.map((val, i) => ( +
  • + {val.title} + {val.meta} +
    • + ))} +
+ {/* End .project info */} +
+ {/* End .col */} + +
+

Overviw

+

+ Commonly used in the graphic, prit quis due & publishing + indust for previewing lightly visual mockups. +

+

Task

+

+ Rebuild a unified visual system for the advertising + agency, made of steel which can change the world in a + while. +

+ + Check Live Link + +
+ {/* End .col */} +
+ {/* End .row */} + +
+ + {/* End .portfolio-pagination */} +
+ {/* End .top-border */} +
+
+
+
+
+ {/* /.fancy-hero-six */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ ); +}; + +export default PortfolioV5; diff --git a/app/(pricing)/pricing-cs/page.jsx b/app/(pricing)/pricing-cs/page.jsx new file mode 100644 index 0000000..9e996cd --- /dev/null +++ b/app/(pricing)/pricing-cs/page.jsx @@ -0,0 +1,264 @@ +import React from "react"; +import Link from "next/link"; +import HeaderTwo from "../../../components/header/HeaderTwo"; +import Social from "../../../components/social/Social"; +import FaqThree from "../../../components/faq/FaqThree"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import Pricing from "../../../components/pricing/pricing-one/Pricing"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import Image from "next/image"; + + +export const metadata = { + title: 'Pricing Customer Support || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + + +const PricingCustomerSupport = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Pricing Section Two + ============================================== */} +
+
+
+
+
+
+
+
+
+
+
+
+

Choose package match your budget

+
+
+

+ 5 minute installation · Try Team plan features for 14 days · + No credit card required +

+
+
+ {/* End .row */} +
+ {/* End .container */} +
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-four */} + +
+
+
+ +
+ shape + shape +
+ {/* /.pricing-table-area */} +
+
+ {/* /.pricing-section-two */} + + {/* ============================================= + Fancy Text block Seven + ============================================== */} +
+
+ shape + shape + shape + shape + shape +
+
+
+
+ media + shape +
+
+
+
+ icon +
+ Deski combines excellent live chat, ticketing and automation + that allow us to provide quality. +
+
+ Mike Lucas. CEO & Founder deksi +
+
+ {/* /.quote-wrapper */} +
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-text-block-seven */} + + {/*===================================================== + Useable Tools + ===================================================== */} +
+
+
+
+
+
+
+
+
+
+

Integrates with your tools

+

+ Connect deski with the software you + + use every + shape + + day. +

+ + Try out now + +
+
+
+ {/* /.title-style-two */} + +
+ +
+ {/* /.icon-wrapper */} +
+ {/* /.container */} +
+ {/* /.bg-wrapper */} +
+ {/* /.useable-tools-section-two */} + + {/* ===================================================== + FAQ Section + ===================================================== */} +
+
+
+

FAQ

+

Question & Answer

+
+ {/* /.title-style-one */} + +
+
+ +
+
+ {/* /.row */} + +
+

Don’t find your answer?

+ Contact us +
+
+
+ {/* End .faq-section */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default PricingCustomerSupport; diff --git a/app/(pricing)/pricing-eo/page.jsx b/app/(pricing)/pricing-eo/page.jsx new file mode 100644 index 0000000..cc0ae5d --- /dev/null +++ b/app/(pricing)/pricing-eo/page.jsx @@ -0,0 +1,145 @@ +import React from "react"; +import Link from "next/link"; +import Header from "../../../components/header/HeaderFour"; +import PricingThree from "../../../components/pricing/PricingThree"; +import FaqFour from "../../../components/faq/FaqFour"; +import CounterThree from "../../../components/counter/CounterThree"; +import FooterFour from "../../../components/footer/FooterFour"; +import CallToActionFive from "../../../components/call-to-action/CallToActionFive"; +import Image from "next/image"; + + +export const metadata = { + title: 'Pricing Event Organizer || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } + +const EventOrganizer = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End HeaderFour */} + + {/* + ============================================= + Pricing Section Three + ============================================== */} +
+ shape + shape + +
+
+
Our Pricing
+
+
+

Unbeatable prices, no contracts, simple & easy

+
+
+
+ +
+ +
+ {/* /.pricing-table-area-three */} +
+ {/* ./container */} +
+
+ +
+
+ {/* /.counter-with-icon-one */} +
+ {/* /.pricing-section-three */} + + {/* + ============================================= + Faq Section Four + ============================================== */} +
+
+
+
FAQ
+

+ Question & Answer +

+
+ +
+
+ +
+
+
+

Don’t find your answer?

+ + Contact us + +
+
+ {/* /.container */} +
+ {/* End Question and answer */} + + {/* + ============================================= + Call To Action + ============================================== */} +
+
+ +
+
+ {/* End .fancy-short-banner-five */} + + {/* + ============================================= + Footer Four + ============================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+

+ Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-four */} +
+ ); +}; + +export default EventOrganizer; diff --git a/app/(pricing)/pricing-pm/page.jsx b/app/(pricing)/pricing-pm/page.jsx new file mode 100644 index 0000000..d254161 --- /dev/null +++ b/app/(pricing)/pricing-pm/page.jsx @@ -0,0 +1,229 @@ +import React from "react"; +import Link from "next/link"; +import Header from "../../../components/header/Header"; +import CallToActionFour from "../../../components/call-to-action/CallToActionFour"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import FaqClassic from "../../../components/faq/FaqClassicTwo"; +import CounterFour from "../../../components/counter/CounterFour"; +import Pricing from "../../../components/pricing/pricing-two/Pricing"; +import Image from "next/image"; + +export const metadata = { + title: 'Pricing Project Management || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ProjectManagement = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Pricing Section One + ============================================== */} +
+
+
+
+
+

Choose package match your budget

+
+
+

+ 5 minute installation · Try Team plan features for 14 days · + No credit card required +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} +
+ shape + shape +
+
+ +
+
+ {/* End .container */} +
+
+ {/* /.pricing-section-one */} + + {/* ===================================================== + Counter Info Standard + ===================================================== */} +
+
+ +
+
+ {/* /.counter-info */} + + {/* ============================================= + Fancy Text Block Fifteen + ============================================== */} +
+
+
+
+
+
+
+
+
+
+ iocn +
+ More Over 1500+ customers +
+

+ Just simply amazing. Feel lucky use their service. Highly + recommended andappriciate their service & highly trusted. +

+
+ Jimmy Klein. California USA +
+
+ {/* /.text-wrapper */} +
+ {/* End .col */} + +
+ media +
+ {/* End .col */} +
+
+ {/* /.bg-wrapper */} + +
+
+
+

+ Want a custome pricing for your business? Send us mail +

+
+
+ + Contact us + +
+
+
+ {/* /.contact-banner */} +
+
+ {/* /.fancy-text-block-fifteen */} + + {/* + ============================================= + Faq Classic + ============================================== */} +
+
+
+
+
+
Find your answers
+

Have any thought? Look here.

+
+ {/* /.title-style-one */} + + Go to Faq + +
+ {/* End .col */} +
+
+ +
+
+ {/* End .col */} +
+
+
+ {/* /.faq-classic */} + + {/* ===================================================== + Call To Action + ===================================================== */} +
+
+ +
+ {/* /.container */} +
+
+
+
+
+
+
+ {/* /.fancy-short-banner-one */} + + {/* + ============================================= + Footer + ============================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default ProjectManagement; diff --git a/app/(products)/cart/page.jsx b/app/(products)/cart/page.jsx new file mode 100644 index 0000000..d048af8 --- /dev/null +++ b/app/(products)/cart/page.jsx @@ -0,0 +1,42 @@ + + +import React from "react"; + +import Header from "../../../components/e-commerce/Header"; +import CartForm from "@/components/form/CartForm"; +export const metadata = { + title: 'Cart || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Cart = () => { + + + return ( +
+ + {/* End Page SEO Content */} + + {/* */} +
+ + {/* */} +
+
+ +
+ {/* */} +
+ {/* */} +
+ ); +}; + +export default Cart; diff --git a/app/(products)/checkout/page.jsx b/app/(products)/checkout/page.jsx new file mode 100644 index 0000000..7a77b27 --- /dev/null +++ b/app/(products)/checkout/page.jsx @@ -0,0 +1,53 @@ + + +import LogIn from "../../../components/e-commerce/checkout/LogIn"; + +import PromoCode from "../../../components/e-commerce/checkout/PromoCode"; +import Header from "../../../components/e-commerce/Header"; +import CheckoutForm from "@/components/form/CheckoutForm"; + +export const metadata = { + title: 'Checkout || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Checkout = () => { + + + return ( +
+ + {/* End Page SEO Content */} + + {/* */} +
+ + {/* */} + +
+
+
+ + +
+ {/* */} + + + {/* */} +
+ {/* */} +
+ + {/* */} +
+ ); +}; + +export default Checkout; diff --git a/app/(products)/products/[id]/page.jsx b/app/(products)/products/[id]/page.jsx new file mode 100644 index 0000000..cedad39 --- /dev/null +++ b/app/(products)/products/[id]/page.jsx @@ -0,0 +1,112 @@ + + +import React from "react"; + +import Header from "../../../../components/e-commerce/Header"; +import BreadCrumb from "../../../../components/e-commerce/product-details/BreadCrumb"; +import ProductGallery from "../../../../components/e-commerce/product-details/ProductGallery"; +import SocialShare from "../../../../components/e-commerce/product-details/SocialShare"; + +import ProductTabContent from "../../../../components/e-commerce/product-details/ProductTabContent"; +import ProductFratureBlock from "../../../../components/e-commerce/product-details/ProductFratureBlock"; +import RelatedProducts from "../../../../components/e-commerce/product-details/RelatedProducts"; +import FooterSeven from "../../../../components/footer/FooterSeven"; +import CopyRightThree from "../../../../components/footer/CopyRightThree"; +import { productData } from "@/data/products"; + +export const metadata = { + title: 'Product Details || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ProductDetails = ({params}) => { + const item = productData.filter((elm)=>elm.id==params.id)[0] || productData[0] + return ( +
+ + {/* End Page SEO Content */} + + {/* */} +
+ + {/* */} +
+
+
+
+ + +
+
+
+ {/* */} + +
+ + + {/* */} +
+
+ +
+
+
+ {/* End .container */} +
+ {/* */} + + {/* */} +
+
+
+
+
+

Releted Products

+
+
+
+
+
+
+ +
+
+ {/* */} +
+ {/* */} + + {/* ===================================================== + Footer Style Seven + ===================================================== */} +
+
+
+ +
+ +
+
+ +
+
+
+ {/* /.lg-container */} +
+ {/* /.theme-footer-seven */} +
+ // main-page-wrapper + ); +}; + +export default ProductDetails; diff --git a/app/(services)/service-v1/page.jsx b/app/(services)/service-v1/page.jsx new file mode 100644 index 0000000..86f0d26 --- /dev/null +++ b/app/(services)/service-v1/page.jsx @@ -0,0 +1,214 @@ +import React from "react"; + +import HeaderTwo from "../../../components/header/HeaderTwo"; +import FancyVideoFive from "../../../components/video/FancyVideoFive"; +import CounterThree from "../../../components/counter/CounterThree"; +import FooterTwo from "../../../components/footer/FooterTwo"; +import CopyRightTwo from "../../../components/footer/CopyRightTwo"; +import FeatureSixV2 from "../../../components/features/FeatureSixV2"; +import CallToActionThree from "../../../components/call-to-action/CallToActionThree"; +import FancyFeatureThirtyThree from "../../../components/features/FancyFeatureThirtyThree"; +import Image from "next/image"; +export const metadata = { + title: 'Service Version 1 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ServiceV1 = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero Three + ============================================== */} +
+
+
+
+
+
+
+
+
+
+
+

Our Services

+

+ deski helps teams of all sizes get better at delivering + effortless customer +

+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-three */} + + {/* ============================================= + Fancy Text block Eleven + ============================================== */} +
+
+ + +
+
+ +
+
+
+
+ {/* /.fancy-text-block-eleven */} + + {/* ============================================= + Fancy Feature Six + ============================================== */} +
+
+
+
+
+
+
+ shape +
+
+

+ + Explore Services + shape + +

+
+ Get to know all deski features, that are part of the complex + multi-channel +
+
+ {/* End .title */} + +
+
+
+ {/* /.fancy-feature-six */} + + {/* ===================================================== + Fancy Text block Twelve + ===================================================== */} +
+
+
+
+
+
+
Why us?
+

+ + Why your should + image + + choose deski. +

+
+

+ A ticketing system is a tool, primarily for customer service. + It helps customer representativ inquiries from one interface + without any struggles. +

+
    +
  • Amazing communication.
    • +
  • Best trendinf designing experience.
    • +
  • Email & Live chat.
    • +
+
+ {/* */} +
+ {/* End .col-6 */} + +
+
+ image + shape + shape +
+ {/* */} +
+ {/* End col-lg-5 */} +
+
+
+ {/* */} + + {/* ===================================================== + Counter With Icon One + ===================================================== */} +
+
+ +
+
+ {/* /.counter-with-icon-one */} + + {/* ===================================================== + Fancy Short Banner Three + ===================================================== */} +
+
+
+ +
+ {/* /.bg-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-four */} + + {/* ===================================================== + Footer Style Two + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default ServiceV1; diff --git a/app/(services)/service-v2/page.jsx b/app/(services)/service-v2/page.jsx new file mode 100644 index 0000000..0618fb3 --- /dev/null +++ b/app/(services)/service-v2/page.jsx @@ -0,0 +1,159 @@ +import React from "react"; +import Link from "next/link"; +import FancyTextBlockTen from "../../../components/fancy-text-block/FancyTextBlockTen"; +import CounterFive from "../../../components/counter/CounterFive"; +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import FancyFeatureThirtyFour from "../../../components/features/FancyFeatureThirtyFour"; +import FancyVideoSix from "../../../components/video/FancyVideoSix"; +export const metadata = { + title: 'Service Version 2 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ServiceV2 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

Our Services

+
+
+

+ We are a creative company that focuses on establishing long-term + relationships with customers. +

+
+
+
+
+
+
+
+
+
+
+ {/* */} + + {/* ============================================= + Video Box Two + ============================================== */} +
+
+ +
+
+ + {/* ===================================================== + Counter Info Standard + ===================================================== */} +
+
+ +
+
+ {/* */} + + {/* ============================================= + Fancy Feature Thirty One + ============================================== */} +
+
+
+
+
+

Our Services

+

+ Duis aute irure dolor in reprehenderit in voluptate velit io + cillum dolore eu fugiat nulla pariatur non labrum. +

+
+
+
+ {/* End .row */} + +
+
+ {/* */} + + {/*============================================= + Fancy Text block Ten + ============================================== */} +
+
+ +
+
+ {/* /.fancy-text-block-ten */} + + {/* + ============================================= + Footer + ============================================== */} +
+
+
+
+
+
+
+
+

+ Don’t find the answer? contact us for any query. +

+ Contact us +
+
+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.content-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-two */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+
+ ); +}; + +export default ServiceV2; diff --git a/app/(services)/service-v3/page.jsx b/app/(services)/service-v3/page.jsx new file mode 100644 index 0000000..1924114 --- /dev/null +++ b/app/(services)/service-v3/page.jsx @@ -0,0 +1,206 @@ +import React from "react"; +import Link from "next/link"; +import HeaderThree from "../../../components/header/HeaderThree"; +import FooterEight from "../../../components/footer/FooterEight"; +import CopyRightFour from "../../../components/footer/CopyRightFour"; +import FancyFeatureThirtyFive from "../../../components/features/FancyFeatureThirtyFive"; +import CounterSix from "../../../components/counter/CounterSix"; +import Image from "next/image"; +export const metadata = { + title: 'Service Version 3 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ServiceV3 = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

Our Services

+
+
+

+ We are a creative company that focuses on establishing long-term + relationships with customers. +

+
+
+
+
+
+
+
+
+
+
+ {/* */} + + {/* ============================================= + Fancy Feature Thirty Two + ============================================== */} +
+
+
+
+
+

Explore our service.

+
+
+ {/* End .col */} + +
+
+
+ {/* */} + + {/* ============================================= + Fancy Text block Seven + ============================================== */} +
+
+ shape + shape + shape + shape + shape +
+
+
+
+ media +
+
+
+
+ icon +
+ Deski combines excellent live chat, ticketing and automation + that allow us to provide quality. +
+
+ Mike Lucas. CEO & Founder deksi +
+
+ {/* */} +
+
+
+ {/* End .container */} +
+ {/* */} +
+ {/* */} + + {/* ============================================= + Counter Style Three + ============================================== */} +
+
+ +
+
+ {/* */} + + {/* ===================================================== + Fancy Short Banner Ten + ===================================================== */} +
+
+
+
+
+

+ Convinced to work on a new project? +

+
+
+
+ {/* End .row */} + +
+ + {" "} + Contact us + +
+
+ {/* /.container */} + image + image +
+ {/* /.fancy-short-banner-ten */} + + {/* ===================================================== + Footer Style Eight + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+ +
+
+
+ {/* /.theme-footer-eight */} +
+ ); +}; + +export default ServiceV3; diff --git a/app/(services)/service-v4/page.jsx b/app/(services)/service-v4/page.jsx new file mode 100644 index 0000000..e000898 --- /dev/null +++ b/app/(services)/service-v4/page.jsx @@ -0,0 +1,153 @@ +import React from "react"; +import Link from "next/link"; +import HeaderFive from "../../../components/header/HeaderFive"; + +import FooterEight from "../../../components/footer/FooterEight"; +import CopyRightFour from "../../../components/footer/CopyRightFour"; +import CounterOne from "../../../components/counter/CounterOne"; +import FancyFeatureTwentyEightV2 from "../../../components/features/FancyFeatureTwentyEightV2"; +import Service from "../../../components/service/Service"; +import Image from "next/image"; +export const metadata = { + title: 'Service Version 4 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ServiceV4 = () => { + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ===================================================== + Fancy Hero Seven + ===================================================== */} +
+
+
+
+

Our Services

+

+ We are a creative company that focuses on establishing long-term + relationships with customers. +

+
+
+
+
+ {/* */} + + {/* ============================================= + Fancy Text block Seven + ============================================== */} +
+
+
+
+
+ +
+ {/* End .col */} + +
+
+ icon +
+ Deski combines excellent live chat, ticketing and automation + that allow us to provide quality. +
+
+ Mike Lucas. CEO & Founder deksi +
+
+ {/* */} +
+ {/* End .col */} +
+ {/* End .row */} + +
+
+
+ +
+
+
+
+ {/* End .container */} +
+ {/* */} +
+ {/* */} + + {/* ============================================= + Fancy Feature Thirty Three + ============================================== */} +
+
+
+

Explore Service.

+

+ Get to know all deski features, that are part of the complex + multi-channel +

+
+ +
+
+
+
+

+ Convinced to work on a new project? +

+ + {" "} + Contact Now + +
+
+
+
+
+
+ {/* */} + + {/* ===================================================== + Footer Style Eight + ===================================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+ +
+
+
+ {/* /.theme-footer-eight */} +
+ ); +}; + +export default ServiceV4; diff --git a/app/(services)/services/[id]/page.jsx b/app/(services)/services/[id]/page.jsx new file mode 100644 index 0000000..2c4bbe9 --- /dev/null +++ b/app/(services)/services/[id]/page.jsx @@ -0,0 +1,235 @@ + + +import React from "react"; +import Link from "next/link"; +import HeaderThree from "../../../../components/header/HeaderThree"; +import FaqClassicThree from "../../../../components/faq/FaqClassicThree"; +import Footer from "../../../../components/footer/Footer"; +import CopyRight from "../../../../components/footer/CopyRight"; +import { allService } from "@/data/service"; +import Image from "next/image"; + +export const metadata = { + title: 'Service Details || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const ServiceDetails = ({params}) => { + const item = allService.filter((elm)=>elm.id==params.id)[0] || allService[0] + return ( +
+ + {/* End Page SEO Content */} + + + {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+
+

+ + {item.title ||item.meta || (item.titleTextOne + item.TitleTextTwo) || ' Web Design'} + +

+

+ {item.subTitle ||item.descriptions || ` + + We are a creative company that focuses on establishing + long-term relationships with customers.`} +

+
+
+
+
+ {/* */} +
+ {/* */} + + {/* ============================================= + Service Details One + ============================================== */} +
+
+
+
+
+

+ World best web design service provider. +

+

+ Commonly used in the graphic, prit quis due & publishing + indust for previewing lightly visual mockups. +

+ gallery +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Maecenas interdum, orci at dapibus, massa ante pharetra + tellus. Maecenas interdum, orci at euismod dapibus. Lorem + ipsum dolor sit amet, consectetur adipiscing elit. Maecenas + interdum. +

+
+
+

Our Goal

+
    +
  • Various analysis options.
    • +
  • Page Load (time, number of requests).
    • +
  • Big data analysis.
    • +
+
+
+

The Challange

+

+ Deski Web offers a complete lineup of features from any + major Maecena quis interdum, orci at euis dapibus, mass + ante pharetra tellus massa ante pharetra tellus. +

+
+
+ {/* End .row */} +

+ Any Questions find here. +

+ +
+ {/* */} +
+
+
+
+

Services

+ +
+ {/* */} +
+

+ Evernote Web offers a complete lineup major linup browser +

+ - Rashed ka. +
+
+

Share it.

+ +
+
+ {/* */} +
+
+
+
+ {/* */} + + {/* + ============================================= + Footer + ============================================== */} +
+
+
+
+
+
+
+
+

+ Don’t find the answer? contact us for any query. +

+ Contact us +
+
+
+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.content-wrapper */} +
+ {/* /.container */} +
+ {/* /.fancy-short-banner-two */} + +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+
+ ); +}; + +export default ServiceDetails; diff --git a/app/(teams)/team-1/page.jsx b/app/(teams)/team-1/page.jsx new file mode 100644 index 0000000..375992a --- /dev/null +++ b/app/(teams)/team-1/page.jsx @@ -0,0 +1,122 @@ + +import React from "react"; + +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Link from "next/link"; +import TeamOne from "../../../components/team/TeamOne"; +import Image from "next/image"; +export const metadata = { + title: 'Team V1 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Team1 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Our Team
+

+ + We’ve Most Talented + image + + Team Members +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Team Section Five + ===================================================== */} +
+
+
+ +
+
+
+ {/* /.team-section-five */} + + {/* ===================================================== + Fancy Short Banner Eleven + ===================================================== */} +
+
+
+
+
+

+ Want to be a part of our talented team? +

+ + SEND YOUR CV + +
+
+
+
+
+ {/* /.fancy-short-banner-eleven */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Team1; diff --git a/app/(teams)/team-2/page.jsx b/app/(teams)/team-2/page.jsx new file mode 100644 index 0000000..9954d74 --- /dev/null +++ b/app/(teams)/team-2/page.jsx @@ -0,0 +1,121 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Link from "next/link"; +import TeamTwo from "../../../components/team/TeamTwo"; +import Image from "next/image"; +export const metadata = { + title: 'Team V2 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Team2 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Our Team
+

+ + We’ve Most Talented + image + + Team Members +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Team Section Five + ===================================================== */} +
+
+
+ +
+
+
+ {/* /.team-section-five */} + + {/* ===================================================== + Fancy Short Banner Eleven + ===================================================== */} +
+
+
+
+
+

+ Want to be a part of our talented team? +

+ + SEND YOUR CV + +
+
+
+
+
+ {/* /.fancy-short-banner-eleven */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Team2; diff --git a/app/(teams)/team-3/page.jsx b/app/(teams)/team-3/page.jsx new file mode 100644 index 0000000..1edbd42 --- /dev/null +++ b/app/(teams)/team-3/page.jsx @@ -0,0 +1,127 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Link from "next/link"; +import TeamThree from "../../../components/team/TeamThree"; +import Image from "next/image"; +export const metadata = { + title: 'Team V3 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Team3 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

We’ve Most Talented Team Members

+
+
+

+ With deski, get all kind of business solution to start your + journey +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ===================================================== + Team Section One + ===================================================== */} +
+
+ +
+
+ {/* /.team-section-one */} + + {/* ===================================================== + Fancy Short Banner Eleven + ===================================================== */} +
+
+
+
+
+

+ Want to be a part of our talented team? +

+ + SEND YOUR CV + +
+
+
+
+
+
+
+
+ shape + shape +
+ {/* /.fancy-short-banner-eleven */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Team3; diff --git a/app/(teams)/team-4/page.jsx b/app/(teams)/team-4/page.jsx new file mode 100644 index 0000000..df42f06 --- /dev/null +++ b/app/(teams)/team-4/page.jsx @@ -0,0 +1,130 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import Link from "next/link"; +import TeamFour from "../../../components/team/TeamFour"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +export const metadata = { + title: 'Team V4 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Team4 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

We’ve Most Talented Team Members

+
+
+

+ With deski, get all kind of business solution to start your + journey +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ===================================================== + Team Section Five + ===================================================== */} +
+
+
+
+
+

Our Team

+

Our talented team member waiting to serve.

+
+
+ {/* End .col */} +
+ + See All Members + +
+ {/* End .col */} +
+ {/* End .row */} +
+ +
+
+
+ {/* /.team-section-five */} + + {/* ===================================================== + Fancy Short Banner Eleven + ===================================================== */} +
+
+
+
+
+

+ Want to be a part of our talented team? +

+ + SEND YOUR CV + +
+
+
+
+
+ {/* /.fancy-short-banner-eleven */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Team4; diff --git a/app/(teams)/team-5/page.jsx b/app/(teams)/team-5/page.jsx new file mode 100644 index 0000000..e14a0d5 --- /dev/null +++ b/app/(teams)/team-5/page.jsx @@ -0,0 +1,129 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import Link from "next/link"; +import TeamFive from "../../../components/team/TeamFive"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Image from "next/image"; +export const metadata = { + title: 'Team V5 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Team5 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Our Team
+

+ + We’ve Most Talented + image + + Team Members +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Team Section Five + ===================================================== */} +
+
+
+
+ +
+ shape +
+ {/* /.team-wrapper */} +
+
+ {/* /.team-section-five */} + + {/* ===================================================== + Fancy Short Banner Eleven + ===================================================== */} +
+
+
+
+
+

+ Want to be a part of our talented team? +

+ + SEND YOUR CV + +
+
+
+
+
+ {/* /.fancy-short-banner-eleven */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Team5; diff --git a/app/(teams)/team-6/page.jsx b/app/(teams)/team-6/page.jsx new file mode 100644 index 0000000..180a799 --- /dev/null +++ b/app/(teams)/team-6/page.jsx @@ -0,0 +1,130 @@ +import React from "react"; + +import Header from "../../../components/header/Header"; +import Link from "next/link"; +import TeamSlider from "../../../components/team/TeamSlider"; +import Footer from "../../../components/footer/Footer"; +import CopyRight from "../../../components/footer/CopyRight"; +import Image from "next/image"; +export const metadata = { + title: 'Team V6 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const Team6 = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero One + ============================================== */} +
+
+
+
+

We’ve Most Talented Team Members

+
+
+

+ With deski, get all kind of business solution to start your + journey +

+
+
+
+
+
+
+
+
+
+
+ {/* /.fancy-hero-one */} + + {/* ===================================================== + Team Section Five + ===================================================== */} +
+
+
+
+

+ + Our Members + shape + +

+
+
+ {/* End .d-sm-flex */} +
+ {/* End .container */} +
+
+ +
+ {/* /.teamSliderOne */} +
+
+ {/* /.team-section-five */} + + {/* ===================================================== + Fancy Short Banner Eleven + ===================================================== */} +
+
+
+
+
+

+ Want to be a part of our talented team? +

+ + SEND YOUR CV + +
+
+
+
+
+ {/* /.fancy-short-banner-eleven */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default Team6; diff --git a/app/(teams)/team-details-v2/[id]/page.jsx b/app/(teams)/team-details-v2/[id]/page.jsx new file mode 100644 index 0000000..369ee62 --- /dev/null +++ b/app/(teams)/team-details-v2/[id]/page.jsx @@ -0,0 +1,99 @@ + +import Header from "../../../../components/header/Header"; +import Footer from "../../../../components/footer/Footer"; +import CopyRight from "../../../../components/footer/CopyRight"; +import TeamDetailsSlider from "../../../../components/team/TeamDetailsSlider"; +import { allTeams } from "@/data/team"; +import Image from "next/image"; +export const metadata = { + title: 'Team Details V2 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const TeamDetailsV2 = ({ params }) => { + const team = allTeams.filter((elm)=>elm.id==params.id)[0] || allTeams[0] + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Team Details V2
+

+ + {team.name || team.title || ' Single Profile' } + image + {" "} + +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Team Details + ===================================================== */} +
+
+ + {/* Team Details Gallery */} +
+ shape + shape +
+ {/* /.team-details */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default TeamDetailsV2; diff --git a/app/(teams)/teams/[id]/page.jsx b/app/(teams)/teams/[id]/page.jsx new file mode 100644 index 0000000..0f77f36 --- /dev/null +++ b/app/(teams)/teams/[id]/page.jsx @@ -0,0 +1,100 @@ +import React from "react"; + +import Header from "../../../../components/header/Header"; +import Footer from "../../../../components/footer/Footer"; +import CopyRight from "../../../../components/footer/CopyRight"; +import TeamDetails from "../../../../components/team/TeamDetails"; +import { allTeams } from "@/data/team"; +import Image from "next/image"; +export const metadata = { + title: 'Team Details V1 || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const TeamDetailsV1 = ({ params }) => { + const team = allTeams.filter((elm)=>elm.id==params.id)[0] || allTeams[0] + return ( +
+ + {/* End Page SEO Content */} + +
+ {/* End Header */} + + {/* ============================================= + Fancy Hero Two + ============================================== */} +
+ shape + shape +
+
+
+
Team Details V1
+

+ + {team.name || team.title || team.designation || ' Single Profile' } + + image + {" "} +

+
+
+
+ {/* /.bg-wrapper */} +
+ {/* /.fancy-hero-two */} + + {/* ===================================================== + Team Details + ===================================================== */} +
+
+ + {/* Team Details Gallery */} +
+ shape + shape +
+ {/* /.team-details */} + + {/* ===================================================== + Footer Style One + ===================================================== */} +
+
+
+
+
+ {/* /.container */} +
+ {/* /.top-footer */} + +
+
+ +
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-one */} +
+ ); +}; + +export default TeamDetailsV1; diff --git a/app/favicon.ico b/app/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..145a2bbca5912d87b2291884db77bcc5dfe2b229 GIT binary patch literal 13054 zcmds-v1=Vi5XSc*uuFGo6L90gO;Wj1{)pg8;4+1ZkS35Waw+Uq5D>&g8g~YlHV$r* zHl#BcfpBF*3I`J7Lek~?o!&gn?c2R~dwb?R-ip!O?d{IYw=+AtxA#Jr>F>^+p#NWl zw_kG!|2?A2N}BZOoX{ zXDmMH#9w=&H=>+O+8nD?Ip!@Dn zj6?BBCh>ThH@`l;q6ziw`MDV5lOFby)qAcd&o3mpTmJa-q5;>*o8@P;{Q2?u6k~|( zi~Xv^wtG;+tY_?JtMxqm<-7}S;N7#|FRFEe!SHx|s%PG@XRp?A@5i$&B7941;?Gp! zd8G|tXy;*sZ?{rz$F5Wy;#aTZ{!!Y`aXa5<;Poy(jPM-~?Ax(1*C*wlly6e8{Pypr zAqH}?2h<;Xd}>c@^6p$Cv(uLtj0-+Z>0sW)h5o6w1M9#tlg!qKy5{VoM&43ia%Eip z{jXVShu;1B%k!1Cl|H=f@NvGA)Lm1Ljd1~YN@gmaE7y#DhmSL?q~4nPRF28TU1}cY z;(4G=M-Ct7bd%#tt@C|rT*}|X?nv8SIDDK%j+K+`SL%~gjOP43z}^#wZ_?apx^wG% zE^nlAE|^VTA%Exaajra8PH(?d%;nbaQh%?o`NOBehkwjRB{7#;CuC#q`1N4)_$G-@ zi!Yz|tPVS^^u?UD@qA>C@$p%mUpx+{PpT;kLB^@a!hWW zPpz4`wmq>)O#AhrdVSB~!-ka2xg6u=m>);_&#&**`!kA zz7VVadBJt+d}6ZmC657neXM#LeSF4!=r_`L$@8VT4<|Vv1OtAHa|JlT;p38fpL@YY zq27;0!FBR{aE@=1^IdNXcE&g_5v2b!Pe=NV@#sC@onzed_Dyw-&vL#3srj~2U+?++ z93S&=Yrn6|F>dYmG4N63!>#?kd5N&acvv|f#^%71extrm&wa>Te6+zBv90q>(|iM0 z+Uk5C^Uv&B{kQh_Ar2#c+@x5=maN~*?jioOws6TL=dAO02cP8kSrJCoj&-b$=v?}Z zgtsleF7==FmmcDkeNOeaddXOoE75_jmGNly86S(!`b#JKRrciU*;m5B|x75mHVF+LSOlLyBx(MJ8g+;DCw7cAEK_u)p% z4}v~ihvq`g_(}Yu_~+v9#czn8ieDE$5TA*QX{Qiqt_}-+*4}>|=q>?)?h>%zr|tdq zVEko!zY}79(ALkwx_E4l-Jb@^mHjb3!)@abkB^PpVjL03xY{_|xSJo;u=UHrPq?iK F{{w>ap{@V` literal 0 HcmV?d00001 diff --git a/app/layout.js b/app/layout.js new file mode 100644 index 0000000..4d87d8d --- /dev/null +++ b/app/layout.js @@ -0,0 +1,30 @@ +'use client' +import AOS from "aos"; +import "aos/dist/aos.css"; +import ScrollToTop from "../components/ScrollToTop"; +import Context from '@/context/Context'; +import { useEffect } from 'react' +import '../public/main.scss' + + + + + + +export default function RootLayout({ children }) { + useEffect(() => { + AOS.init({ + duration: 1200, + once: true, + }); + }, []); + return ( + + + + +
{children}
+ {} + + ) +} diff --git a/app/not-found.jsx b/app/not-found.jsx new file mode 100644 index 0000000..0231dbe --- /dev/null +++ b/app/not-found.jsx @@ -0,0 +1,65 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +export const metadata = { + title: 'Not Found || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, + } +const NotFound = () => { + return ( +
+ + {/* End Page SEO Content */} + +
+
+ media + media +
+
+
+ + logo + +
+

+ Sorry,
+ The Page Can’t
+ be Found. +

+

+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat +

+ + + Back to Home + icon + +
+ {/* /.text-wrapper */} +
+ {/* /.error-page */} +
+ ); +}; + +export default NotFound; diff --git a/app/page.jsx b/app/page.jsx new file mode 100644 index 0000000..9ce36e7 --- /dev/null +++ b/app/page.jsx @@ -0,0 +1,357 @@ +import React from "react"; +import Link from "next/link"; + +import Header from "../components/header/HeaderFour"; +import HeroBannerFour from "../components/hero-banner/HeroBannerFour"; +import About from "../components/about/About"; +import FeatureNine from "../components/features/FeatureNine"; +import Faq from "../components/faq/Faq"; +import PricingThree from "../components/pricing/PricingThree"; +import TestimonialThree from "../components/testimonial/TestimonialThree"; +import FaqFour from "../components/faq/FaqFour"; +import FooterFour from "../components/footer/FooterFour"; +import CallToActionFive from "../components/call-to-action/CallToActionFive"; +import Image from "next/image"; + + +export const metadata = { + title: 'Event Organizer || Deski-Saas & Software Nextjs Template', + description: `Unleash the full potential of your software projects with our SaaS-focused Next.js template. Create engaging blogs, showcase your talented team, set up an online shop, provide helpful FAQs, and offer exceptional services with our feature-rich solution. Elevate your SaaS and software development with ease and drive growth. Try it now and take your projects to new heights.`, +} + +export default function Home () { + return ( +
+ + + +
+ {/* End HeaderFour */} + + + {/* End Hero Banner Four */} + + {/* + ============================================= + Fancy Text Block + ============================================== */} +
+
+ +
+
+ {/* End .fancy-text-block-nineteen*/} + +
+ shape + shape + shape + shape + shape + shape + +
+
+
GET STARTED IN MINUTES
+

+ 3 simple & easy step to launch. +

+
+ {/* End title */} + + +
+
+ {/* /.fancy-feature-nine */} + + {/* + ============================================= + Fqa Text Block + ============================================== */} +
+
+
+
+
+
Why choose us
+

+ Why you should choose us? +

+
+ {/* End title */} + +
+ +
+
+ media + media +
+ {/* /.illustration-holder */} +
+
+
+
+ {/* /.why should you choose us */} + + {/* + ============================================= + Pricing Section Three + ============================================== */} +
+ shape + shape + shape + shape + shape + shape + +
+
+
Our Pricing
+
+
+

Unbeatable prices, no contracts, simple & easy

+
+
+
+ +
+ +
+ {/* /.pricing-table-area-three */} +
+ {/* ./container */} +
+ {/* /.pricing-section-three */} + + {/* + ============================================= + Client Feedback Slider + ============================================== */} +
+
+
+
+
+

+ Check what’s our client say about us. +

+
+
+
+ {/* End title */} +
+
+
+ icon +
+ +
+
+ {/* /.testimonial-slider-wrapper */} +
+
+
+ {/* /.container */} + media + media + media + media + media + media +
+ {/* /.client-feedback-slider-three */} + +
+ shape + shape +
+
+
FAQ
+

+ Question & Answer +

+
+ +
+
+ +
+
+
+

Don’t find your answer?

+ + Contact us + +
+
+ {/* /.container */} +
+ {/* End Question and answer */} + + {/* + ============================================= + Call To Action + ============================================== */} +
+
+ +
+
+ {/* End .fancy-short-banner-five */} + + {/* + ============================================= + Footer Four + ============================================== */} +
+
+
+ +
+ {/* /.container */} +
+ +
+
+

+ Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

+
+ {/* /.bottom-footer */} +
+
+ {/* /.theme-footer-four */} +
+ ); +}; + + diff --git a/components/ScrollToTop.jsx b/components/ScrollToTop.jsx new file mode 100644 index 0000000..1fdc75d --- /dev/null +++ b/components/ScrollToTop.jsx @@ -0,0 +1,47 @@ +'use client' + +import Image from "next/image"; +import React, { useEffect, useState } from "react"; + +export default function ScrollToTop() { + const [isVisible, setIsVisible] = useState(false); + + // Top: 0 takes us all the way back to the top of the page + // Behavior: smooth keeps it smooth! + const scrollToTop = () => { + if (typeof window !== "undefined") { + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + } + + }; + + useEffect(() => { + // Button is displayed after scrolling for 500 pixels + const toggleVisibility = () => { + if (window.pageYOffset > 500) { + setIsVisible(true); + } else { + setIsVisible(false); + } + }; + + window.addEventListener("scroll", toggleVisibility); + + return () => window.removeEventListener("scroll", toggleVisibility); + }, []); + + return ( + <> + {isVisible && ( +
+ +
+ )} + + ); +} diff --git a/components/ScrollTopBehaviour.jsx b/components/ScrollTopBehaviour.jsx new file mode 100644 index 0000000..f6e76c1 --- /dev/null +++ b/components/ScrollTopBehaviour.jsx @@ -0,0 +1,15 @@ +'use client' + +import { useEffect } from "react"; +import { usePathname } from "next/navigation"; + +export default function ScrollToTop() { + const pathname = usePathname(); + + + useEffect(() => { + window.scrollTo(0, 0); + }, [pathname]); + + return null; +} diff --git a/components/about/About.jsx b/components/about/About.jsx new file mode 100644 index 0000000..6e1bb24 --- /dev/null +++ b/components/about/About.jsx @@ -0,0 +1,38 @@ +import React from "react"; +import Image from "next/image"; + +const About = () => { + return ( +
+
+ about +
+ {/* End .col */} + +
+
+
+ Over 150,000+ client +
+
+

+ Best event & online ticket platform. +

+
+

+ Things go wrong. You’ll have questions. We understand. So we have + people, not bots, on hand to help. +

+

+ We aim to answer any query in less than 10 minutes. +

+
Mitchell Garner
+
+ {/* /.text-wrapper */} +
+ {/* End .col */} +
+ ); +}; + +export default About; diff --git a/components/about/AboutFive.jsx b/components/about/AboutFive.jsx new file mode 100644 index 0000000..9504f5e --- /dev/null +++ b/components/about/AboutFive.jsx @@ -0,0 +1,53 @@ +import Image from "next/image"; +import React from "react"; + +const AboutFive = () => { + return ( +
+
+
+
+

+ + Exclusive fetures{" "} + shape + + with great offers everytime. +

+
+ {/* /.title-style-two */} +

+ With Benefits from deski Pro, Earn rewards & Score discounts on + purchases* Foryourself and your customers. +

+
+
+ {/* End .col */} + +
+
+ media + media + shape + shape +
+ {/* /.img-gallery */} +
+ {/* End .col */} +
+ ); +}; + +export default AboutFive; diff --git a/components/about/AboutFour.jsx b/components/about/AboutFour.jsx new file mode 100644 index 0000000..8390076 --- /dev/null +++ b/components/about/AboutFour.jsx @@ -0,0 +1,48 @@ +import Image from "next/image"; +import React from "react"; + +const AboutFour = () => { + return ( +
+
+
+
+

About us

+

Best event & online ticket platform.

+
+ {/* /.title-style-two */} +

+ Things go wrong. You’ll have questions. We understand. So we have + real people, not bots, on hand to help, 7 days a week. +

+

+ We aim to answer any query in less than 10 minutes. Try now +

+
+ Mr Rashed Kabir, CEO +
+
+
+ {/* End .col */} + +
+
+ media + shape + shape +
+
+ {/* End .col */} +
+ ); +}; + +export default AboutFour; diff --git a/components/about/AboutThree.jsx b/components/about/AboutThree.jsx new file mode 100644 index 0000000..9bef83f --- /dev/null +++ b/components/about/AboutThree.jsx @@ -0,0 +1,68 @@ +import Image from "next/image"; +import React from "react"; + +const AboutThree = () => { + return ( +
+
+
+
+
Certified by trustpilot
+

+ + Certified and trusted{" "} + shape + + support portal. +

+
+ {/* /.title-style-two */} +

+ Whether you're a theatre, stadium, intimate music venue, church, + gala or concert hall, our seating chart tooi accurately represent + your venue and seating layout. +

+

+ It's easy to incorporate socialy distanced spaces, add tables, edit + the numbering or have. +

+
+
+
+
+ media + media + shape + shape +
+ {/* /.img-gallery */} +
+
+ ); +}; + +export default AboutThree; diff --git a/components/about/AboutTwo.jsx b/components/about/AboutTwo.jsx new file mode 100644 index 0000000..e5de060 --- /dev/null +++ b/components/about/AboutTwo.jsx @@ -0,0 +1,53 @@ +'use client' + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const AboutTwo = () => { + return ( +
+
+
+ media + shape +
+ {/* img-holder */} +
+ {/* End .col */} + +
+
+ icon +
+ Deski combines excellent live chat, ticketing and automation that + allow us to provide quality. +
+
+ Bostami Hasan CEO & Founder deksi +
+ + {" "} + Learn More + +
+ {/* /.quote-wrapper */} +
+ {/* End .col */} +
+ ); +}; + +export default AboutTwo; diff --git a/components/block-slider/AboutTabs.jsx b/components/block-slider/AboutTabs.jsx new file mode 100644 index 0000000..fc666b9 --- /dev/null +++ b/components/block-slider/AboutTabs.jsx @@ -0,0 +1,60 @@ +'use client' + +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; + +const AboutTabs = () => { + return ( + <> + + + Our Story + Our Mission + Our Vision + + {/* End TabList */} + +
+ +

+ Lorem ipsum dolor sit amet, consecteur adipiscng elit sed do + eiusmod tempor non sunt +

+

+ aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore nulla + pariaturExcepteur sint occaecat cu proident, sunter in culpa qui + officia deserunt mollit . +

+ + +

+ Lorem Ipsum is simply dummy text of the printing and typesetting + industry +

+

+ Contrary to popular belief, Lorem Ipsum is not simply random text. + It has roots in a piece of classical Latin literature from 45 BC, + making it over 2000 years old. Richard McClintock, a Latin + professor. +

+ + +

+ There are many variations of passages of Lorem Ipsum available, + but the majority, +

+

+ Many desktop publishing packages and web page editors now use + Lorem Ipsum as their default model text, and a search for 'lorem + ipsum' will uncover many web sites still in their infancy. +

+ +
+ {/* End TabContent */} + + + ); +}; + +export default AboutTabs; diff --git a/components/block-slider/DocAsTabs.jsx b/components/block-slider/DocAsTabs.jsx new file mode 100644 index 0000000..50dc989 --- /dev/null +++ b/components/block-slider/DocAsTabs.jsx @@ -0,0 +1,70 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; + +const DocAsTabs = () => { + return ( + <> + + + +
+ icon +

Team Box

+
+ + {/* End .d-felx */} + +
+ icon +

Project & Task

+
+ + {/* End .d-felx */} + +
+ icon +

Note & Docs

+
+ + {/* End .d-felx */} + + +
+ + screen + + + screen + + + screen + +
+ {/* /.pricing-table-area-six */} + + + ); +}; + +export default DocAsTabs; diff --git a/components/block-slider/DocEditorTabs.jsx b/components/block-slider/DocEditorTabs.jsx new file mode 100644 index 0000000..734f8d5 --- /dev/null +++ b/components/block-slider/DocEditorTabs.jsx @@ -0,0 +1,126 @@ + +'use client' + +import Image from "next/image"; +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; + +const tabList = [ + { iconOne: "105", iconTwo: "105-c" }, + { iconOne: "106", iconTwo: "106-c" }, + { iconOne: "107", iconTwo: "107-c" }, + { iconOne: "108", iconTwo: "108-c" }, + { iconOne: "109", iconTwo: "109-c" }, + { iconOne: "110", iconTwo: "110-c" }, + { iconOne: "111", iconTwo: "111-c" }, +]; + +const tabListContent = [ + { + img: "img_81", + innerText: "Track Human faces", + title: "Motation Tracking", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, + { + img: "img_92", + innerText: "keyframing experience", + title: "Keyframing", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, + { + img: "img_93", + innerText: "Audio track down", + title: "Audio Ducking", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, + { + img: "img_94", + innerText: "Take the color", + title: "Color Matching", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, + { + img: "img_95", + innerText: "Edit videos at up to 4K", + title: "4K Editing Support", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, + { + img: "img_96", + innerText: "Remove unwanted noise", + title: "Noise Removal", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, + { + img: "img_97", + innerText: "Layer multiple video clips", + title: "Picture in Picture (PIP)", + description: `From its medieval origins to the digital earn everything + there is to know about the ubi lorem ipsum passage.`, + }, +]; + +const DocEditorTabs = () => { + return ( + <> + + + {tabList.map((img, i) => ( + +
+ icon + icon +
+ + ))} + + +
+ {tabListContent.map((tabContent, i) => ( + +
+
+
+ media +
+

{tabContent.innerText}

+
+
{" "} + {/* /.img-holder */} +
+
+
+

{tabContent.title}

+

{tabContent.description}

+
{" "} + {/* /.text-wrapper */} +
+
+ + ))} +
+ {/* /.pricing-table-area-six */} + + + ); +}; + +export default DocEditorTabs; diff --git a/components/block-slider/DocSlickAsNav.jsx b/components/block-slider/DocSlickAsNav.jsx new file mode 100644 index 0000000..d5036ea --- /dev/null +++ b/components/block-slider/DocSlickAsNav.jsx @@ -0,0 +1,84 @@ +'use client' + +import React, { useState } from "react"; +import Slider from "react-slick"; +import Image from "next/image"; +export default function SlickAsNav() { + const [nav1, setNav1] = useState(); + const [nav2, setNav2] = useState(); + + var settings = { + slidesToShow: 3, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 420, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + return ( + <> + setNav1(slider1)} + autoplay={true} + > +
+ feature +
+
+ feature +
+
+ feature +
+ + {/* Top Image slide */} + + setNav2(slider2)} + swipeToSlide={true} + focusOnSelect={true} + className="slick-nav-custom" + > +
+
01
+
Personal Notes
+

+ A place to think and track ideas for you and your team +

+
+ {/* /.block-style-eleven */} +
+
02
+
Knowledge Base
+

+ A home for your team, best practices and thoughts. +

+
+ {/* /.block-style-eleven */} +
+
03
+
Products Doc
+

+ Beautiful docs for your APIs, Products, FAQs, & User Guides, +

+
+ {/* /.block-style-eleven */} + + {/* Bottom text slide */} + + ); +} diff --git a/components/block-slider/DocSlickAsNavTwo.jsx b/components/block-slider/DocSlickAsNavTwo.jsx new file mode 100644 index 0000000..ea1457c --- /dev/null +++ b/components/block-slider/DocSlickAsNavTwo.jsx @@ -0,0 +1,104 @@ +'use client' + +import Image from "next/image"; +import React, { useState } from "react"; +import Slider from "react-slick"; + +export default function DocSlickAsNavTwo() { + const [nav1, setNav1] = useState(); + const [nav2, setNav2] = useState(); + + var settings = { + slidesToShow: 3, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 420, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + return ( + <> + setNav2(slider2)} + swipeToSlide={true} + focusOnSelect={true} + className="slick-nav-custom " + > +
+
+ icon +
+

+ Create task for any
+ team person +

+
+ {/* /.d-flex */} +
+
+ icon +
+

+ Make timeframe for
+ do the task +

+
+ {/* /.d-flex */} +
+
+ icon +
+

+ Get task complated by
+ your member +

+
+ {/* /.d-flex */} + + {/* Bottom text slide */} + +
+ setNav1(slider1)} + > +
+ feature +
+
+ feature +
+
+ feature +
+ + {/* Top Image slide */} + shape + shape +
+ + ); +} diff --git a/components/blog/BlogSidebar.jsx b/components/blog/BlogSidebar.jsx new file mode 100644 index 0000000..cd9669c --- /dev/null +++ b/components/blog/BlogSidebar.jsx @@ -0,0 +1,87 @@ +import React from "react"; +import Link from "next/link"; +import BlogSidebarForm from "../form/BlogSidebarForm"; +import { recentNews } from "@/data/blogs"; + +const categroies = [ + { + catName: "Web Design", + numberOfPOst: "09", + }, + { + catName: "Graphics", + numberOfPOst: "13", + }, + { + catName: "Web Development", + numberOfPOst: "05", + }, + { + catName: "IOS/Android Development", + numberOfPOst: "24", + }, + { + catName: "Others", + numberOfPOst: "08", + }, +]; + + +const blogKeyword = ["Ideas", "Education", "Design", "Development", "Branding"]; + +const BlogSidebar = () => { + return ( + <> +
+
+ +
+ {/* /.sidebar-search-form */} + +
+

Categories

+
    + {categroies.map((cat, i) => ( +
  • + + {cat.catName} ({cat.numberOfPOst}) + +
    • + ))} +
+
+ {/* /.sidebar-categories */} + +
+

Recent News

+
    + {recentNews.map((news, i) => ( +
  • + + {news.title} + {news.date} + +
    • + ))} +
+
+ {/* /.sidebar-recent-news */} + +
+

Keywords

+
    + {blogKeyword.map((val, i) => ( +
  • + {val} +
    • + ))} +
+
+ {/* /.sidebar-keyword */} +
+ {/* /.blog-sidebar-one */} + + ); +}; + +export default BlogSidebar; diff --git a/components/blog/BlogSidebarClassic.jsx b/components/blog/BlogSidebarClassic.jsx new file mode 100644 index 0000000..0336954 --- /dev/null +++ b/components/blog/BlogSidebarClassic.jsx @@ -0,0 +1,87 @@ +import React from "react"; +import Link from "next/link"; +import BlogSidebarForm from "../form/BlogSidebarForm2"; +import { recentNews } from "@/data/blogs"; + +const categroies = [ + { + catName: "Web Design", + numberOfPOst: "09", + }, + { + catName: "Graphics", + numberOfPOst: "13", + }, + { + catName: "Web Development", + numberOfPOst: "05", + }, + { + catName: "IOS/Android Development", + numberOfPOst: "24", + }, + { + catName: "Others", + numberOfPOst: "08", + }, +]; + + +const blogKeyword = ["Ideas", "Education", "Design", "Development", "Branding"]; + +const BlogSidebarClassic = () => { + return ( + <> +
+
+ +
+ {/* /.sidebar-search-form */} + +
+

Categories

+
    + {categroies.map((cat, i) => ( +
  • + + {cat.catName} ({cat.numberOfPOst}) + +
    • + ))} +
+
+ {/* /.sidebar-categories */} + +
+

Recent News

+
    + {recentNews.map((news, i) => ( +
  • + + {news.title} + {news.date} + +
    • + ))} +
+
+ {/* /.sidebar-recent-news */} + +
+

Keywords

+
    + {blogKeyword.map((val, i) => ( +
  • + {val} +
    • + ))} +
+
+ {/* /.sidebar-keyword */} +
+ {/* /.blog-sidebar-one */} + + ); +}; + +export default BlogSidebarClassic; diff --git a/components/blog/BlogStyle1.jsx b/components/blog/BlogStyle1.jsx new file mode 100644 index 0000000..92c156b --- /dev/null +++ b/components/blog/BlogStyle1.jsx @@ -0,0 +1,45 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContent } from "@/data/blogs"; +import Image from "next/image"; + + +const BlogStyle1 = () => { + return ( + <> + {BlogContent.map((item, i) => ( +
+
+ media +
{item.tag}
+

+ + {item.title} + +

+ + Read More + + +
+ {/* /.post-meta */} +
+ ))} + + ); +}; + +export default BlogStyle1; diff --git a/components/blog/BlogStyle2.jsx b/components/blog/BlogStyle2.jsx new file mode 100644 index 0000000..1d9217a --- /dev/null +++ b/components/blog/BlogStyle2.jsx @@ -0,0 +1,38 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContentTwo } from "@/data/blogs"; +import Image from "next/image"; + + +const BlogStyle2 = () => { + return ( + <> + {BlogContentTwo.map((item, i) => ( +
+ media +
{item.tag}
+

+ + {item.title} + +

+

{item.desc}

+ + Read More + + +
+ // /.post-meta + ))} + + ); +}; + +export default BlogStyle2; diff --git a/components/blog/BlogStyle3.jsx b/components/blog/BlogStyle3.jsx new file mode 100644 index 0000000..f5ef181 --- /dev/null +++ b/components/blog/BlogStyle3.jsx @@ -0,0 +1,41 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContentThree } from "@/data/blogs"; +import Image from "next/image"; + + +const BlogStyle3 = () => { + return ( + <> + {BlogContentThree.map((item, i) => ( +
+ media +
+
{item.date}
+

+ + {item.title} + +

+

{item.desc}

+ + Continue Reading + + +
+ {/* End post */} +
+ // /.post-meta + ))} + + ); +}; + +export default BlogStyle3; diff --git a/components/blog/BlogStyle4.jsx b/components/blog/BlogStyle4.jsx new file mode 100644 index 0000000..39c5a03 --- /dev/null +++ b/components/blog/BlogStyle4.jsx @@ -0,0 +1,44 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContentFour } from "@/data/blogs"; +import Image from "next/image"; + + +const BlogStyle4 = () => { + return ( + <> + {BlogContentFour.map((item, i) => ( +
+
+ media +

+ + {item.title} + +

+ + Read More + + +
+ {/* /.post-meta */} +
+ ))} + + ); +}; + +export default BlogStyle4; diff --git a/components/blog/BlogStyle5.jsx b/components/blog/BlogStyle5.jsx new file mode 100644 index 0000000..a3cdf0e --- /dev/null +++ b/components/blog/BlogStyle5.jsx @@ -0,0 +1,38 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContentSix } from "@/data/blogs"; +import Image from "next/image"; + + +const BlogStyle5 = () => { + return ( + <> + {BlogContentSix.map((val, i) => ( +
+
+
+ media +
+
+

+ {val.title} +

+
+ {val.author}. {val.designation} +
+
+
+ {/* /.feature-article-meta */} +
+ ))} + + ); +}; + +export default BlogStyle5; diff --git a/components/blog/BlogStyle6.jsx b/components/blog/BlogStyle6.jsx new file mode 100644 index 0000000..96763a4 --- /dev/null +++ b/components/blog/BlogStyle6.jsx @@ -0,0 +1,45 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContentFive } from "@/data/blogs"; +import Image from "next/image"; + + +const BlogStyle6 = () => { + return ( + <> + {BlogContentFive.map((item, i) => ( +
+
+ media +
{item.tag}
+

+ + {item.title} + +

+ + Read More + + +
+ {/* /.post-meta */} +
+ ))} + + ); +}; + +export default BlogStyle6; diff --git a/components/brand/Brand.jsx b/components/brand/Brand.jsx new file mode 100644 index 0000000..0020387 --- /dev/null +++ b/components/brand/Brand.jsx @@ -0,0 +1,87 @@ +'use client' +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const LogoSlider = [ + { + img: "logo-1", + url: "", + }, + { + img: "logo-2", + url: "", + }, + { + img: "logo-3", + url: "", + }, + { + img: "logo-4", + url: "", + }, + { + img: "logo-5", + url: "", + }, + { + img: "logo-6", + url: "", + }, + { + img: "logo-7", + url: "", + }, + { + img: "logo-3", + url: "", + }, +]; + +const brand = () => { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 7, + slidesToScroll: 1, + autoplay: false, + margin: 30, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 6, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 4, + }, + }, + { + breakpoint: 420, + settings: { + slidesToShow: 3, + }, + }, + ], + }; + + return ( + + {LogoSlider.map((val, i) => ( +
+ + logo + +
+ ))} + + ); +}; + +export default brand; diff --git a/components/brand/BrandFive.jsx b/components/brand/BrandFive.jsx new file mode 100644 index 0000000..db74d27 --- /dev/null +++ b/components/brand/BrandFive.jsx @@ -0,0 +1,81 @@ +'use client' +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const LogoSlider = [ + { + img: "logo-1", + url: "", + }, + { + img: "logo-2", + url: "", + }, + { + img: "logo-3", + url: "", + }, + { + img: "logo-4", + url: "", + }, + { + img: "logo-6", + url: "", + }, + { + img: "logo-3", + url: "", + }, +]; + +const BrandFive = () => { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 5, + slidesToScroll: 1, + autoplay: true, + margin: 30, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 4, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 420, + settings: { + slidesToShow: 2, + }, + }, + ], + }; + + return ( + + {LogoSlider.map((val, i) => ( +
+
+ + logo + +
+
+ ))} + + ); +}; + +export default BrandFive; diff --git a/components/brand/BrandFour.jsx b/components/brand/BrandFour.jsx new file mode 100644 index 0000000..d9b2ab1 --- /dev/null +++ b/components/brand/BrandFour.jsx @@ -0,0 +1,85 @@ +'use client' +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const LogoSlider = [ + { + img: "logo-21", + url: "", + }, + { + img: "logo-22", + url: "", + }, + { + img: "logo-23", + url: "", + }, + { + img: "logo-24", + url: "", + }, + { + img: "logo-25", + url: "", + }, + { + img: "logo-22", + url: "", + }, + { + img: "logo-24", + url: "", + }, +]; + +const BrandFour = () => { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 5, + slidesToScroll: 1, + autoplay: true, + margin: 30, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 4, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 420, + settings: { + slidesToShow: 2, + }, + }, + ], + }; + + return ( + + {LogoSlider.map((val, i) => ( +
+
+ + logo + +
+
+ ))} + + ); +}; + +export default BrandFour; diff --git a/components/brand/BrandSeven.jsx b/components/brand/BrandSeven.jsx new file mode 100644 index 0000000..2a97acd --- /dev/null +++ b/components/brand/BrandSeven.jsx @@ -0,0 +1,23 @@ +import React from "react"; + +const brandContent = [ + { name: "fa-facebook", link: "https://www.facebook.com/" }, + { name: "fa-twitter", link: "https://twitter.com/home" }, + { name: "fa-linkedin", link: "https://www.linkedin.com/feed/" }, +]; + +const BrandSeven = () => { + return ( + <> + {brandContent.map((val, i) => ( +
  • + + + +
    • + ))} + + ); +}; + +export default BrandSeven; diff --git a/components/brand/BrandSix.jsx b/components/brand/BrandSix.jsx new file mode 100644 index 0000000..915835c --- /dev/null +++ b/components/brand/BrandSix.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import Image from "next/image"; +const brandContent = [ + { + colClass: `line-one`, + imgList: [ + { + img: "logo-47", + }, + { + img: "logo-48", + }, + { + img: "logo-49", + }, + ], + }, + { + colClass: `line-two`, + imgList: [ + { + img: "logo-50", + }, + { + img: "logo-51", + }, + { + img: "logo-52", + }, + ], + }, +]; + +const BrandSix = () => { + return ( +
    + {brandContent.map((val, i) => ( +
    +
    + {val.imgList.map((brand, i) => ( +
    + brand +
    + // /.icon + ))} +
    + {/* /.line-two */} +
    + ))} +
    + ); +}; + +export default BrandSix; diff --git a/components/brand/BrandThree.jsx b/components/brand/BrandThree.jsx new file mode 100644 index 0000000..0f37c62 --- /dev/null +++ b/components/brand/BrandThree.jsx @@ -0,0 +1,29 @@ +import React from "react"; +import Image from "next/image"; +const BrandImages = [ + "logo-32", + "logo-33", + "logo-34", + "logo-35", + "logo-36", + "logo-37", + "logo-38", +]; + +const BrandThree = () => { + return ( + <> + {BrandImages.map((val, i) => ( +
    + logo +
    + ))} + + ); +}; + +export default BrandThree; diff --git a/components/brand/BrandTwo.jsx b/components/brand/BrandTwo.jsx new file mode 100644 index 0000000..e55c2c0 --- /dev/null +++ b/components/brand/BrandTwo.jsx @@ -0,0 +1,82 @@ +'use client' +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const LogoSlider = [ + { + img: "logo-12", + url: "", + }, + { + img: "logo-13", + url: "", + }, + { + img: "logo-14", + url: "", + }, + { + img: "logo-15", + url: "", + }, + { + img: "logo-16", + url: "", + }, + { + img: "logo-13", + url: "", + }, +]; + +const BrandTwo = () => { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 600, + slidesToShow: 5, + slidesToScroll: 1, + autoplay: true, + margin: 30, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 4, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 420, + settings: { + slidesToShow: 2, + }, + }, + ], + }; + + return ( + + {LogoSlider.map((val, i) => ( +
    + + logo + +
    + ))} +     + ); +}; + +export default BrandTwo; diff --git a/components/call-to-action/CallToAction.jsx b/components/call-to-action/CallToAction.jsx new file mode 100644 index 0000000..df2cfe2 --- /dev/null +++ b/components/call-to-action/CallToAction.jsx @@ -0,0 +1,28 @@ +import React from "react"; +import Link from "next/link"; + +const CallToAction = () => { + return ( +
    +

    + Don’t find the answer? contact us for any query. +

    + Contact us +
    +
    +
    +
    +
    +
    + // /.bg-wrapper + ); +}; + +export default CallToAction; diff --git a/components/call-to-action/CallToActionFive.jsx b/components/call-to-action/CallToActionFive.jsx new file mode 100644 index 0000000..2cfc9f2 --- /dev/null +++ b/components/call-to-action/CallToActionFive.jsx @@ -0,0 +1,37 @@ +import React from "react"; +import FormEvent from "../../components/form/FormEvent"; +import Link from "next/link"; + +const CallToActionFive = () => { + return ( + <> +
    +

    + Sign up & get started +

    +
    +
    +
    +

    + Our ticketing platform is made for you - & loved by everyone lorem + ipsum. +

    +
    + {/* End .col */} +
    + {/* End .row */} +
    +
    + +

    + Already a member? Sign in. +

    +
    + {/* End .col */} +
    + {/* End .row */} + + ); +}; + +export default CallToActionFive; diff --git a/components/call-to-action/CallToActionFour.jsx b/components/call-to-action/CallToActionFour.jsx new file mode 100644 index 0000000..2c70e00 --- /dev/null +++ b/components/call-to-action/CallToActionFour.jsx @@ -0,0 +1,30 @@ +import React from "react"; +import FormEvent from "../form/FormEvent"; +import Link from "next/link"; + +const CallToActionFour = () => { + return ( +
    +
    +
    +
    + Start your free trial. +
    +

    New here? Start your free trial now.

    +
    + {/* /.title-style-one */} +
    +
    +
    + +

    + Already a member? Sign in. +

    +
    + {/* /.form-wrapper */} +
    +
    + ); +}; + +export default CallToActionFour; diff --git a/components/call-to-action/CallToActionSeven.jsx b/components/call-to-action/CallToActionSeven.jsx new file mode 100644 index 0000000..374d5c5 --- /dev/null +++ b/components/call-to-action/CallToActionSeven.jsx @@ -0,0 +1,69 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const CallToActionSeven = () => { + return ( +
    +
    +
    +
    +
    +

    + 200k+ Customers
    + have our deski.Try it now! +

    +
    +

    Try it risk free — we don’t charge cancellation fees.

    + + Let’s Get Started + +
    +
    +
    + {/* */} + shape + shape + shape + shape + shape + shape + shape + shape +
    + ); +}; + +export default CallToActionSeven; diff --git a/components/call-to-action/CallToActionSix.jsx b/components/call-to-action/CallToActionSix.jsx new file mode 100644 index 0000000..d6aa814 --- /dev/null +++ b/components/call-to-action/CallToActionSix.jsx @@ -0,0 +1,24 @@ +import Image from "next/image"; +import React from "react"; + +const CallToActionSix = () => { + return ( +
    +

    + + Try Deski Free{" "} + sahpe + +

    +

    + After your 14-day trial of our Professional plan, enjoy the Free version + of deski– forever. +

    + + Start Free Trial + +
    + ); +}; + +export default CallToActionSix; diff --git a/components/call-to-action/CallToActionThree.jsx b/components/call-to-action/CallToActionThree.jsx new file mode 100644 index 0000000..8ca96f8 --- /dev/null +++ b/components/call-to-action/CallToActionThree.jsx @@ -0,0 +1,42 @@ +'use client' + + +import React from "react"; +import Link from "next/link"; + +const CallToActionThree = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    +
    +
    +
    + Start your free trial. +
    +

    New here? Start your free trial now.

    +
    + {/* /.title-style-one */} +
    + {/* End .col */} + +
    +
    +
    + + +
    + {/* End form */} +

    + Already a member? Sign in. +

    +
    + {/* /.form-wrapper */} +
    + {/* End .col */} +
    + ); +}; + +export default CallToActionThree; diff --git a/components/call-to-action/CallToActionTwo.jsx b/components/call-to-action/CallToActionTwo.jsx new file mode 100644 index 0000000..7416a62 --- /dev/null +++ b/components/call-to-action/CallToActionTwo.jsx @@ -0,0 +1,40 @@ +'use client' + + +import React from "react"; +import Link from "next/link"; + +const CallToActionTwo = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + + return ( +
    +
    +
    +
    Subscribe Now
    +

    Subscriber to our Newsletter

    +
    +
    + {/* End .col */} + +
    +
    +
    + + +
    + {/* End form */} +

    + Already a member? Sign in. +

    +
    + {/* /.form-wrapper */} +
    + {/* End .col */} +
    + ); +}; + +export default CallToActionTwo; diff --git a/components/contact/address/ContactAddress.jsx b/components/contact/address/ContactAddress.jsx new file mode 100644 index 0000000..c02642b --- /dev/null +++ b/components/contact/address/ContactAddress.jsx @@ -0,0 +1,75 @@ +import Image from "next/image"; +import React from "react"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const ContactAddress = () => { + return ( +
    +
    +
    +
    + icon +
    +
    Location
    +

    + Melbourne, R. Market
    1201 VIC +

    +
    {" "} + {/* /.address-info */} +
    + {/* End .col */} + +
    +
    +
    + icon +
    +
    Contact
    +

    + bawejkor@duwvude.gov
    + (779) 564-1593 +

    +
    {" "} + {/* /.address-info */} +
    + {/* End .col */} + +
    +
    +
    + icon +
    +
    Social Media
    +

    Find on social media

    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    +
    + {/* /.address-info */} +
    + {/* End .col */} +
    + ); +}; + +export default ContactAddress; diff --git a/components/contact/address/ContactAddressTwo.jsx b/components/contact/address/ContactAddressTwo.jsx new file mode 100644 index 0000000..e7c06be --- /dev/null +++ b/components/contact/address/ContactAddressTwo.jsx @@ -0,0 +1,75 @@ +import Image from "next/image"; +import React from "react"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const ContactAddressTwo = () => { + return ( +
    +
    +
    +
    + icon +
    +
    Location
    +

    + Melbourne, R. Market
    1201 VIC +

    +
    + {/* /.address-info */} +
    + {/* End .col */} + +
    +
    +
    + icon +
    +
    Contact
    +

    + bawejkor@duwvude.gov
    + (779) 564-1593 +

    +
    {" "} + {/* /.address-info */} +
    + {/* End .col */} + +
    +
    +
    + icon +
    +
    Social Media
    +

    Follow on social media

    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    +
    {" "} + {/* /.address-info */} +
    + {/* End .col */} +
    + ); +}; + +export default ContactAddressTwo; diff --git a/components/contact/form/ContactForm.jsx b/components/contact/form/ContactForm.jsx new file mode 100644 index 0000000..2451b9b --- /dev/null +++ b/components/contact/form/ContactForm.jsx @@ -0,0 +1,118 @@ +'use client' + + +import React from "react"; +import { useForm } from "react-hook-form"; +import { yupResolver } from "@hookform/resolvers/yup"; +import * as Yup from "yup"; + +const ContactForm = () => { + // for validation + const validationSchema = Yup.object().shape({ + firstName: Yup.string().required("First Name is required"), + lastName: Yup.string().required("Last name is required"), + sendMessage: Yup.string().required("Please,leave us a message."), + email: Yup.string() + .required("Email is required") + .email("Entered value does not match email format"), + }); + + const formOptions = { resolver: yupResolver(validationSchema) }; + // get functions to build form with useForm() hook + const { register, handleSubmit, formState } = useForm(formOptions); + const { errors } = formState; + + function onSubmit(data, e) { + // display form data on success + console.log("Message submited: " + JSON.stringify(data)); + e.target.reset(); + } + + return ( +
    +
    +
    +
    +
    + + + {errors.firstName && ( +
    + {errors.firstName?.message} +
    + )} +
    +
    + {/* End .col */} + +
    +
    + + + {errors.lastName && ( +
    {errors.lastName?.message}
    + )} +
    +
    + {/* End .col */} + +
    +
    + + + {errors.email && ( +
    {errors.email?.message}
    + )} +
    +
    + {/* End .col */} + +
    +
    + + + {errors.sendMessage && ( +
    + {errors.sendMessage?.message} +
    + )} +
    +
    + {/* End .col */} + +
    + +
    + {/* End .col */} +
    +
    + ); +}; + +export default ContactForm; diff --git a/components/contact/form/LoginForm.jsx b/components/contact/form/LoginForm.jsx new file mode 100644 index 0000000..83254ad --- /dev/null +++ b/components/contact/form/LoginForm.jsx @@ -0,0 +1,104 @@ +'use client' + + + + +import React, { useState } from "react"; +import { useForm } from "react-hook-form"; +import { yupResolver } from "@hookform/resolvers/yup"; +import * as Yup from "yup"; +import Image from "next/image"; + +const LoginForm = () => { + // for password show hide + const [passwordShown, setPasswordShown] = useState(false); + const togglePasswordVisiblity = () => { + setPasswordShown(passwordShown ? false : true); + }; + + // for validation + const validationSchema = Yup.object().shape({ + email: Yup.string() + .required("Email is required") + .email("Entered value does not match email format"), + password: Yup.string().required("Password is required"), + }); + + const formOptions = { resolver: yupResolver(validationSchema) }; + // get functions to build form with useForm() hook + const { register, handleSubmit, formState } = useForm(formOptions); + const { errors } = formState; + + function onSubmit(data, e) { + // display form data on success + console.log("Message submited: " + JSON.stringify(data)); + e.target.reset(); + } + + return ( + <> +
    +
    +
    +
    + + + {errors.email && ( +
    {errors.email?.message}
    + )} +
    +
    +
    +
    + + + {errors.password && ( +
    + {errors.password?.message} +
    + )} + + + ico + + +
    +
    +
    +
    +
    + + +
    +
    + {/* /.agreement-checkbox */} +
    +
    + +
    +
    +
    + + ); +}; + +export default LoginForm; diff --git a/components/contact/form/SignUpForm.jsx b/components/contact/form/SignUpForm.jsx new file mode 100644 index 0000000..78fb89e --- /dev/null +++ b/components/contact/form/SignUpForm.jsx @@ -0,0 +1,185 @@ +'use client' + +import React, { useState } from "react"; +import { useForm } from "react-hook-form"; +import { yupResolver } from "@hookform/resolvers/yup"; +import * as Yup from "yup"; +import Image from "next/image"; + +const SignUpForm = () => { + // for password show hide + const [passwordShown, setPasswordShown] = useState(false); + const togglePasswordVisiblity = () => { + setPasswordShown(passwordShown ? false : true); + }; + + // for Re password show hide + const [rePasswordShown, setRePasswordShown] = useState(false); + const toggleRePasswordVisiblity = () => { + setRePasswordShown(rePasswordShown ? false : true); + }; + + // for validation + const validationSchema = Yup.object().shape({ + name: Yup.string().required("Name is required"), + email: Yup.string() + .required("Email is required") + .email("Entered value does not match email format"), + password: Yup.string() + .min(6, "Password must be at least 6 characters") + .required("Password is required"), + confirmPassword: Yup.string() + .oneOf([Yup.ref("password"), null], "Passwords must match") + .required("Confirm Password is required"), + acceptTerms: Yup.bool().oneOf( + [true], + "Accept Terms and Conditions is required" + ), + }); + + const formOptions = { resolver: yupResolver(validationSchema) }; + // get functions to build form with useForm() hook + const { register, handleSubmit, formState } = useForm(formOptions); + const { errors } = formState; + + function onSubmit(data, e) { + // display form data on success + console.log("Message submited: " + JSON.stringify(data)); + e.target.reset(); + } + + return ( + <> +
    +
    +
    +
    + + + + {errors.name && ( +
    {errors.name?.message}
    + )} +
    +
    +
    +
    + + + + {errors.email && ( +
    {errors.email?.message}
    + )} +
    +
    +
    +
    + + + {errors.password && ( +
    + {errors.password?.message} +
    + )} + {/* End error msg */} + + + image + + + {/* End placeholder icon */} +
    +
    +
    +
    + + + {errors.confirmPassword && ( +
    + {errors.confirmPassword?.message} +
    + )} + {/* End error msg */} + + + image + + + {/* End placeholder icon */} +
    +
    +
    +
    +
    + + + + {errors.acceptTerms && ( +
    + {errors.acceptTerms?.message} +
    + )} +
    +
    + {/* /.agreement-checkbox */} +
    +
    + +
    + {/* End .col */} +
    +
    + + ); +}; + +export default SignUpForm; diff --git a/components/counter/CounterFive.jsx b/components/counter/CounterFive.jsx new file mode 100644 index 0000000..a8478ca --- /dev/null +++ b/components/counter/CounterFive.jsx @@ -0,0 +1,84 @@ + + +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + startCount: "0", + endCount: "1500", + endPointText: "+", + countMeta: "Positive Review", + meta: "A place to think and track ideas", + animationDelay: "0", + }, + { + startCount: "0", + endCount: "200", + endPointText: "+", + countMeta: "Branches", + meta: "A home for your iqu team, best", + animationDelay: "100", + }, + { + startCount: "0", + endCount: "2", + endPointText: "k+", + countMeta: "Work Done", + meta: "Beautiful docs for your APIs, Products", + animationDelay: "200", + }, +]; + +const CounterFive = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + + + {val.endPointText} +

    + {val.countMeta} +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterFive; diff --git a/components/counter/CounterFiveColored.jsx b/components/counter/CounterFiveColored.jsx new file mode 100644 index 0000000..eab98bf --- /dev/null +++ b/components/counter/CounterFiveColored.jsx @@ -0,0 +1,82 @@ +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + startCount: "0", + endCount: "1200", + endPointText: "+", + countMeta: "Positive Review", + meta: "A place to think and track ideas", + animationDelay: "0", + }, + { + startCount: "0", + endCount: "200", + endPointText: "+", + countMeta: "Branches", + meta: "A home for your iqu team, best", + animationDelay: "100", + }, + { + startCount: "0", + endCount: "3", + endPointText: "k+", + countMeta: "Work Done", + meta: "Beautiful docs for your APIs, Products", + animationDelay: "200", + }, +]; + +const CounterFiveColored = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + + + {val.endPointText} +

    + {val.countMeta} +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterFiveColored; diff --git a/components/counter/CounterFour.jsx b/components/counter/CounterFour.jsx new file mode 100644 index 0000000..22f90be --- /dev/null +++ b/components/counter/CounterFour.jsx @@ -0,0 +1,78 @@ +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + startCount: "0", + endCount: "5", + endPointText: "", + meta: "Positive review and counting", + animationDelay: "0", + }, + { + startCount: "0", + endCount: "29", + endPointText: "k", + meta: "Subscirber trust on our services", + animationDelay: "100", + }, + { + startCount: "0", + endCount: "73", + endPointText: "k+", + meta: "Order complete successfully", + animationDelay: "200", + }, +]; + +const CounterFour = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + + + {val.endPointText} +

    +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterFour; diff --git a/components/counter/CounterOne.jsx b/components/counter/CounterOne.jsx new file mode 100644 index 0000000..5278c54 --- /dev/null +++ b/components/counter/CounterOne.jsx @@ -0,0 +1,77 @@ +'use client' + + + +import Image from "next/image"; +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + startCount: "0", + endCount: "13", + meta: "Projects", + colorClass: "color-one", + }, + { + startCount: "0", + endCount: "3", + meta: "Workers", + colorClass: "color-two", + }, + { + startCount: "0", + endCount: "123", + meta: "Offices", + colorClass: "color-three", + }, +]; + +const CounterOne = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + {" "} + {" "} + k +

    +

    {val.meta}

    +
    + ))} + +
    +
    +
    +
    +
    +
    +
    + image +
    + ); +}; + +export default CounterOne; diff --git a/components/counter/CounterSix.jsx b/components/counter/CounterSix.jsx new file mode 100644 index 0000000..d717fb1 --- /dev/null +++ b/components/counter/CounterSix.jsx @@ -0,0 +1,82 @@ +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + startCount: "0", + endCount: "13", + endPointText: "k", + meta: "Job done successfully", + animationDelay: "0", + bgColor: "#25E5DA", + }, + { + startCount: "0", + endCount: "20", + endPointText: "million", + meta: "3,280 avg rating", + animationDelay: "100", + bgColor: "#FF36AF", + }, + { + startCount: "0", + endCount: "3000", + endPointText: "+", + meta: "Using Deski", + animationDelay: "200", + bgColor: "#FFB13A", + }, +]; + +const CounterSix = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + + + {val.endPointText} +

    +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterSix; diff --git a/components/counter/CounterThree.jsx b/components/counter/CounterThree.jsx new file mode 100644 index 0000000..30ecea8 --- /dev/null +++ b/components/counter/CounterThree.jsx @@ -0,0 +1,77 @@ +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; +import Image from "next/image"; +const counterUpContent = [ + { + icon: "23", + startCount: "0", + endCount: "13", + meta: "Ticket Sold", + }, + { + icon: "24", + startCount: "0", + endCount: "3000", + meta: "Event organisers", + }, + { + icon: "25", + startCount: "0", + endCount: "134", + meta: "Countries", + }, +]; + +const CounterThree = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + {" "} + {" "} + m +

    +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterThree; diff --git a/components/counter/CounterThreeColored.jsx b/components/counter/CounterThreeColored.jsx new file mode 100644 index 0000000..f71b39f --- /dev/null +++ b/components/counter/CounterThreeColored.jsx @@ -0,0 +1,77 @@ +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; +import Image from "next/image"; +const counterUpContent = [ + { + icon: "31", + startCount: "0", + endCount: "13", + meta: "Ticket Sold", + }, + { + icon: "32", + startCount: "0", + endCount: "3000", + meta: "Event organisers", + }, + { + icon: "33", + startCount: "0", + endCount: "134", + meta: "Countries", + }, +]; + +const CounterThreeColored = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + {" "} + {" "} + m +

    +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterThreeColored; diff --git a/components/counter/CounterTwo.jsx b/components/counter/CounterTwo.jsx new file mode 100644 index 0000000..f1a39e0 --- /dev/null +++ b/components/counter/CounterTwo.jsx @@ -0,0 +1,78 @@ +'use client' + + + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + startCount: "0", + endCount: "3", + endPointText: "k", + meta: "Job done successfully", + animationDelay: "0", + }, + { + startCount: "0", + endCount: "20", + endPointText: "million", + meta: "3,280 avg rating", + animationDelay: "100", + }, + { + startCount: "0", + endCount: "3000", + endPointText: "+", + meta: "Using Deski", + animationDelay: "200", + }, +]; + +const CounterTwo = () => { + const [focus, setFocus] = React.useState(false); + return ( +
    + {counterUpContent.map((val, i) => ( +
    +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + + + {val.endPointText} +

    +

    {val.meta}

    +
    +
    + ))} +
    + ); +}; + +export default CounterTwo; diff --git a/components/docs/DocScrollNav.jsx b/components/docs/DocScrollNav.jsx new file mode 100644 index 0000000..791b474 --- /dev/null +++ b/components/docs/DocScrollNav.jsx @@ -0,0 +1,49 @@ +'use client' + + + +import React from 'react' +import ScrollspyNav from 'react-scrollspy-nav' + +export default function DocScrollNav() { + return ( + + ) +} diff --git a/components/docs/DocScrollNavTwo.jsx b/components/docs/DocScrollNavTwo.jsx new file mode 100644 index 0000000..203921e --- /dev/null +++ b/components/docs/DocScrollNavTwo.jsx @@ -0,0 +1,48 @@ + +'use client' + +import ScrollspyNav from 'react-scrollspy-nav' +import React from 'react' + +export default function DocScrollNavTwo() { + return ( + + ) +} diff --git a/components/docs/DocSidebar.jsx b/components/docs/DocSidebar.jsx new file mode 100644 index 0000000..095599e --- /dev/null +++ b/components/docs/DocSidebar.jsx @@ -0,0 +1,50 @@ + + +'use client' +import React, { useState } from "react"; + +import DocSidebarContent from "./DocSidebarContent"; +import Image from "next/image"; + +export default function DocSidebar() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + return ( +
    +
    +
    + +
    + {/* End Header */} +
    + + {/* /.doc-links */} +
    + ) +} diff --git a/components/docs/DocSidebarContent.jsx b/components/docs/DocSidebarContent.jsx new file mode 100644 index 0000000..ea66c77 --- /dev/null +++ b/components/docs/DocSidebarContent.jsx @@ -0,0 +1,191 @@ + +'use client' + +import React from "react"; + +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; +import HeaderThree from "../header/HeaderThree"; + +const FaqContent = [ + { + title: " Getting Started", + sidebarContent: [ + { + itemName: "Quick start", + activeClass: "", + link: "", + }, + { + itemName: " Installation", + activeClass: "active", + link: "", + }, + { + itemName: "Site Preparation", + activeClass: "", + link: "", + }, + { + itemName: "Manual Installation", + activeClass: "", + link: "", + }, + { + itemName: "Publishing your site", + activeClass: "", + link: "", + }, + { + itemName: "Deski", + activeClass: "", + link: "", + }, + ], + expand: "a", + }, + { + title: " Customization", + sidebarContent: [ + { + itemName: "Theme color", + activeClass: "", + link: "", + }, + { + itemName: " Header", + activeClass: "", + link: "", + }, + { + itemName: "Blog widget", + activeClass: "", + link: "", + }, + { + itemName: "Theme Footer", + activeClass: "", + link: "", + }, + ], + expand: "b", + }, + + { + title: "Layout", + sidebarContent: [ + { + itemName: "Box Layout", + activeClass: "", + link: "", + }, + { + itemName: "Full width Layout", + activeClass: "", + link: "", + }, + ], + expand: "c", + }, + + { + title: "Table of Content", + sidebarContent: [ + { + itemName: "HTML Structure", + activeClass: "", + link: "", + }, + { + itemName: "Favicon Settings", + activeClass: "", + link: "", + }, + { + itemName: "Logo Settings", + activeClass: "", + link: "", + }, + { + itemName: "CSS Structure", + activeClass: "", + link: "", + }, + ], + expand: "d", + }, + + { + title: "API", + sidebarContent: [ + { + itemName: "Getting started", + activeClass: "", + link: "", + }, + { + itemName: " Subscriptions", + activeClass: "", + link: "", + }, + { + itemName: "Invoices", + activeClass: "", + link: "", + }, + { + itemName: "Refunds", + activeClass: "", + link: "", + }, + ], + expand: "e", + }, +]; + +const DocSidebarContent = () => { + return ( +
    + + {/* End Page SEO Content */} + + {/* End Header */} + +
    + + {FaqContent.map((item, i) => ( + + + +

    + {" "} +

    +     +     + {/* Accordion Heading */} + + + + {/* Accordion Body Content */} +     + ))} +     +
    +
    + ); +}; + +export default DocSidebarContent; diff --git a/components/docs/DocSidebarThree.jsx b/components/docs/DocSidebarThree.jsx new file mode 100644 index 0000000..d5afe9f --- /dev/null +++ b/components/docs/DocSidebarThree.jsx @@ -0,0 +1,49 @@ + + +'use client' +import React, { useState } from "react"; +import Image from "next/image"; +import DocSidebarContent from "./DocSidebarContent"; + +export default function DocSidebarThree() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + return ( +
    +
    +
    + +
    + {/* End Header */} +
    + + {/* /.doc-links */} +
    + ) +} diff --git a/components/e-commerce/BestSelling.jsx b/components/e-commerce/BestSelling.jsx new file mode 100644 index 0000000..55218d4 --- /dev/null +++ b/components/e-commerce/BestSelling.jsx @@ -0,0 +1,86 @@ +'use client' +import Image from "next/image"; + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Link from "next/link"; +import { bestSellingItem } from "@/data/products"; + +const BestSelling = () => { + const settings = { + dots: false, + arrows: false, + centerPadding: "0", + slidesToShow: 4, + slidesToScroll: 1, + autoplay: true, + autoplaySpeed: 3000, + responsive: [ + { + breakpoint: 1200, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 768, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + + + return ( + <> + + {bestSellingItem.map((item) => ( +
    +
    +
    + + shop + + + + +
    + {/* */} +
    +
      + {item.ratings} +
    + + {item.title} + + +
    ${item.price}
    +
    + {/* */} +
    + {/* */} +
    + ))} +     + + ); +}; + +export default BestSelling; diff --git a/components/e-commerce/CallToAction.jsx b/components/e-commerce/CallToAction.jsx new file mode 100644 index 0000000..1fb23fb --- /dev/null +++ b/components/e-commerce/CallToAction.jsx @@ -0,0 +1,50 @@ +'use client' + + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const CallToAction = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + + return ( +
    +
    +
    +
    +

    Signup & get 20% flat dicount

    +

    + Receive offers, product alerts, styling inspiration and more. By + signing up, you agree to our Privacy Policy. +

    +
    +
    + {/* End .col */} + +
    +
    +
    + + +
    +

    + Already a member?{" "} + + Sign in. + +

    +
    + {/* */} +
    + {/* End .col */} +
    +
    + ); +}; + +export default CallToAction; diff --git a/components/e-commerce/CartDropdown.jsx b/components/e-commerce/CartDropdown.jsx new file mode 100644 index 0000000..061466a --- /dev/null +++ b/components/e-commerce/CartDropdown.jsx @@ -0,0 +1,62 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +import { useContextElement } from "@/context/Context"; +const CartDropdown = () => { + const {cartProducts,totalPrice} = useContextElement() + return ( + <> + {cartProducts.length ? +
      + + {cartProducts.map((item,i)=> +
    • + + cart + +
      + + {item.name} + +
      + ${item.price.toFixed(2)} x {item.quantity} +
      +
      + {/* */} +
      • )} + {/* */} + + + {/* */} +
    :
    Cart is empty
    } + {/* */} + +
    +
    Subtotal
    +
    ${totalPrice.toFixed(2)}
    +
    +
      + {cartProducts.length ? <> +
    • + + View Cart + +
      • +
    • + + Checkout + +
      • :
    • + + Continue Shoping + +
      • } +
    + + ); +}; + +export default CartDropdown; diff --git a/components/e-commerce/Categorie.jsx b/components/e-commerce/Categorie.jsx new file mode 100644 index 0000000..861317a --- /dev/null +++ b/components/e-commerce/Categorie.jsx @@ -0,0 +1,55 @@ +import React from "react"; + +const Categorie = () => { + const categorieContent = [ + { + id: 1, + bgImage: "url(/images/shop/img_04.png)", + title: "Kids", + delayAnimation: "0", + }, + { + id: 2, + bgImage: "url(/images/shop/img_05.png)", + title: "Woman", + delayAnimation: "100", + }, + { + id: 3, + bgImage: "url(/images/shop/img_06.png)", + title: "Man", + delayAnimation: "200", + }, + { + id: 4, + bgImage: "url(/images/shop/img_07.png)", + title: "Others", + delayAnimation: "300", + }, + ]; + return ( + <> + {categorieContent.map((item) => ( +
    +
    +

    {item.title}

    + + Shop Now + +
    + {/* */} +
    + ))} + + ); +}; + +export default Categorie; diff --git a/components/e-commerce/FancyBlock.jsx b/components/e-commerce/FancyBlock.jsx new file mode 100644 index 0000000..7e379e3 --- /dev/null +++ b/components/e-commerce/FancyBlock.jsx @@ -0,0 +1,58 @@ +import React from "react"; +import Image from "next/image"; +const FancyBlock = () => { + const fancyBlockCotent = [ + { + id: 1, + icon: "203", + title: "Free Shipping", + text: `Simplify the process to create proposals.`, + delayAnim: "0", + }, + { + id: 2, + icon: "204", + title: "Free Return", + text: `Return money within 7 days only!`, + delayAnim: "100", + }, + { + id: 3, + icon: "205", + title: "Secured Payment", + text: `We ensure secure payment with PEV`, + delayAnim: "200", + }, + { + id: 4, + icon: "206", + title: "100% Safe", + text: `We provide world best security system`, + delayAnim: "300", + }, + ]; + + return ( + <> + {fancyBlockCotent.map((item) => ( +
    +
    +
    + icon +
    +

    {item.title}

    +

    {item.text}

    +
    + {/* */} +
    + ))} + + ); +}; + +export default FancyBlock; diff --git a/components/e-commerce/FlashSaleBanner.jsx b/components/e-commerce/FlashSaleBanner.jsx new file mode 100644 index 0000000..8eb545a --- /dev/null +++ b/components/e-commerce/FlashSaleBanner.jsx @@ -0,0 +1,25 @@ +import React from "react"; + +const FlashSaleBanner = () => { + return ( +
    +
    +
    45% Off
    +
    FLASH SALE
    +

    + Summer hit
    collection sale go on... +

    +

    Event will be continue till 23 Aug

    + + Shop Now + +
    +
    +
    + ); +}; + +export default FlashSaleBanner; diff --git a/components/e-commerce/GalleryBox.jsx b/components/e-commerce/GalleryBox.jsx new file mode 100644 index 0000000..2bdb2a7 --- /dev/null +++ b/components/e-commerce/GalleryBox.jsx @@ -0,0 +1,58 @@ +'use client' +import Image from "next/image"; +import React from "react"; +import { Gallery, Item } from "react-photoswipe-gallery"; + +const GalleryBox = () => { + const gridGallery = [ + { + id: 1, + img: "/images/media/img_126.jpg", + }, + { + id: 2, + img: "/images/media/img_127.jpg", + }, + { + id: 3, + img: "/images/media/img_128.jpg", + }, + { + id: 4, + img: "/images/media/img_129.jpg", + }, + ]; + return ( + +
    + {gridGallery.map((val) => ( +
    +
    + + {({ ref, open }) => ( +
    + Trend Ui Gallery +
    + )} +     +
    +
    + ))} +
    +     + ); +}; + +export default GalleryBox; diff --git a/components/e-commerce/Header.jsx b/components/e-commerce/Header.jsx new file mode 100644 index 0000000..97ea2d6 --- /dev/null +++ b/components/e-commerce/Header.jsx @@ -0,0 +1,115 @@ +'use client' + +import React, { useState , useEffect } from "react"; +import Link from "next/link"; +import CartDropdown from "./CartDropdown"; +import Sidebar from "./Sidebar"; +import Image from "next/image"; +import { useContextElement } from "@/context/Context"; + +const Header = () => { + const [navbar, setNavbar] = useState(false); + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [click2, setClick2] = useState(false); + const handleClick2 = () => setClick2(!click2); + + const {cartProducts} = useContextElement() + + const changeBackground = () => { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + }; + useEffect(() => { + + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + return ( +
    +
    +
    + + brand + +
    + +
    + + icon + login + + +
    + +
    + +
    +
    + {/* End .cart-group-wrapper */} + + + {/* sidebar nav toggle button */} + +
    +
    +
    + + brand + +
    + {/* End logo */} + + +
    + {/* offcanvas-header */} + + +
    + {/* main-sidebar-nav */} +
    + {/* */} +
    +
    + ); +}; + +export default Header; diff --git a/components/e-commerce/Hero.jsx b/components/e-commerce/Hero.jsx new file mode 100644 index 0000000..7c70f0c --- /dev/null +++ b/components/e-commerce/Hero.jsx @@ -0,0 +1,50 @@ +import React from "react"; +import Image from "next/image"; +const Hero = () => { + return ( +
    +
    +
    +
    +
    +

    + New Wineter Item. +

    +

    + We helping client to create websites with our talented expert. +

    + +
    +
    + {/* End .row */} + +
    + image +
    + 30% + OFF +
    +
    + {/* End .product-img-holder */} +
    +
    +
    + ); +}; + +export default Hero; diff --git a/components/e-commerce/Sidebar.jsx b/components/e-commerce/Sidebar.jsx new file mode 100644 index 0000000..2dad1b6 --- /dev/null +++ b/components/e-commerce/Sidebar.jsx @@ -0,0 +1,23 @@ +'use client' + + + +import MobileMenu from "../header/MobileMenu"; + + + +const Sidebar = () => { + + return ( +
    +
    +
    + + +
    +
    +
    + ); +}; + +export default Sidebar; diff --git a/components/e-commerce/TopItem.jsx b/components/e-commerce/TopItem.jsx new file mode 100644 index 0000000..c544658 --- /dev/null +++ b/components/e-commerce/TopItem.jsx @@ -0,0 +1,87 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Link from "next/link"; +import { topItemContent } from "@/data/products"; + +const TopItem = () => { + const settings = { + dots: false, + arrows: false, + centerPadding: "0", + slidesToShow: 4, + slidesToScroll: 1, + autoplay: true, + autoplaySpeed: 3000, + responsive: [ + { + breakpoint: 1200, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 768, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + + + return ( + <> + + {topItemContent.map((item) => ( +
    +
    +
    + + shop product + + + + +
    {item.tag}
    +
    + {/* */} + +
    +
    + + {item.title} + +
      {item.ratings}
    +
    +
    ${item.price.toFixed(2)}
    +
    + {/* */} +
    + {/* */} +
    + ))} +     + + ); +}; + +export default TopItem; diff --git a/components/e-commerce/cart/CartProduct.jsx b/components/e-commerce/cart/CartProduct.jsx new file mode 100644 index 0000000..5a4544e --- /dev/null +++ b/components/e-commerce/cart/CartProduct.jsx @@ -0,0 +1,107 @@ + +'use client' + + +import React from "react"; +import Image from "next/image"; +import { useContextElement } from "@/context/Context"; +import Link from "next/link"; +const CartProduct = () => { + + const {cartProducts, + setCartProducts} = useContextElement() + const handleIncrease = (index) => { + const item = cartProducts[index]; + + item.quantity += 1; + const updated = [...cartProducts]; + updated[index] = item; + + setCartProducts(updated); + }; + const handleDecrease = (index) => { + const item = cartProducts[index]; + + if (item.quantity > 1) { + item.quantity -= 1; + const updated = [...cartProducts]; + updated[index] = item; + + setCartProducts(updated); + } + }; + + const handleRemoveCart = (index) => { + const item = cartProducts[index]; + + setCartProducts((pre) => [...pre.filter((elm) => elm !== item)]); + }; + return ( + <> + + {cartProducts.map((elm,i)=> + + + + image + + + + + {elm.title} + +
    #859632007881
    +
      +
    • Size: 23”
      • +
    • Color: Red
      • +
    + + + ${elm.price.toFixed(2)} + + +
      +
    • +
      handleDecrease(i)} className="btn value-decrease">-
      +
      • +
    • + +
      • +
    • +
      handleIncrease(i)} className="btn value-increase">+
      +
      • +
    + + + ${(elm.price * elm.quantity).toFixed(2)} + + + handleRemoveCart(i)} className="remove-product"> + x + + + )} + + + {cartProducts.length ? <> + : } + + + + + + ); +}; + +export default CartProduct; diff --git a/components/e-commerce/cart/CartTotal.jsx b/components/e-commerce/cart/CartTotal.jsx new file mode 100644 index 0000000..3ac6450 --- /dev/null +++ b/components/e-commerce/cart/CartTotal.jsx @@ -0,0 +1,32 @@ +import React from "react"; +import Link from "next/link"; +import { useContextElement } from "@/context/Context"; +const CartTotal = () => { + const {totalPrice,cartProducts} = useContextElement() + return ( + <> + + + + + + + + + + + + + + + +
    Subtotal${totalPrice.toFixed(2)}
    Shipping Cost${(cartProducts.length * 10).toFixed(2)}
    Total${((cartProducts.length * 10) + (totalPrice)).toFixed(2)}
    + {/* */} + + Checkout + + + ); +}; + +export default CartTotal; diff --git a/components/e-commerce/cart/Coupon.jsx b/components/e-commerce/cart/Coupon.jsx new file mode 100644 index 0000000..7ad0223 --- /dev/null +++ b/components/e-commerce/cart/Coupon.jsx @@ -0,0 +1,27 @@ +'use client' + +import { useContextElement } from "@/context/Context"; +import React from "react"; + +const Coupon = () => { + const {cartProducts} = useContextElement() + return ( +
    + {!cartProducts.length ? <> : +
    + + +
    } + {/* */} +
    + +
    +
    + ); +}; + +export default Coupon; diff --git a/components/e-commerce/checkout/BillingDetails.jsx b/components/e-commerce/checkout/BillingDetails.jsx new file mode 100644 index 0000000..18cde0f --- /dev/null +++ b/components/e-commerce/checkout/BillingDetails.jsx @@ -0,0 +1,106 @@ +import React from "react"; + +const BillingDetails = () => { + return ( +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
      +
    • + + +
      • +
    • + + +
      • +
    +
    +
    +
    +

    Order Note (Optional)

    + +
    + {/* */} +
    +
    + {/* */} +
    + ); +}; + +export default BillingDetails; diff --git a/components/e-commerce/checkout/CreditCard.jsx b/components/e-commerce/checkout/CreditCard.jsx new file mode 100644 index 0000000..81ce763 --- /dev/null +++ b/components/e-commerce/checkout/CreditCard.jsx @@ -0,0 +1,26 @@ +import React from "react"; + +const CreditCard = () => { + return ( +
    +
    +
    Card number
    + +
    +
    +
    Expiry date
    +
    + + / + +
    +
    +
    +
    CVV
    + +
    +
    + ); +}; + +export default CreditCard; diff --git a/components/e-commerce/checkout/LogIn.jsx b/components/e-commerce/checkout/LogIn.jsx new file mode 100644 index 0000000..5893299 --- /dev/null +++ b/components/e-commerce/checkout/LogIn.jsx @@ -0,0 +1,46 @@ +'use client' + +import React, { useState } from "react"; + +const LogIn = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + + const handleSubmit = (event) => { + event.preventDefault(); + }; + + return ( +
    +

    + Already have an account?{" "} + +

    + +
    +

    Please enter your details below.

    +
    +
    + +
    +
    + +
    +
    + + + + Lost your Password? + +
    +
    + ); +}; + +export default LogIn; diff --git a/components/e-commerce/checkout/OrderDetails.jsx b/components/e-commerce/checkout/OrderDetails.jsx new file mode 100644 index 0000000..27001e0 --- /dev/null +++ b/components/e-commerce/checkout/OrderDetails.jsx @@ -0,0 +1,46 @@ +import React from "react"; + +const OrderDetails = () => { + return ( + + + + + + + + + + + + + + + + + + + + + +
    + Bluthooth Speaker + + $123.78 +
    + Subtotal + + $123.78 +
    + Shipping + + $5.00 +
    + Total + + $128.00 +
    + ); +}; + +export default OrderDetails; diff --git a/components/e-commerce/checkout/Payment.jsx b/components/e-commerce/checkout/Payment.jsx new file mode 100644 index 0000000..4c98973 --- /dev/null +++ b/components/e-commerce/checkout/Payment.jsx @@ -0,0 +1,76 @@ +'use client' + +import React, { useState } from "react"; +import CreditCard from "./CreditCard"; + +const Payment = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + + return ( +
    + {/* */} +
    +
      +
    • + + +

      + Make your payment directly into our account. Plase use your Order + ID as payment reference. +

      +
      • +
    • + + +
      • +
    • + + +
      • +
    • + +
      • +
    + {/* */} +
    + {/* */} + +

    + Your personal data will be use for your order, support your experience + through this website & for other purpose described in our privacy policy +

    +
    + + +
    + {/* */} + + +
    + ); +}; + +export default Payment; diff --git a/components/e-commerce/checkout/PromoCode.jsx b/components/e-commerce/checkout/PromoCode.jsx new file mode 100644 index 0000000..3ed3c73 --- /dev/null +++ b/components/e-commerce/checkout/PromoCode.jsx @@ -0,0 +1,34 @@ +'use client' + +import React, { useState } from "react"; + +const PromoCode = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + + const handleSubmit = (event) => { + event.preventDefault(); + }; + + return ( +
    +

    + Have a promo code?{" "} + +

    +
    +

    Please enter your promo code below.

    + + +
    +
    + ); +}; + +export default PromoCode; diff --git a/components/e-commerce/product-details/BreadCrumb.jsx b/components/e-commerce/product-details/BreadCrumb.jsx new file mode 100644 index 0000000..c725c9a --- /dev/null +++ b/components/e-commerce/product-details/BreadCrumb.jsx @@ -0,0 +1,23 @@ +import React from "react"; +import Link from "next/link"; + +const BreadCrumb = ({data}) => { + return ( + + ); +}; + +export default BreadCrumb; diff --git a/components/e-commerce/product-details/Colors.jsx b/components/e-commerce/product-details/Colors.jsx new file mode 100644 index 0000000..09244f3 --- /dev/null +++ b/components/e-commerce/product-details/Colors.jsx @@ -0,0 +1,47 @@ +import React from "react"; + +const Colors = () => { + return ( +
      +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    + ); +}; + +export default Colors; diff --git a/components/e-commerce/product-details/ProductFratureBlock.jsx b/components/e-commerce/product-details/ProductFratureBlock.jsx new file mode 100644 index 0000000..32c727c --- /dev/null +++ b/components/e-commerce/product-details/ProductFratureBlock.jsx @@ -0,0 +1,67 @@ +import Image from "next/image"; +import React from "react"; + +const ProductFratureBlock = () => { + return ( + <> +
    +
    +
    + image +
    +

    Free Shipping

    +

    + Simplify the process to create proposals. +

    +
    + {/* */} +
    +
    +
    +
    + image +
    +

    Free Return

    +

    Return money within 7 days only!

    +
    + {/* */} +
    +
    +
    +
    + image +
    +

    Secured Payment

    +

    We ensure secure payment with PEV

    +
    + {/* */} +
    +
    +
    +
    + image +
    +

    100% Safe

    +

    + We provide world best security system +

    +
    + {/* */} +
    + + ); +}; + +export default ProductFratureBlock; diff --git a/components/e-commerce/product-details/ProductGallery.jsx b/components/e-commerce/product-details/ProductGallery.jsx new file mode 100644 index 0000000..2437e91 --- /dev/null +++ b/components/e-commerce/product-details/ProductGallery.jsx @@ -0,0 +1,135 @@ +'use client' +import Image from "next/image"; +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import ProductGalleryContent from "./ProductGalleryContent"; +import { Gallery, Item } from "react-photoswipe-gallery"; + +const ProductGallery = ({data}) => { + return ( + + +
    +
    +
    + +
    + + {({ ref, open }) => ( +
    + Gallery +
    + )} +     +
    +     + {/* End tabpanel */} + + +
    + + {({ ref, open }) => ( +
    + Gallery +
    + )} +     +
    +     + {/* End tabpanel */} + + +
    + + {({ ref, open }) => ( +
    + Gallery +
    + )} +     +
    +     +
    +
    + {/* End larget gallery */} + +
    + + + + + + + + + + + +
    + {/* End thumb gallery */} + +
    + +
    + {/* End product gallery content */} +
    +     +     + ); +}; + +export default ProductGallery; diff --git a/components/e-commerce/product-details/ProductGalleryContent.jsx b/components/e-commerce/product-details/ProductGalleryContent.jsx new file mode 100644 index 0000000..b33192e --- /dev/null +++ b/components/e-commerce/product-details/ProductGalleryContent.jsx @@ -0,0 +1,93 @@ + +'use client' + +import React from "react"; +import Link from "next/link"; +import Colors from "./Colors"; +import Quantity from "./Quantity"; +import Size from "./Size"; +import { useContextElement } from "@/context/Context"; +const ProductGalleryContent = ({data}) => { + const {addProductToCart, + isAddedToCartProducts,} = useContextElement() + return ( +
    +
    In Stock
    +

    {data.title}

    + +
    ${Math.round(data.price - 3).toFixed(2)} - ${Math.round(data.price + 3).toFixed(2)}
    +

    38 Piece Available

    +

    + Tote bag gochujang dreamcatcher fanny pack ban cold-pressed. Vape mlkshk + sriracha marfa.{" "} +

    +
      +
    • Free delivery available
      • +
    • Use promo-code and save up to 25%
      • +
    + +
    +
    +
    +
    +
    +
    +
    Quantity
    + +
    +
    + {/* End Quantity */} + +
    +
    +
    Colors
    + +
    +
    + {/* End colors */} + +
    +
    +
    Size
    + +
    +
    + {/* End Size */} +
    +
    +
    +
    + {/* */} + +
    + addProductToCart(data.id)} className="cart-btn mt-15 me-sm-4 d-block"> + {isAddedToCartProducts(data.id) ? View Cart:'Add to Cart'} + + + Add To wishlist + +
    +
    + ); +}; + +export default ProductGalleryContent; diff --git a/components/e-commerce/product-details/ProductTabContent.jsx b/components/e-commerce/product-details/ProductTabContent.jsx new file mode 100644 index 0000000..52f6c4f --- /dev/null +++ b/components/e-commerce/product-details/ProductTabContent.jsx @@ -0,0 +1,151 @@ +'use client' +import Image from "next/image"; +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; + +const ProductTabContent = () => { + return ( +
    + + + + + + + + + + + + + +
    + +
    +
    +
    Specifications:
    +

    + One touch of a red-hot stove is usually all we need to avoid + that . The same is true as we experience in emotional + sensation of stress from our first instances of social + rejection ridicule. +

    +
    +
    +
    Check product main features:
    +
      +
    • + Lorem ipsum best lightweight bra cool rejection avoid text +
      • +
    • Lightweight bras cool rejection quickly quis.
      • +
    • + We quickly learn to fear and automatically avoid potentially +
      • +
    +
    +
    +     + +
    +
    +
    Check product main features:
    +
      +
    • + Lorem ipsum best lightweight bra cool rejection avoid text +
      • +
    • Lightweight bras cool rejection quickly quis.
      • +
    • + We quickly learn to fear and automatically avoid potentially +
      • +
    +
    +
    +
    Specifications:
    +

    + One touch of a red-hot stove is usually all we need to avoid + that . The same is true as we experience in emotional + sensation of stress from our first instances of social + rejection ridicule. +

    +
    +
    +     + +
    +
    + image +
    +
    Rashed ka.
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +

    + One touch of a red-hot stove is usually all we need to avoid + that kind of discomfort in future. The same true we + experience the emotional sensation. +

    +
    + {/* */} +
    + {/* */} +
    + image +
    +
    Zubayer hasan
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +

    + One touch of a red-hot stove is usually all we need to avoid + that kind of discomfort in future. The same true we + experience the emotional sensation. +

    +
    + {/* */} +
    + {/* */} +
    +     +
    +     +
    + ); +}; + +export default ProductTabContent; diff --git a/components/e-commerce/product-details/Quantity.jsx b/components/e-commerce/product-details/Quantity.jsx new file mode 100644 index 0000000..9ae8277 --- /dev/null +++ b/components/e-commerce/product-details/Quantity.jsx @@ -0,0 +1,88 @@ + + +'use client' + +import { useContextElement } from "@/context/Context"; +import React from "react"; + +const Quantity = ({data}) => { + + const { cartProducts, setCartProducts , isAddedToCartProducts } = useContextElement(); + + const handleIncrease = () => { +const productQuantity = document.getElementById('productQuantity') +productQuantity.value = Number(productQuantity.value) + 1 + if (isAddedToCartProducts(data.id) ) { + + const cartItem = cartProducts.filter((elm)=>elm.id == data.id)[0] + const itemIndex = cartProducts.indexOf(cartItem) + const item = cartProducts[itemIndex]; + + item.quantity += 1; + const updated = [...cartProducts]; + updated[itemIndex] = item; + + + setCartProducts(updated); + } + }; + const handleQuantity = (e) => { + if (isAddedToCartProducts(data.id)) { + const cartItem = cartProducts.filter((elm)=>elm.id == data.id)[0] + const itemIndex = cartProducts.indexOf(cartItem) + const item = cartProducts[itemIndex]; + item.quantity = Number(e.target.value); + const updated = [...cartProducts]; + updated[itemIndex] = item; + + setCartProducts(updated); + } + } + const handleDecrease = () => { + const productQuantity = document.getElementById('productQuantity') + productQuantity.value = Number(productQuantity.value) - 1 + if (isAddedToCartProducts(data.id)) { + + const cartItem = cartProducts.filter((elm)=>elm.id == data.id)[0] + + + const itemIndex = cartProducts.indexOf(cartItem) + const item = cartProducts[itemIndex]; + + if (item.quantity > 1) { + item.quantity -= 1; + const updated = [...cartProducts]; + updated[itemIndex] = item; + + + setCartProducts(updated); + } } + }; + return ( +
    +
      +
    • + +
      • +
    • + elm.id == data.id)[0] ? cartProducts.filter((elm)=>elm.id == data.id)[0].quantity : "1"} + id="productQuantity" + + + onChange={handleQuantity} + className="product-value val" + /> +
      • +
    • + +
      • +
    +
    + ); +}; + +export default Quantity; diff --git a/components/e-commerce/product-details/RelatedProducts.jsx b/components/e-commerce/product-details/RelatedProducts.jsx new file mode 100644 index 0000000..e8ab3cb --- /dev/null +++ b/components/e-commerce/product-details/RelatedProducts.jsx @@ -0,0 +1,86 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Link from "next/link"; +import Image from "next/image"; +import { bestSellingItem } from "@/data/products"; +const RelatedProducts = () => { + const settings = { + dots: false, + arrows: false, + centerPadding: "0", + slidesToShow: 4, + slidesToScroll: 1, + autoplay: true, + autoplaySpeed: 3000, + responsive: [ + { + breakpoint: 1200, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 768, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + + + return ( + <> + + {bestSellingItem.map((item) => ( +
    +
    +
    + + shop + + + + +
    + {/* */} +
    +
      + {item.ratings} +
    + + {item.title} + + +
    ${item.price}
    +
    + {/* */} +
    + {/* */} +
    + ))} +     + + ); +}; + +export default RelatedProducts; diff --git a/components/e-commerce/product-details/Size.jsx b/components/e-commerce/product-details/Size.jsx new file mode 100644 index 0000000..9941efa --- /dev/null +++ b/components/e-commerce/product-details/Size.jsx @@ -0,0 +1,46 @@ +import React from "react"; + +const Size = () => { + return ( +
      +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    + ); +}; + +export default Size; diff --git a/components/e-commerce/product-details/SocialShare.jsx b/components/e-commerce/product-details/SocialShare.jsx new file mode 100644 index 0000000..25e9af6 --- /dev/null +++ b/components/e-commerce/product-details/SocialShare.jsx @@ -0,0 +1,42 @@ +'use client' + +import React, { useState } from "react"; + +const SocialShare = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + + return ( +
    + + +
    + +
    +
    + ); +}; + +export default SocialShare; diff --git a/components/fancy-features/FancyBanner.jsx b/components/fancy-features/FancyBanner.jsx new file mode 100644 index 0000000..eee4fca --- /dev/null +++ b/components/fancy-features/FancyBanner.jsx @@ -0,0 +1,81 @@ + +'use client' + + +import Image from "next/image"; +import React, { useState } from "react"; + +export default function FancyBanner() { + // For header select menu + const [selected, setSelected] = useState('') + const [click1, setClick1] = useState(false); + const handleClick1 = (elm) => {setClick1(!click1); + setSelected(elm)} + + return ( +
    +
    +
    +
    +
    +

    200k+ Customers have our deski.Try it now!

    +

    Try it risk free — we don’t charge cancellation fees.

    +
    + {/* /.title-style-six */} +
    +
    + {/* End .row */} +
    +
    + +
    +
    handleClick1('IOS & Android')} + > + icon + IOS & Android +
    +
    handleClick1('Mac & Windows')} + > + icon + Mac & Windows +
    +
    +
    +
    +
    + {/* /.container */} + shape + shape +
    + ) +} diff --git a/components/fancy-features/FancyFeature.jsx b/components/fancy-features/FancyFeature.jsx new file mode 100644 index 0000000..e8e1df5 --- /dev/null +++ b/components/fancy-features/FancyFeature.jsx @@ -0,0 +1,70 @@ +'use client' + +import Tilt from "react-parallax-tilt"; +import React from 'react' +import Image from "next/image"; + +export default function FancyFeature() { + return ( +
    +
    +
    +
    +
    +
    + Integrategration +
    +

    + Connect App
    with the Software you use. +

    +

    + Lorem ipsum dolor on adipisci elit io quis sed do eiusmod tem. +

    +
    + {/* /.title-style-six */} +
    + +
    +
    +
    +
    + +
    + logo +
    +     + +
    + logo +
    +     +
    + {/* End .col */} + +
    + +
    + logo +
    +     + +
    + logo + shape +
    +     +
    + {/* End .col */} +
    +
    + {/* /.right-side */} +
    +
    +
    +
    + ) +} diff --git a/components/fancy-features/FancyFeaturesTwo.jsx b/components/fancy-features/FancyFeaturesTwo.jsx new file mode 100644 index 0000000..4376062 --- /dev/null +++ b/components/fancy-features/FancyFeaturesTwo.jsx @@ -0,0 +1,82 @@ + + +'use client' + +import Image from "next/image"; +import React, { useState } from "react"; + + + + +export default function FancyFeaturesTwo() { + const [click1, setClick1] = useState(false); + const [selected, setSelected] = useState('') + const handleClick1 = (elm) => {setClick1(!click1); + setSelected(elm)} + + return ( +
    +
    +
    +
    +
    +

    + 200k+ Customers have our deski.Try it now! +

    +

    Try it risk free — we don’t charge cancellation fees.

    +
    + {/* /.title-style-six */} +
    +
    +
    +
    + +
    +
    handleClick1('IOS & Android')} + > + icon + IOS & Android +
    +
    handleClick1('Mac & Windows')} + > + icon + Mac & Windows +
    +
    +
    +
    +
    + {/* /.container */} + shape + shape +
    + ) +} diff --git a/components/fancy-features/FancyShortBanner.jsx b/components/fancy-features/FancyShortBanner.jsx new file mode 100644 index 0000000..ae753b9 --- /dev/null +++ b/components/fancy-features/FancyShortBanner.jsx @@ -0,0 +1,74 @@ +'use client' + + + +import Tilt from "react-parallax-tilt"; +import React from 'react' +import Image from "next/image"; + +export default function FancyShortBanner() { + return ( +
    +
    +
    +
    +
    +

    + love our product? Save $20 by grab it today. +

    +
    + {/* /.title-style-six */} + + icon +
    + Download on the + App store +
    +     +
    + {/* End .col */} +
    + {/* End .row */} + +
    + screen + screen + screen +
    +     +
    + {/* /.container */} + + shape + shape + shape +
    + ) +} diff --git a/components/fancy-features/FancybBannerTen.jsx b/components/fancy-features/FancybBannerTen.jsx new file mode 100644 index 0000000..a825c8f --- /dev/null +++ b/components/fancy-features/FancybBannerTen.jsx @@ -0,0 +1,87 @@ +'use client' + + + +import Image from "next/image"; +import React, { useState } from "react"; + +export default function FancybBannerTen() { + // For header select menu + const [selected, setSelected] = useState('') + const [click1, setClick1] = useState(false); + const handleClick1 = (elm) => {setClick1(!click1); + setSelected(elm)} + return ( +
    +
    +
    +
    +
    +

    Try Deski Free

    +

    + After your 14-day trial of our Professional plan, enjoy the + Free version of Calendly – forever. +

    +
    + {/* /.title-style-six */} +
    +
    + {/* End .row */} +
    +
    + +
    +
    handleClick1('IOS & Android')} + > + icon + IOS & Android +
    +
    handleClick1('Mac & Windows')} + > + icon + Mac & Windows +
    +
    +
    + {/* End dropdown */} +
    + No Credit Card Required. Cancel Anytime +
    +
    +
    + {/* /.container */} + shape + shape +
    + ) +} diff --git a/components/fancy-text-block/BlockMetaData.jsx b/components/fancy-text-block/BlockMetaData.jsx new file mode 100644 index 0000000..861ef10 --- /dev/null +++ b/components/fancy-text-block/BlockMetaData.jsx @@ -0,0 +1,55 @@ +import React from "react"; +import Image from "next/image"; +const BlockMetaData = () => { + const blockMetaCotent = [ + { + _id: 1, + icon: "01", + title: "Create Project", + metaHoverContent: ` Don’t waste time on tedious manual tasks. Let Automation do it for + you. Simplify workflows, reduce errors, and save time for solving + more.`, + }, + { + _id: 2, + icon: "02", + title: "Making Plan", + metaHoverContent: ` Now it's more easy to make plan. Let Automation do it for you. + Simplify workflows, reduce errors, and save time for solving more.`, + }, + { + _id: 3, + icon: "03", + title: "Create Wearframe", + metaHoverContent: ` You are one step ahead to create wireframe. Let Automation do it for + you. Simplify workflows.`, + }, + { + _id: 4, + icon: "04", + title: "Final Output", + metaHoverContent: ` Checkout the final output. Let Automation do it for you. Simplify + workflows, reduce errors, and save time for solving more.`, + }, + ]; + return ( + <> + {blockMetaCotent.map((blockMeta) => ( +
    +
    +
    + icon +
    + {/* /.icon-box */} +

    {blockMeta.title}

    +
    +
    + {blockMeta.metaHoverContent} +
    +
    + ))} + + ); +}; + +export default BlockMetaData; diff --git a/components/fancy-text-block/FancyTextBlock21.jsx b/components/fancy-text-block/FancyTextBlock21.jsx new file mode 100644 index 0000000..14d1ae9 --- /dev/null +++ b/components/fancy-text-block/FancyTextBlock21.jsx @@ -0,0 +1,64 @@ +'use client' + +import Image from "next/image"; +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; + +const FancyTextBlock21 = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> +
    +
    +
    + media + shape +
    +
    + {/* End .col */} + +
    +
    + setOpen(true)}> + icon + + +
    + Over 150,000+ client +
    +

    + We created over 27,000+ stunning and quality products + over last 5 years with satisfaction. +

    +
    Carl Henderson
    +
    + {/* /.text-wrapper */} +
    + {/* End .col */} +
    + + setOpen(false)} + /> + + ); +}; + +export default FancyTextBlock21; diff --git a/components/fancy-text-block/FancyTextBlock22.jsx b/components/fancy-text-block/FancyTextBlock22.jsx new file mode 100644 index 0000000..44f7c10 --- /dev/null +++ b/components/fancy-text-block/FancyTextBlock22.jsx @@ -0,0 +1,66 @@ +'use client' + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; +import Link from "next/link"; +import Image from "next/image"; + +const FancyTextBlock22 = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> +
    +
    +
    + setOpen(true)} + > + icon + +
    +

    + Why you should choose Deski? +

    +
    + {/* /.title-style-seven */} +

    + So how does it work? Let’s check our Getting Started tutorial + pre-made templates. +

    + + Learn more + +
    + {/* /.text-wrapper */} +
    + {/* End .col */} + +
    +
    + about +
    +
    + {/* End .col */} +
    + + setOpen(false)} + /> + + ); +}; + +export default FancyTextBlock22; diff --git a/components/fancy-text-block/FancyTextBlock29.jsx b/components/fancy-text-block/FancyTextBlock29.jsx new file mode 100644 index 0000000..6caa885 --- /dev/null +++ b/components/fancy-text-block/FancyTextBlock29.jsx @@ -0,0 +1,137 @@ +import React from "react"; +import FancyFeatureTewentyEight from "../features/FancyFeatureTewentyEight"; +import FancyFeatureThirtyOne from "../features/FancyFeatureThirtyOne"; +import Image from "next/image"; +const featureList = [ + { + icon: "157", + title: "Drag Image & SVG", + description: ` Create beautiful sites at breakneck speed without + compromising on your creativit`, + }, + { + icon: "158", + title: "Create Custom Field", + description: `Keep your brand front & center with your customer`, + }, + { + icon: "159", + title: "Custom Attribute", + description: ` Increase your client retention rate by showing your results + and value.`, + }, +]; + +const FancyTextBlock29 = () => { + return ( +
    +
    +
    +
    +
    +
    DRAG & DROP
    +
    +

    Control all elements super easy.

    +
    + +
      + {featureList.map((list, i) => ( +
    • + icon + {list.title} + {list.description} +
      • + ))} +
    + {/* End .feature-list-one */} + + + Learn More + +
    + {/* */} +
    +
    + screen +
    +
    +
    + {/* */} + +
    +
    +
    +
    +
    EMAIL & SMS BROADCAST
    +
    +

    We have email, sms Broadcast for you.

    +
    +

    + Broadcast and email is best use for something announcing + significant changes . +

    +
      +
    • + Makes them purchase your product, service and + quis interact website due. +
      • +
    • + Holds and catches their attention lorem. +
      • +
    • Diverts them to your brand.
      • +
    + + Learn More + +
    + {/* */} +
    +
    + screen +
    +
    +
    + {/* */} + +
    + +
    + +
    +
    +
    +
    +
    PRE-made template
    +
    +

    Pre-Made Stunning Templates.

    +
    +

    + Feel free to choose from our huge selection of templates, + customize easily, and create a stunning website for your + customers +

    + + See all Template + +
    + {/* */} +
    +
    + screen +
    +
    +
    + {/* */} + +
    + +
    +
    + ); +}; + +export default FancyTextBlock29; diff --git a/components/fancy-text-block/FancyTextBlockTen.jsx b/components/fancy-text-block/FancyTextBlockTen.jsx new file mode 100644 index 0000000..ab6b0cf --- /dev/null +++ b/components/fancy-text-block/FancyTextBlockTen.jsx @@ -0,0 +1,87 @@ +import Image from "next/image"; +import React from "react"; + +const FancyTextBlockTen = () => { + return ( + <> +
    +
    + image +

    + Deski combines excellent live chat, ticketing and automation that + allow us to provide quality. +

    +
    + Mike Lucas.{" "} + + CEO & Founder
    + deksi +     +
    +
    + {/* End .col */} + +
    +
    +
    + image +
    +
    + image +
    +
    +
    +
    + {/* End .row */} + +
    +
    +
    +
    +
    + media +
    +
    + media +
    +
    +
    + {/* /.img-gallery */} +
    +
    + {/* End .row */} + + ); +}; + +export default FancyTextBlockTen; diff --git a/components/fancy-text-block/FancyTextBlockThree.jsx b/components/fancy-text-block/FancyTextBlockThree.jsx new file mode 100644 index 0000000..ec043b1 --- /dev/null +++ b/components/fancy-text-block/FancyTextBlockThree.jsx @@ -0,0 +1,115 @@ +import Image from "next/image"; +import React from "react"; + +const FancyTextBlockThree = () => { + return ( +
    +
    +
    +
    +

    Individual

    +

    + Wzprenr Investor Network is a global community that extends the + reach of leading +

    +
    + {/* /.header */} + +
    +
    + icon +
    +
    +

    Time well spent

    +

    + Facilitates access to capital entrepreneurs through road show + preparation. +

    +
    + {/* /.text-meta */} +
    + {/* /.feature-list */} +
    +
    + icon +
    +
    +

    Quietly powerful

    +

    + Let intuition be your guide. We get out of your way and fight + the friction in your team’s workflow so you don’t have to. +

    +
    + {/* /.text-meta */} +
    + {/* /.feature-list */} +
    + {/* /.feature-content */} +
    +
    +
    +
    +

    Big Company

    +

    + Wzprenr Investor Network is a global community that extends the + reach of leading +

    +
    + {/* /.header */} + +
    +
    + icon +
    +
    +

    Make your work easy

    +

    + Remove the fog. We don’t want to be another task to complete or + a tool to decipher. +

    +
    + {/* /.text-meta */} +
    + {/* /.feature-list */} +
    +
    + icon +
    +
    +

    Build together

    +

    + Software is made better together. From task completion to + product launch, we celebrate team wins big and small. +

    +
    + {/* /.text-meta */} +
    + {/* /.feature-list */} +
    {" "} + {/* /.feature-content */} +
    +
    + ); +}; + +export default FancyTextBlockThree; diff --git a/components/faq/Faq.jsx b/components/faq/Faq.jsx new file mode 100644 index 0000000..75e68bb --- /dev/null +++ b/components/faq/Faq.jsx @@ -0,0 +1,59 @@ +'use client' +import React from "react"; +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; + +const FaqContent = [ + { + title: " Register and create your first seller portal.", + desc: ` It only takes 5 minutes. Set-up is smooth & simple, with fully + customisable page design to reflect your brand lorem dummy.`, + expand: "a", + }, + { + title: "Manage your client easily", + desc: ` It only takes 5 minutes. Set-up is smooth & simple, with fully + customisable page design to reflect your brand lorem dummy.`, + expand: "b", + }, + { + title: "Start selling ticket", + desc: ` It only takes 5 minutes. Set-up is smooth & simple, with fully + customisable page design to reflect your brand lorem dummy.`, + expand: "c", + }, +]; + +const Faq = () => { + return ( +
    +
    + + {FaqContent.map((item, i) => ( + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     + ))} +     +
    +
    + ); +}; + +export default Faq; diff --git a/components/faq/FaqClassic.jsx b/components/faq/FaqClassic.jsx new file mode 100644 index 0000000..d67a3ec --- /dev/null +++ b/components/faq/FaqClassic.jsx @@ -0,0 +1,122 @@ +'use client' + +import React from "react"; +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; + +const FaqContent = [ + { + title: "How the affiliate programe works?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "a", + }, + { + title: "How delete my account?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "b", + }, + { + title: "How to invite people with refferel link?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "c", + }, + { + title: "Is ios app available for the iphone?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "d", + }, +]; +const FaqContentTwo = [ + { + title: " Do you recommend Pay as you go?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "e", + }, + { + title: " Can I pass the fees on to my customers?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "f", + }, + { + title: "How to create Signup?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "g", + }, + { + title: "What's the last dat of this offer?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "h", + }, +]; + +const FaqClassic = () => { + return ( +
    +
    +
    +
    + +
    + {FaqContent.map((item, i) => ( +
    + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     +
    + ))} +
    +     +
    + {/* End.col */} + +
    + +
    + {FaqContentTwo.map((item, i) => ( +
    + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     +
    + ))} +
    +     +
    +
    +
    +
    + ); +}; + +export default FaqClassic; diff --git a/components/faq/FaqClassicThree.jsx b/components/faq/FaqClassicThree.jsx new file mode 100644 index 0000000..7664693 --- /dev/null +++ b/components/faq/FaqClassicThree.jsx @@ -0,0 +1,77 @@ +'use client' + +import React from "react"; +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; + +const FaqContent = [ + { + title: "How does the free trial work?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "a", + }, + { + title: "How do you different criteria in your process?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "b", + }, + { + title: "What does First Round look for in an idea?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "c", + }, + { + title: "What do you look for in a founding team?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "d", + }, + { + title: "Do you recommend Pay as you go or Pre pay?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "e", + }, + { + title: "Can I pass the fees on to my customers?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "f", + }, + { + title: " How do I get paid for the tickets sold?", + desc: `It's free to use for your first five ticket sales. Once your sixth ticket purchase comes through we will start charging the standard PAYG rate. If you would like to move to Pre pay then head to "Billing" and "Buy ticket credits".`, + expand: "g", + }, +]; + +const FaqClassicThree = () => { + return ( +
    +
    + + {FaqContent.map((item, i) => ( + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     + ))} +     +
    +
    + ); +}; + +export default FaqClassicThree; diff --git a/components/faq/FaqClassicTwo.jsx b/components/faq/FaqClassicTwo.jsx new file mode 100644 index 0000000..00215f5 --- /dev/null +++ b/components/faq/FaqClassicTwo.jsx @@ -0,0 +1,67 @@ +'use client' + +import React from "react"; +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; + +const FaqContent = [ + { + title: "How the affiliate programe works?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "a", + }, + { + title: "How delete my account?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "b", + }, + { + title: "How to invite people with refferel link?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "c", + }, + { + title: "Is ios app available for the iphone?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "d", + }, + { + title: " How to create customer panel?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "e", + }, +]; + +const FaqClassic = () => { + return ( +
    +
    + + {FaqContent.map((item, i) => ( + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     + ))} +     +
    +
    + ); +}; + +export default FaqClassic; diff --git a/components/faq/FaqFour.jsx b/components/faq/FaqFour.jsx new file mode 100644 index 0000000..3addcee --- /dev/null +++ b/components/faq/FaqFour.jsx @@ -0,0 +1,82 @@ +'use client' + + +import React from "react"; +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; + +const FaqContent = [ + { + title: "How does the free trial work?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "a", + }, + { + title: "How do you weigh different criteria in your process?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "b", + }, + { + title: " What does First Round look for in an idea?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "c", + }, + { + title: " What do you look for in a founding team?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "d", + }, + { + title: " Do you recommend Pay as you go or Pre pay?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "e", + }, + { + title: " Can I pass the fees on to my customers?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "f", + }, + { + title: "Roem ipsum dummy here will some questions?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + expand: "g", + }, +]; + +const FaqFour = () => { + return ( +
    +
    + + {FaqContent.map((item, i) => ( + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     + ))} +     +
    +
    + ); +}; + +export default FaqFour; diff --git a/components/faq/FaqThree.jsx b/components/faq/FaqThree.jsx new file mode 100644 index 0000000..8aaeb93 --- /dev/null +++ b/components/faq/FaqThree.jsx @@ -0,0 +1,87 @@ +'use client' + +import React from "react"; +import { + Accordion, + AccordionItem, + AccordionItemHeading, + AccordionItemButton, + AccordionItemPanel, +} from "react-accessible-accordion"; + +const FaqContent = [ + { + title: "How does the free trial work?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: "How do you weigh different criteria in your process?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: " What does First Round look for in an idea?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: " What do you look for in a founding team?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: " Do you recommend Pay as you go or Pre pay?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: " Can I pass the fees on to my customers?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: "Roem ipsum dummy text here will some questions?", + desc: `mea case duis tollit et. Etiam nusquam set minium eu sea, ei tale paulo elab. Noluisse mnesarch Et is vero incorrupte eos deserunt quaeren.`, + }, + { + title: " How do I get paid for the tickets sold?", + desc: `As a dealer, you are as yet in charge of chargebacks as the vendor account is possessed by you. ChargeMonk causes you with the correct apparatuses to convey regularly & impartunambiguously to keep away from chargebacks from your customers. Here are some extra resources on how to avoid chargebacks.`, + }, + { + title: "Do you invest in companies located outside of New York?", + desc: `Yes, you will be able to at any time. It’s referred to as the "DBA name" ("Doing-Business-As"). Please contact your trader account provider/payment gateway to update the proper name.`, + }, + { + title: " How do i pay fees?", + desc: `Yes, you will be able to at any time. It’s referred to as the "DBA name" ("Doing-Business-As"). Please contact your trader account provider/payment gateway to update the proper name.`, + }, +]; + +const FaqThree = () => { + return ( +
    +
    + + {FaqContent.map((item, i) => ( + + + +
    + {" "} +
    +     +     + {/* Accordion Heading */} + +

    {item.desc}

    +     + {/* Accordion Body Content */} +     + ))} +     +
    +
    + ); +}; + +export default FaqThree; diff --git a/components/features/FancyFeatureEight.jsx b/components/features/FancyFeatureEight.jsx new file mode 100644 index 0000000..5fe34fc --- /dev/null +++ b/components/features/FancyFeatureEight.jsx @@ -0,0 +1,51 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const FeaturesContent = [ + { + img: "55", + title: "Personal", + desc: ` With deski docs, you can write, edit, and collaborate wherever you + are. For Free.`, + routePath: "/", + dataDelay: "100", + }, + { + img: "57", + title: "Business", + desc: `The deski Docs you love with added security and control for teams.`, + routePath: "/", + dataDelay: "200", + }, +]; + +const FancyFeatureEight = () => { + return ( +
    + {FeaturesContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    {val.title}
    +

    {val.desc}

    + + {" "} + icon + +
    + {/* /.block-style-ten */} +
    + ))} +
    + ); +}; + +export default FancyFeatureEight; diff --git a/components/features/FancyFeatureEleven.jsx b/components/features/FancyFeatureEleven.jsx new file mode 100644 index 0000000..49e9658 --- /dev/null +++ b/components/features/FancyFeatureEleven.jsx @@ -0,0 +1,117 @@ +'use client' + + + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const FancyFeatureEleven = () => { + return ( + <> +
    +
    +
    +
    +
    + icon +
    +

    Mobile Application Design.

    +

    + Commonly used in the graphic, print & publishing industris for + previewing visual layout and mockups. +

    + + icon + +
    +
    +
    + image +
    + {/* /.block-style-sixteen */} + +
    +
    +
    +
    +
    + icon +
    +

    Branding & Design system.

    +

    + Commonly used in the graphic, print & publishing industris for + previewing visual layout and mockups. +

    + + icon + +
    +
    +
    + screen +
    + {/* /.block-style-sixteen */} + +
    +
    +
    +
    +
    + icon +
    +

    Custome & Plugin Development.

    +

    + Commonly used in the graphic, print & publishing industris for + previewing visual layout and mockups. +

    + + icon + +
    +
    +
    + screen +
    + {/* /.block-style-sixteen */} + + ); +}; + +export default FancyFeatureEleven; diff --git a/components/features/FancyFeatureNinteen.jsx b/components/features/FancyFeatureNinteen.jsx new file mode 100644 index 0000000..93dc47d --- /dev/null +++ b/components/features/FancyFeatureNinteen.jsx @@ -0,0 +1,87 @@ + +'use client' + +import Image from "next/image"; +import React from "react"; + +const featureContent = [ + { + delayAnimation: "0", + colorOfBorder: "#FFCE22", + icon: "112", + title: "Green Screen", + description: `Change your background and create special effects using the Green Screen tool.`, + }, + { + delayAnimation: "150", + colorOfBorder: "#8F6BF6", + icon: "113", + title: "Audio Mixer", + description: `Adjust the audio of each individual track on your timeline lorem elit extract.`, + }, + { + delayAnimation: "0", + colorOfBorder: "#FF5C5C", + icon: "114", + title: "Pan & Zoom", + description: `Add panning and zooming movements to still footage.`, + }, + { + delayAnimation: "150", + colorOfBorder: "#63EAA9", + icon: "115", + title: "Advanced Text Editing", + description: `Edit the color, size, font, and even animation of your text and titles.`, + }, + { + delayAnimation: "", + colorOfBorder: "#5BE2FF", + icon: "116", + title: "Color Tuning", + description: `Adjust the white balance and dynamic range of your clips & long videos.`, + }, + { + delayAnimation: "150", + colorOfBorder: "#FF56EE", + icon: "117", + title: "3D Lut", + description: `Choose from a selection of color grading presets inspired by popular movies.`, + }, +]; + +const FancyFeatureNinteen = () => { + return ( +
    + {featureContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.description}

    +
    +
    +
    + {/* /.block-style-nineteen */} +
    + ))} + + {/* End .col */} +
    + ); +}; + +export default FancyFeatureNinteen; diff --git a/components/features/FancyFeatureSeven.jsx b/components/features/FancyFeatureSeven.jsx new file mode 100644 index 0000000..d28ef70 --- /dev/null +++ b/components/features/FancyFeatureSeven.jsx @@ -0,0 +1,50 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "35", + meta: "Customer Value", + subTitle: ` A place to think and track ideas for you and your team`, + dataDelay: "0", + }, + { + icon: "36", + meta: "Trusted & Reliable", + subTitle: ` A home for your team, best practices and thoughts.`, + dataDelay: "100", + }, + { + icon: "37", + meta: "Fast Response", + subTitle: `Beautiful docs for your APIs, Products, FAQs, & User Guides,`, + dataDelay: "300", + }, +]; + +const FancyFeatureSeven = () => { + return ( + <> + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    + {val.meta} +
    +

    {val.subTitle}

    +
    +
    + ))} + + ); +}; + +export default FancyFeatureSeven; diff --git a/components/features/FancyFeatureSeventeen.jsx b/components/features/FancyFeatureSeventeen.jsx new file mode 100644 index 0000000..89d6bbb --- /dev/null +++ b/components/features/FancyFeatureSeventeen.jsx @@ -0,0 +1,65 @@ +import React from "react"; +import Image from "next/image"; +const FeaturesContent = [ + { + img: "94", + title: "Web Clipper", + desc: ` Deski Web offers a complete lineup of features from any + major browser.`, + }, + { + img: "95", + title: "All Platform", + desc: ` Lorem ipsum began as scrambl nonsensical Latin derived from + Cicero's quis`, + }, + { + img: "96", + title: "Character Finding", + desc: ` Creation timelines for the standard lorem ipsum passage + vary, with qius some citing.`, + }, + { + img: "97", + title: "App Integrations", + desc: ` Lorem ipsum began as scrambl nonsensical Latin derived from + Cicero's quis`, + }, + { + img: "98", + title: "Web Application", + desc: ` Lorem ipsum was purposefully designed to have no meaning, + but appear like text`, + }, + { + img: "99", + title: "Notes & Docs", + desc: ` Letraset's dry-transfer sheets later entered the digital + world via Aldus PageMaker.`, + }, +]; +const FancyFeatureSeventeen = () => { + return ( + <> + {FeaturesContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.desc}

    +
    +
    + // .block-meta + ))} + + ); +}; + +export default FancyFeatureSeventeen; diff --git a/components/features/FancyFeatureTen.jsx b/components/features/FancyFeatureTen.jsx new file mode 100644 index 0000000..7bd7593 --- /dev/null +++ b/components/features/FancyFeatureTen.jsx @@ -0,0 +1,63 @@ +'use client' + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const FeaturesContent = [ + { + bgColor: "#FFEBDB", + icon: "68", + title: "Secure & Trusted", + desc: `Elit esse cillum dolore eu fugiat nulla pariatur`, + dataDealy: "0", + }, + { + bgColor: "#E0F8F8", + icon: "67", + title: "Easy Customizable", + desc: `quis nostrud exerct ullamo ea nisi ut aliqui com dolor`, + dataDealy: "100", + }, + { + bgColor: "#F7EDFF", + icon: "70", + title: "Fast Support", + desc: `Duis aute irure dolor reprehen derit in volu velit.`, + dataDealy: "200", + }, +]; + +const FancyFeatureTen = () => { + return ( +
    + {FeaturesContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.desc}

    + + {" "} + icon + +
    + {/* /.block-style-ten */} +
    + ))} +
    + ); +}; + +export default FancyFeatureTen; diff --git a/components/features/FancyFeatureTewentyEight.jsx b/components/features/FancyFeatureTewentyEight.jsx new file mode 100644 index 0000000..e775e2c --- /dev/null +++ b/components/features/FancyFeatureTewentyEight.jsx @@ -0,0 +1,51 @@ +import React from "react"; +import Image from "next/image"; +const featuresContent = [ + { + icon: "149", + title: "Sign Doc Anywhere", + desc: `Deski Web offers a complete lineup of features from any major + browser.`, + delayAnimation: "", + }, + { + icon: "150", + title: "Simple to use", + desc: `Lorem ipsum began as scrambl nonsensical Latin derived from Cicero's + quis`, + delayAnimation: "100", + }, + { + icon: "151", + title: "Save time & Effort", + desc: `Creation timelines for the standard lorem ipsum passage vary, with + qius some citing.`, + delayAnimation: "200", + }, +]; + +const FancyFeatureTewentyEight = () => { + return ( +
    + {featuresContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.desc}

    +
    + {/* /.block-style-twentyEight */} +
    + ))} +
    + ); +}; + +export default FancyFeatureTewentyEight; diff --git a/components/features/FancyFeatureTewentyFour.jsx b/components/features/FancyFeatureTewentyFour.jsx new file mode 100644 index 0000000..cd9d370 --- /dev/null +++ b/components/features/FancyFeatureTewentyFour.jsx @@ -0,0 +1,219 @@ +import Image from "next/image"; +import React from "react"; + +const FancyFeatureTewentyFour = () => { + return ( +
    +
    +
    +
    +
    + icon +
    +
    +

    Sports & Fitness

    +

    + Personal trainers, Gyms Fitness classes, Yoga classes Golf + classes, Sport items renting +

    +
    +
    +
    + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Beauty and Wellness

    +

    + Eyelash extensions , Hair salons, Spa salons Beauty salons, Nail + salons +

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Events & entertainment

    +

    + Art classes, Escape rooms Photographers, Equipment Rental & + more. +

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Officials & Financial

    +

    + Embassies and consulates, City councils, Call centers Financial + services, Interview scheduling. +

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Personal meetings

    +

    + Counselling ,Coaching, Business, Advisory, Spiritual services & + more. +

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Driving Lessons

    +

    Driving Schools, Driving Instructors.

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Education System

    +

    + Universities, Colleges, Schools, Libraries, Parent meetings, + Tutoring lessons. +

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} + +
    +
    +
    +
    + icon +
    +
    +

    Medical services

    +

    + Massage & Body Treatments, Dental Clinics, Medical Clinics & + more. +

    +
    +
    +
    {" "} + {/* /.block-style-twentyFour */} +
    + {/* End .col */} +
    + ); +}; + +export default FancyFeatureTewentyFour; diff --git a/components/features/FancyFeatureTewentyNine.jsx b/components/features/FancyFeatureTewentyNine.jsx new file mode 100644 index 0000000..451af13 --- /dev/null +++ b/components/features/FancyFeatureTewentyNine.jsx @@ -0,0 +1,153 @@ +'use client' + + +import React, { useState } from "react"; +import Link from "next/link"; +import ModalVideo from "react-modal-video"; +import Image from "next/image"; + +const FancyFeatureTewentNine = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> + +
    +
    +
    +
    + brand +
    +
    setOpen(true)} + > + icon +
    +

    + + Seattle Opera Simplifies Performance Planning with deski + eSignature. + +

    + + Continue Reading + icon + +
    + {/* /.block-style-twentyNine */} +
    + {/* End .col */} + +
    +
    +
    + brand +
    +
    setOpen(true)} + > + icon +
    +

    + + How DocuSign CLM Helps Celonis Scale Its Global Business + +

    + + Continue Reading + icon + +
    + {/* /.block-style-twentyNine */} +
    + {/* End .col */} + +
    +
    +
    + brand +
    +
    setOpen(true)} + > + icon +
    +

    + + Sunrun makes solar contracts convenient with deski and + Salesforce + +

    + + Continue Reading + icon + +
    + {/* /.block-style-twentyNine */} +
    + {/* End .col */} + +
    +
    +
    + brand +
    +
    setOpen(true)} + > + icon +
    +

    + + McCloskey Motors builds a touchless car sale process with + Design. + +

    + + Continue Reading + icon + +
    + {/* /.block-style-twentyNine */} +
    + {/* End .col */} +
    + + ); +}; + +export default FancyFeatureTewentNine; diff --git a/components/features/FancyFeatureTewentySeven.jsx b/components/features/FancyFeatureTewentySeven.jsx new file mode 100644 index 0000000..1b52f24 --- /dev/null +++ b/components/features/FancyFeatureTewentySeven.jsx @@ -0,0 +1,54 @@ +import React from "react"; +import Image from "next/image"; +const featuresContent = [ + { + icon: "144", + title: "Contracts", + desc: "Simplify the process to create proposals.", + delayAnimation: "", + }, + { + icon: "145", + title: "Proposal", + desc: "Create interactive, error-free quotes.", + delayAnimation: "100", + }, + { + icon: "146", + title: "eSignature", + desc: "Create interactive, error-free quotes.", + delayAnimation: "200", + }, + { + icon: "147", + title: "Collect Doc", + desc: "Create interactive, error-free quotes.", + delayAnimation: "300", + }, +]; + +const FancyFeatureTewentySeven = () => { + return ( +
    + {featuresContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.desc}

    +
    + {/* /.block-style-twentySeven */} +
    + ))} +
    + ); +}; + +export default FancyFeatureTewentySeven; diff --git a/components/features/FancyFeatureTewentySix.jsx b/components/features/FancyFeatureTewentySix.jsx new file mode 100644 index 0000000..d7ed91e --- /dev/null +++ b/components/features/FancyFeatureTewentySix.jsx @@ -0,0 +1,54 @@ +import React from "react"; +import Image from "next/image"; +const featuresContent = [ + { + colorBasedClass: "color-variatin-one", + title: "Deski eSignature", + subTitle: `Join 1,000,000 customers & hundreds of millions of signers`, + routerPath: "#", + shapeOne: "222", + shapeTwo: "223", + }, + { + colorBasedClass: "color-variatin-two", + title: "Agreement Cloud", + subTitle: `Connect and automate your entire agreement process.`, + routerPath: "#", + shapeOne: "224", + shapeTwo: "225", + }, +]; + +const FancyFeatureTewentySix = () => { + return ( +
    + {featuresContent.map((val, i) => ( +
    +
    +
    {val.title}
    +

    {val.subTitle}

    + + Try it Free + + shape + shape +
    + {/* .block-style-twentySix */} +
    + // End .col + ))} +
    + ); +}; + +export default FancyFeatureTewentySix; diff --git a/components/features/FancyFeatureTewentyThree.jsx b/components/features/FancyFeatureTewentyThree.jsx new file mode 100644 index 0000000..bcf6339 --- /dev/null +++ b/components/features/FancyFeatureTewentyThree.jsx @@ -0,0 +1,63 @@ +import Image from "next/image"; +import React from "react"; + +const FeatureContent = [ + { + icon: "132", + title: "Core PHP", + subTitle: `Elit esse cillum dolore eu fugiat nulla pariatur`, + bgColor: "#FFEBDB", + delayAnimation: "", + }, + { + icon: "133", + title: "Easy Customizable", + subTitle: `quis nostrud exerct ullamo ea nisi ut aliqu dolor`, + bgColor: "#E0F8F8", + delayAnimation: "200", + }, + { + icon: "134", + title: "Fast Support", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + bgColor: "#F7EDFF", + delayAnimation: "400", + }, +]; + +const FancyFeatureTewentyThree = () => { + return ( + <> + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.subTitle}

    + + icon + +
    + {/* /.block-style-twentyTwo */} +
    + ))} + + ); +}; + +export default FancyFeatureTewentyThree; diff --git a/components/features/FancyFeatureTewentyTwo.jsx b/components/features/FancyFeatureTewentyTwo.jsx new file mode 100644 index 0000000..1f60164 --- /dev/null +++ b/components/features/FancyFeatureTewentyTwo.jsx @@ -0,0 +1,51 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "121", + title: "Appoinments", + subTitle: `Online video meetings image Online Video Meetings SimplyBook`, + bgColor: "#FF4A8B", + }, + { + icon: "122", + title: "Class Booking", + subTitle: `Add video meeting links to your appointments with the Zoom Ror Teleport integrations.`, + bgColor: "#6D49FF", + }, + { + icon: "123", + title: "Fast Support", + subTitle: `Customize your virtual office with personalized page URLs, logos, colors and more.`, + bgColor: "#FFB951", + }, +]; + +const FancyFeatureTewentyTwo = () => { + return ( + <> + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.subTitle}

    +
    + {/* /.block-style-twentyTwo */} +
    + ))} + + ); +}; + +export default FancyFeatureTewentyTwo; diff --git a/components/features/FancyFeatureThirtyFive.jsx b/components/features/FancyFeatureThirtyFive.jsx new file mode 100644 index 0000000..1f433ee --- /dev/null +++ b/components/features/FancyFeatureThirtyFive.jsx @@ -0,0 +1,34 @@ +import React from "react"; +import Link from "next/link"; +import { featuresContent } from "@/data/service"; +import Image from "next/image"; + +const FancyFeatureThirtyFive = () => { + return ( + <> + {featuresContent.map((val, i) => ( +
    + +
    + icon +
    +

    {val.title}

    +

    {val.subTitle}

    + + {/* */} +
    + ))} + + ); +}; + +export default FancyFeatureThirtyFive; diff --git a/components/features/FancyFeatureThirtyFour.jsx b/components/features/FancyFeatureThirtyFour.jsx new file mode 100644 index 0000000..d2a184b --- /dev/null +++ b/components/features/FancyFeatureThirtyFour.jsx @@ -0,0 +1,38 @@ +import React from "react"; +import Link from "next/link"; +import { featuresContentTwo } from "@/data/service"; +import Image from "next/image"; + + +const FancyFeatureThirtyFour = () => { + return ( +
    + {featuresContentTwo.map((item, i) => ( +
    +
    +
    + icon +
    +
    +

    {item.title}

    +

    {item.descriptions}

    + + icon + +
    +
    +
    + ))} +
    + ); +}; + +export default FancyFeatureThirtyFour; diff --git a/components/features/FancyFeatureThirtyOne.jsx b/components/features/FancyFeatureThirtyOne.jsx new file mode 100644 index 0000000..58b8ba7 --- /dev/null +++ b/components/features/FancyFeatureThirtyOne.jsx @@ -0,0 +1,48 @@ +import React from "react"; +import Image from "next/image"; +const featuresContent = [ + { + icon: "163", + title: "Easy Customize", + desc: `Keep a track on real-time performance while analyzing the success of your mail campaigns.`, + delayAnimation: "", + }, + { + icon: "164", + title: "100+ Template", + desc: `Keep a track on real-time performance while analyzing the success of your mail campaigns.`, + delayAnimation: "100", + }, + { + icon: "165", + title: "Clean & Unique", + desc: `Keep a track on real-time performance while analyzing the success of your mail campaigns.`, + delayAnimation: "200", + }, +]; + +const FancyFeatureThirtyOne = () => { + return ( +
    + {featuresContent.map((item, i) => ( +
    +
    +
    + icon +
    +

    {item.title}

    +

    {item.desc}

    +
    + {/* */} +
    + ))} +
    + ); +}; + +export default FancyFeatureThirtyOne; diff --git a/components/features/FancyFeatureThirtyThree.jsx b/components/features/FancyFeatureThirtyThree.jsx new file mode 100644 index 0000000..9a2caaa --- /dev/null +++ b/components/features/FancyFeatureThirtyThree.jsx @@ -0,0 +1,50 @@ +import React from "react"; +import Image from "next/image"; +const featuresContent = [ + { + icon: "171", + title: "Daily Updates", + desc: `Elit esse cillum dolore eu fugiat nulla pariatur lorem elit`, + delayAnimation: "", + }, + { + icon: "172", + title: "Easu Cutomization", + desc: ` Nulla vitae elit libero, a pharetra augue. Donec id elit non mi + porta.`, + delayAnimation: "100", + }, + { + icon: "173", + title: "Fast Support", + desc: `Elit esse cillum dolore eu fugiat nulla pariatur lorem elit`, + delayAnimation: "200", + }, +]; + +const FancyFeatureThirtyThree = () => { + return ( +
    + {featuresContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    + {val.title} +

    +

    {val.desc}

    +
    +
    + ))} +
    + ); +}; + +export default FancyFeatureThirtyThree; diff --git a/components/features/FancyFeatureThirtyTwo.jsx b/components/features/FancyFeatureThirtyTwo.jsx new file mode 100644 index 0000000..50511ec --- /dev/null +++ b/components/features/FancyFeatureThirtyTwo.jsx @@ -0,0 +1,74 @@ +import React from "react"; +import Image from "next/image"; +const featuresContent = [ + { + bgColor: "#F7EDFF", + icon: "166", + title: "Chat & Messaging", + descriptions: + "Chat section is as significant as other sections on your website and it works best for your customers.", + link: "#", + dealyAnimation: "", + }, + { + bgColor: "#D8FFF1", + icon: "167", + title: "eCommerce", + descriptions: + "Build an online store that rank higher & sell more and integrates easily ooCommerce, to enhance the quality", + link: "#", + dealyAnimation: "100", + }, + { + bgColor: "#E6FBFF", + icon: "168", + title: "Payment Gatway", + descriptions: + "It saves the client cards on file securely for an effortless checkout experience using our advanced, secure payments system.", + link: "#", + dealyAnimation: "", + }, + { + bgColor: "#FFEBDB", + icon: "169", + title: "Appointments", + descriptions: + "Our Scheduling Platform is Simple yet Powerful that you need to grow and manage your business in single user interface.", + link: "#", + dealyAnimation: "100", + }, +]; + +const FancyFeatureThirtyTwo = () => { + return ( +
    + {featuresContent.map((item, i) => ( +
    +
    +
    + icon +
    +
    +

    {item.title}

    +

    {item.descriptions}

    + + Learn more + + +
    +
    +
    + ))} +
    + ); +}; + +export default FancyFeatureThirtyTwo; diff --git a/components/features/FancyFeatureTwelve.jsx b/components/features/FancyFeatureTwelve.jsx new file mode 100644 index 0000000..8885058 --- /dev/null +++ b/components/features/FancyFeatureTwelve.jsx @@ -0,0 +1,47 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "78", + title: "Easy Customizable", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + hoverText: `Bring all team slit managment task quis togather.`, + }, + { + icon: "79", + title: "Modern & Slick", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + hoverText: ` Bring all team slit managment task quis togather.`, + }, + { + icon: "80", + title: "Trusted & Secure", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + hoverText: ` Bring all team slit managment task quis togather.`, + }, +]; + +const FancyFeatureTwelve = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    +

    {val.title}

    +

    {val.subTitle}

    +
    +
    {val.hoverText}
    +
    + {/* /.block-style-seventeen */} +
    + ))} +
    + // End .row + ); +}; + +export default FancyFeatureTwelve; diff --git a/components/features/FancyFeatureTwentyEightV2.jsx b/components/features/FancyFeatureTwentyEightV2.jsx new file mode 100644 index 0000000..1304612 --- /dev/null +++ b/components/features/FancyFeatureTwentyEightV2.jsx @@ -0,0 +1,49 @@ +import React from "react"; +import Image from "next/image"; +const featureContent = [ + { + icon: "186", + title: "Daily Updates", + subTitle: "Elit esse cillum dolore eu fugiat nulla pariatur lom elit", + dealyAnimation: "0", + }, + { + icon: "187", + title: "Easy Cutomization", + subTitle: "Nulla vitae elit libero, haretra augue. Donec id elit non m.", + dealyAnimation: "100", + }, + { + icon: "188", + title: "Fast Support", + subTitle: + " Nulla vitae elit libero, a phare augue. Donec id elit non mi porta.", + dealyAnimation: "200", + }, +]; + +const FancyFeatureTwentyEightV2 = () => { + return ( +
    + {featureContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.subTitle}

    +
    {" "} + {/* */} +
    + ))} +
    + ); +}; + +export default FancyFeatureTwentyEightV2; diff --git a/components/features/FeatureFive.jsx b/components/features/FeatureFive.jsx new file mode 100644 index 0000000..fc12197 --- /dev/null +++ b/components/features/FeatureFive.jsx @@ -0,0 +1,56 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "12", + title: "Media & Hospital", + subTitle: `Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dole magna aliqua. Ut enim`, + dataDelay: "0", + }, + { + icon: "13", + title: "Educational", + subTitle: `Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dole magna aliqua. Ut enim`, + dataDelay: "100", + }, + { + icon: "14", + title: "Financial Service", + subTitle: `Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dole magna aliqua. Ut enim`, + dataDelay: "300", + }, +]; + +const FeatureFive = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.title}

    +

    {val.subTitle}

    + + {" "} + + +
    +
    + ))} +
    + ); +}; + +export default FeatureFive; diff --git a/components/features/FeatureFour.jsx b/components/features/FeatureFour.jsx new file mode 100644 index 0000000..d6323d2 --- /dev/null +++ b/components/features/FeatureFour.jsx @@ -0,0 +1,52 @@ +'use client' +import Image from "next/image"; +import React from "react"; + +const FeatureContent = [ + { + icon: "20", + meta: "Smart popups", + subTitle: `Create customized popups and show the message at the lorem`, + dataDelay: "0", + }, + { + icon: "21", + meta: "Embeded Forms", + subTitle: `Collect website leads with embedded forms and integrate easily.`, + dataDelay: "100", + }, + { + icon: "22", + meta: "Autoresponder", + subTitle: `Send welcome email to your new subscribers with a code.`, + dataDelay: "300", + }, +]; + +const FeatureFour = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    + {val.meta} +
    +

    {val.subTitle}

    +
    +
    + ))} +
    + ); +}; + +export default FeatureFour; diff --git a/components/features/FeatureNine.jsx b/components/features/FeatureNine.jsx new file mode 100644 index 0000000..ae5f5a8 --- /dev/null +++ b/components/features/FeatureNine.jsx @@ -0,0 +1,48 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "ils_15", + meta: "Join Our Platform", + subTitle: ` It only takes 5 minutes. Set up is smooth and simple fully lorem + qui.`, + }, + { + icon: "ils_16", + meta: "Manage you event", + subTitle: `Choose a price package to suit you or pay per ticket. Sell on your + website,`, + }, + { + icon: "ils_17", + meta: "Start selling ticket", + subTitle: `Get payments, detailed data on tickets sales & message guests lorem`, + }, +]; + +const FeatureNine = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    {val.meta}
    +

    {val.subTitle}

    +
    + {/* /.block-style-fourteen */} +
    + ))} +
    + // /.row + ); +}; + +export default FeatureNine; diff --git a/components/features/FeatureSix.jsx b/components/features/FeatureSix.jsx new file mode 100644 index 0000000..265a3a7 --- /dev/null +++ b/components/features/FeatureSix.jsx @@ -0,0 +1,68 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "20", + meta: "Smart popups", + subTitle: `Create customized popups and show the message at the lorem`, + dataDelay: "0", + }, + { + icon: "21", + meta: "Embeded Forms", + subTitle: `Collect website leads with embedded forms and integrate easily.`, + dataDelay: "100", + }, + { + icon: "22", + meta: "Autoresponder", + subTitle: `Send welcome email to your new subscribers with a code.`, + dataDelay: "0", + }, + { + icon: "21", + meta: "Embeded Forms", + subTitle: `Collect website leads with embedded forms and integrate easily.`, + dataDelay: "100", + }, + { + icon: "22", + meta: "Autoresponder", + subTitle: `Send welcome email to your new subscribers with a code.`, + dataDelay: "0", + }, + { + icon: "20", + meta: "Smart popups", + subTitle: `Create customized popups and show the message at the lorem`, + dataDelay: "100", + }, +]; + +const FeatureSix = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    + {val.meta} +
    +

    {val.subTitle}

    +
    +
    + ))} +
    + ); +}; + +export default FeatureSix; diff --git a/components/features/FeatureSixV2.jsx b/components/features/FeatureSixV2.jsx new file mode 100644 index 0000000..cb81bea --- /dev/null +++ b/components/features/FeatureSixV2.jsx @@ -0,0 +1,33 @@ +import React from "react"; +import Link from "next/link"; +import { FeatureContentThree } from "@/data/service"; +import Image from "next/image"; + + +const FeatureSixV2 = () => { + return ( +
    + {FeatureContentThree.map((val, i) => ( +
    + +
    + icon +
    +
    + {val.meta} +
    +

    {val.subTitle}

    + +
    + ))} +
    + ); +}; + +export default FeatureSixV2; diff --git a/components/features/FeatureThree.jsx b/components/features/FeatureThree.jsx new file mode 100644 index 0000000..f7c4968 --- /dev/null +++ b/components/features/FeatureThree.jsx @@ -0,0 +1,48 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "09", + meta: "Project management", + subTitle: `tempor incididunt ut labor culpa dolore magna aliqua. Ut enim qui minim veniam,`, + dataDelay: "0", + }, + { + icon: "10", + meta: "Customer Support", + subTitle: `Excepteur sint occaecat cupidatat non proident, sunt in culpa non officia.`, + dataDelay: "100", + }, + { + icon: "11", + meta: "Marketing", + subTitle: `consectetur adipiscing elit, sed dou eiusmod tempor incididu ut lab et dolore.`, + dataDelay: "300", + }, +]; + +const FeatureThree = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    {val.meta}

    +

    {val.subTitle}

    +
    +
    + ))} +
    + ); +}; + +export default FeatureThree; diff --git a/components/features/FeaturesEight.jsx b/components/features/FeaturesEight.jsx new file mode 100644 index 0000000..77c901c --- /dev/null +++ b/components/features/FeaturesEight.jsx @@ -0,0 +1,44 @@ +import React from "react"; +import Image from "next/image"; +const FeatureContent = [ + { + icon: "60", + meta: "Smart popups", + subTitle: `Create customized popups and show the message at the lorem`, + }, + { + icon: "61", + meta: "Embeded Forms", + subTitle: `Collect website leads with embedded forms and integrate easily.`, + }, + { + icon: "62", + meta: "Autoresponder", + subTitle: `Send welcome email to your new subscribers with a code.`, + }, +]; + +const FeaturesEight = () => { + return ( +
    + {FeatureContent.map((val, i) => ( +
    +
    +
    + icon +
    +
    {val.meta}
    +

    {val.subTitle}

    +
    +
    + ))} +
    + ); +}; + +export default FeaturesEight; diff --git a/components/footer/CopyRight.jsx b/components/footer/CopyRight.jsx new file mode 100644 index 0000000..9a6803b --- /dev/null +++ b/components/footer/CopyRight.jsx @@ -0,0 +1,34 @@ +import React from "react"; +import Link from "next/link"; + +const CopyRight = () => { + return ( +
    +
      +
    • + +
      • +
    • + Security +
      • +
    • + Terms +
      • +
    + +

    + Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

    +
    + ); +}; + +export default CopyRight; diff --git a/components/footer/CopyRightFour.jsx b/components/footer/CopyRightFour.jsx new file mode 100644 index 0000000..5c42f36 --- /dev/null +++ b/components/footer/CopyRightFour.jsx @@ -0,0 +1,54 @@ +import React from "react"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const CopyRightFour = () => { + return ( +
    +
    +

    + Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

    +
    +
    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    + {/* End .social-icon */} +
    +
    + ); +}; + +export default CopyRightFour; diff --git a/components/footer/CopyRightThree.jsx b/components/footer/CopyRightThree.jsx new file mode 100644 index 0000000..ed653ba --- /dev/null +++ b/components/footer/CopyRightThree.jsx @@ -0,0 +1,71 @@ +import React from "react"; +import Link from "next/link"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const CopyRightThree = () => { + return ( +
    +
    +
      +
    • + Privacy & Terms. +
      • +
    • + Contact Us +
      • +
    +
    +
    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    + {/* End .social-icon */} +
    +
    +

    + Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

    +
    +
    + ); +}; + +export default CopyRightThree; diff --git a/components/footer/CopyRightTwo.jsx b/components/footer/CopyRightTwo.jsx new file mode 100644 index 0000000..b1de994 --- /dev/null +++ b/components/footer/CopyRightTwo.jsx @@ -0,0 +1,27 @@ +'use client' + +import React from "react"; + +const CopyRightTwo = () => { + return ( +
    +
    +

    + {" "} + Copyright @{new Date().getFullYear()}{" "} + + ib-themes + {" "} + inc. +

    +
    +
    + // /.bottom-footer + ); +}; + +export default CopyRightTwo; diff --git a/components/footer/Footer.jsx b/components/footer/Footer.jsx new file mode 100644 index 0000000..93d81ae --- /dev/null +++ b/components/footer/Footer.jsx @@ -0,0 +1,94 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const Footer = () => { + return ( +
    +
    + + image + +
    + {/* /.about-widget */} +
    +
    Services
    +
      +
    • + Web Design +
      • +
    • + Development +
      • +
    • + Wordpress +
      • +
    • + Online Marketing +
      • +
    • + Content +
      • +
    +
    + {/* /.footer-list */} +
    +
    About us
    +
      +
    • + About us +
      • +
    • + Faq Details +
      • +
    • + Team +
      • +
    • + Plan & Pricing +
      • +
    • + News +
      • +
    +
    + {/* /.footer-list */} +
    +
    Address
    + +
    + {/* /.footer-list */} +
    + //.row + ); +}; + +export default Footer; diff --git a/components/footer/FooterEight.jsx b/components/footer/FooterEight.jsx new file mode 100644 index 0000000..9d58624 --- /dev/null +++ b/components/footer/FooterEight.jsx @@ -0,0 +1,99 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const FooterEight = () => { + return ( +
    + + {/* /.about-widget */} +
    +
    Links
    +
      +
    • + Home +
      • +
    • + Pricing +
      • +
    • + About us +
      • +
    • + Careers +
      • +
    • + Features +
      • +
    • + Blog +
      • +
    • + Demo the product +
      • +
    +
    + {/* /.footer-list */} +
    +
    Legal
    +
      +
    • + Terms of use +
      • +
    • + Terms & conditions +
      • +
    • + Privacy policy +
      • +
    • + Cookie policy +
      • +
    +
    + {/* /.footer-list */} +
    +
    Products
    +
      +
    • + Take the tour +
      • +
    • + Live chat +
      • +
    • + Self-service +
      • +
    • + Docs +
      • +
    • + Info Box +
      • +
    • + deski Reviews +
      • +
    +
    + {/* /.footer-list */} +
    + // /.row + ); +}; + +export default FooterEight; diff --git a/components/footer/FooterFive.jsx b/components/footer/FooterFive.jsx new file mode 100644 index 0000000..f3366c1 --- /dev/null +++ b/components/footer/FooterFive.jsx @@ -0,0 +1,62 @@ + + +'use client' + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const FooterFive = () => { + return ( +
    +
    +
    + + brand + +
    +
    + {/* End .col */} + +
    +
    Find us on Social Media
    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    +
    + {/* End .col */} + +
    +
    We’r always happy to help.
    + +
    + {/* End .col */} +
    + ); +}; + +export default FooterFive; diff --git a/components/footer/FooterFour.jsx b/components/footer/FooterFour.jsx new file mode 100644 index 0000000..7493aa1 --- /dev/null +++ b/components/footer/FooterFour.jsx @@ -0,0 +1,146 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const linksFooterContent = [ + { + itemName: "Home", + routePath: "/", + }, + { + itemName: "Product", + routePath: "/product-customer-support", + }, + { + itemName: "Pricing", + routePath: "/pricing-pm", + }, + { + itemName: "About us", + routePath: "/about-pm", + }, + { + itemName: "Features", + routePath: "/solution-management", + }, + { + itemName: "Blog", + routePath: "/blog-v4", + }, + { + itemName: "Help & Support", + routePath: "/login", + }, + { + itemName: "API documentation", + routePath: "/doc-full-width", + }, +]; + +const legalFooterContent = [ + { + itemName: "Terms of use", + routePath: "/terms-conditions", + }, + { + itemName: "Terms & conditions", + routePath: "/terms-conditions", + }, + { + itemName: "Privacy policy", + routePath: "/terms-conditions", + }, + { + itemName: "Cookie policy", + routePath: "", + }, +]; + +const productsFooterContent = [ + { + itemName: "Take the tour", + routePath: "/product-customer-support", + }, + { + itemName: "Team", + routePath: "/team-5", + }, + { + itemName: "Self Service", + routePath: "/features-customer-support", + }, + { + itemName: "News", + routePath: "/blog-v3", + }, + { + itemName: "About us", + routePath: "/about-doc", + }, + { + itemName: "Contact", + routePath: "/contact-cs", + }, +]; + +const FooterFour = () => { + return ( +
    +
    +
    + + brand + +
    + +
    + {/* /.footer-list */} + +
    +
    Links
    +
      + {linksFooterContent.map((list, i) => ( +
    • + {list.itemName} +
      • + ))} +
    +
    + + {/* /.footer-list */} +
    +
    Legal
    +
      + {legalFooterContent.map((list, i) => ( +
    • + {list.itemName} +
      • + ))} +
    +
    + {/* /.footer-list */} + +
    +
    Products
    +
      + {productsFooterContent.map((list, i) => ( +
    • + {list.itemName} +
      • + ))} +
    +
    + {/* /.footer-list */} +
    + ); +}; + +export default FooterFour; diff --git a/components/footer/FooterSeven.jsx b/components/footer/FooterSeven.jsx new file mode 100644 index 0000000..8bedcd6 --- /dev/null +++ b/components/footer/FooterSeven.jsx @@ -0,0 +1,100 @@ + +'use client' + + +import React from "react"; +import Link from "next/link"; +import FormFooterSignup from "../form/FormFooterSignup"; +import Image from "next/image"; +const FooterSeven = () => { + return ( +
    +
    +
    + + logo + +
    +
    + {/* End .col */} + +
    +
    Links
    +
      +
    • + Home +
      • +
    • + Pricing +
      • +
    • + About us +
      • +
    • + Careers +
      • +
    • + Features +
      • +
    • + Blog +
      • +
    +
    + +
    +
    Legal
    +
      +
    • + Terms of use +
      • +
    • + Terms & conditions +
      • +
    • + Privacy policy +
      • +
    • + Cookie policy +
      • +
    +
    +
    +
    +
    Newslettert
    +

    + Join over 68,000 people getting our emails +

    + + + +
    + We only send interesting and relevant emails. +
    +
    + {/* /.newsletter */} +
    +
    + ); +}; + +export default FooterSeven; diff --git a/components/footer/FooterSix.jsx b/components/footer/FooterSix.jsx new file mode 100644 index 0000000..4ab0d08 --- /dev/null +++ b/components/footer/FooterSix.jsx @@ -0,0 +1,59 @@ +import React from "react"; +import Link from "next/link"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; +import Image from "next/image"; +const FooterSix = () => { + return ( +
    +
    +
    + + logo + +
    +
    + {/* End .col */} + +
    +
    Find us on Social Media
    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    + {/* End .social-icon */} +
    + {/* End .col */} + +
    +
    We’r always happy to help.
    + +
    + {/* End .col */} +
    + ); +}; + +export default FooterSix; diff --git a/components/footer/FooterThree.jsx b/components/footer/FooterThree.jsx new file mode 100644 index 0000000..1d8166e --- /dev/null +++ b/components/footer/FooterThree.jsx @@ -0,0 +1,127 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const FooterThree = () => { + return ( +
    +
    + + brand + +
    + {/* /.about-widget */} + +
    +
    Services
    +
      +
    • + Web Design +
      • +
    • + Development +
      • +
    • + Wordpress +
      • +
    • + Online Marketing +
      • +
    • + Content +
      • +
    +
    + {/* /.footer-list */} + +
    +
    About us
    +
      +
    • + About us +
      • +
    • + Faq Details +
      • +
    • + Team +
      • +
    • + Plan & Pricing +
      • +
    • + News +
      • +
    +
    + {/* /.footer-list */} + +
    +
    Contact Info
    +

    + 432 Melbourne Stadium Market
    + Melbourne , Australia +

    + + {/* End ul */} +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    +
    + {/* /.footer-list */} +
    + // /.row + ); +}; + +export default FooterThree; diff --git a/components/footer/FooterTwo.jsx b/components/footer/FooterTwo.jsx new file mode 100644 index 0000000..a7f0a14 --- /dev/null +++ b/components/footer/FooterTwo.jsx @@ -0,0 +1,152 @@ +'use client' + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, +]; + +const FooterTwo = () => { + return ( +
    +
    + + brand + +
    + {/* /.about-widget */} +
    +
    Products
    +
      +
    • + Take the tour +
      • +
    • + Live chat +
      • +
    • + Self-service +
      • +
    • + Social +
      • +
    • + Mobile +
      • +
    • + Collaboration +
      • +
    • + deski Reviews +
      • +
    +
    + {/* /.footer-list */} +
    +
    Services
    +
      +
    • + Web Design +
      • +
    • + Development +
      • +
    • + Wordpress +
      • +
    • + Online Marketing +
      • +
    • + Content +
      • +
    +
    + {/* /.footer-list */} +
    +
    About us
    +
      +
    • + About us +
      • +
    • + Faq Details +
      • +
    • + Team +
      • +
    • + Plan & Pricing +
      • +
    • + News +
      • +
    +
    + {/* /.footer-list */} +
    +
    Address
    + +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    +
    + {/* /.footer-list */} +
    + //.row + ); +}; + +export default FooterTwo; diff --git a/components/form-survey-landing/Blog.jsx b/components/form-survey-landing/Blog.jsx new file mode 100644 index 0000000..10962a3 --- /dev/null +++ b/components/form-survey-landing/Blog.jsx @@ -0,0 +1,44 @@ +import React from "react"; +import Link from "next/link"; +import { BlogContentSeven } from "@/data/blogs"; +import Image from "next/image"; + + +const Blog = () => { + return ( + <> + {BlogContentSeven.map((val, i) => ( +
    +
    +
    + + blog + +
    +
    +

    + {val.title} +

    + + Continue Reading + +
    + {/* */} +
    +
    + ))} + + ); +}; + +export default Blog; diff --git a/components/form-survey-landing/CallToAction.jsx b/components/form-survey-landing/CallToAction.jsx new file mode 100644 index 0000000..cb5eeb5 --- /dev/null +++ b/components/form-survey-landing/CallToAction.jsx @@ -0,0 +1,35 @@ +import React from "react"; + +const CallToAction = () => { + return ( +
    +
    +
    +
    +

    200k+ Satisfied Client Try it now!

    +

    Try it risk free — we don’t charge cancellation fees.

    +
    + {/* */} +
    +
    + {/* End .row */} + + +
    + ); +}; + +export default CallToAction; diff --git a/components/form-survey-landing/Features.jsx b/components/form-survey-landing/Features.jsx new file mode 100644 index 0000000..8705e9a --- /dev/null +++ b/components/form-survey-landing/Features.jsx @@ -0,0 +1,55 @@ +import React from "react"; +import Image from "next/image"; +const Features = () => { + return ( +
    +
    +
    +
    +
    Made for human
    +

    Quality, actionable data process.

    +
    +
    + Creating an online survey has never been easier. With many advanced + features of deski. +
    +
      +
    • Easy-to-use survey maker interface
      • +
    • Drag and Drop to change the order of questions
      • +
    • Quota management
      • +
    • Step view layout for interactive survey filling experiences
      • +
    • Customizable URL
      • +
    +
    +
    + {/* Emd .col */} + +
    +
    + image + image + image + image +
    +
    + {/* End .col */} +
    + ); +}; + +export default Features; diff --git a/components/form-survey-landing/FeaturesAbout.jsx b/components/form-survey-landing/FeaturesAbout.jsx new file mode 100644 index 0000000..9cb5756 --- /dev/null +++ b/components/form-survey-landing/FeaturesAbout.jsx @@ -0,0 +1,39 @@ +import React from "react"; +import Image from "next/image"; +const FeaturesAbout = () => { + return ( +
    +
    +
    +
    GREAT INTERFACE
    +

    First-class & smooth user experience.

    +
    +
    + Deski responds to previous answers to show only the most relevant + questions. A better experience for respondents better data for you. +
    + + Create survay now{" "} + +
    +
    +
    + image + image +
    +
    +
    + ); +}; + +export default FeaturesAbout; diff --git a/components/form-survey-landing/Footer.jsx b/components/form-survey-landing/Footer.jsx new file mode 100644 index 0000000..61aa2e9 --- /dev/null +++ b/components/form-survey-landing/Footer.jsx @@ -0,0 +1,56 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const Footer = () => { + const socialContent = [ + { + icon: "fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa-linkedin", + link: "https://www.linkedin.com/", + }, + ]; + return ( +
    +
    + + logo + +
    +
      +
    • + Pricing +
      • +
    • + About us +
      • +
    • + Careers +
      • +
    • + Features +
      • +
    • + Blog +
      • +
    +
      + {socialContent.map((val, i) => ( +
    • + + + +
      • + ))} +
    +
    + ); +}; + +export default Footer; diff --git a/components/form-survey-landing/HeaderLandingFormSurvey.jsx b/components/form-survey-landing/HeaderLandingFormSurvey.jsx new file mode 100644 index 0000000..6b7394c --- /dev/null +++ b/components/form-survey-landing/HeaderLandingFormSurvey.jsx @@ -0,0 +1,255 @@ +'use client' + +import React, { useState , useEffect } from "react"; + +import Link from "next/link"; +import Modal from "react-modal"; +import HeaderPopupForm from "../form/HeaderPopupForm"; +import MegaMenuLanding from "../../components/header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +// Modal.setAppElement("#root"); + +const HeaderLandingFormSurvey = () => { + const [isOpen, setIsOpen] = useState(false); + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + function toggleModalOne() { + setIsOpen(!isOpen); + } + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + +
    +
      +
    • + + icon + login + +
      • +
    • + +
      • +
    +
    + + +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + +
    +
    + + {/* End close icon */} + +
    +
    +
    +
    +
    + “I never dreamed about success. I worked for it.” +
    + —Estée Lauder +
    +
    + image +
    +
    + {/* /.left-side */} + +
    +

    Contact us

    + +
    + {/* /.right-side */} +
    + {/* /.main-body */} +
    +     + {/* End Modal For Request a demo */} + + ); +}; + +export default HeaderLandingFormSurvey; diff --git a/components/form-survey-landing/HeroBannerThirteen.jsx b/components/form-survey-landing/HeroBannerThirteen.jsx new file mode 100644 index 0000000..30154b6 --- /dev/null +++ b/components/form-survey-landing/HeroBannerThirteen.jsx @@ -0,0 +1,54 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const HeroBannerThirteen = () => { + return ( + // +
    +
    +
    +
    + + Offer is going on till friday, $1.99/mo.{" "} + + +

    Ask your customer in a better way.

    +

    + Deski delivered blazing fast performance, striking word soludtion +

    + + Get Started - It’s Free + +
    No credit card required
    +
    +
    + +
    + illustration + illustration + illustration +
    + {/* */} +
    +
    + // + ); +}; + +export default HeroBannerThirteen; diff --git a/components/form-survey-landing/HowWorks.jsx b/components/form-survey-landing/HowWorks.jsx new file mode 100644 index 0000000..0c8aaec --- /dev/null +++ b/components/form-survey-landing/HowWorks.jsx @@ -0,0 +1,70 @@ +import React from "react"; +import icon1 from "../../public/images/icon/190.svg"; +import icon2 from "../../public/images/icon/191.svg"; +import icon3 from "../../public/images/icon/192.svg"; +import icon4 from "../../public/images/icon/193.svg"; +import Image from "next/image"; + + +const HowWorks = () => { + const surveyContent = [ + { + _id: 1, + icon: icon1, + title: "Choose", + descriptions: `Simplify the process to create proposals.`, + bgColor: "#F0F0FF", + delayAnimation: "0", + }, + { + _id: 2, + icon: icon2, + title: "Create", + descriptions: `Create interactive, error-free quotes.`, + bgColor: "#FCF2DA", + delayAnimation: "100", + }, + { + _id: 3, + icon: icon3, + title: "Check", + descriptions: `Create interactive, error-free quotes.`, + bgColor: "#EBFBED", + delayAnimation: "200", + }, + { + _id: 4, + icon: icon4, + title: "Final", + descriptions: `Create interactive, error-free quotes.`, + bgColor: "#FFEEEE", + delayAnimation: "300", + }, + ]; + return ( + <> + {surveyContent.map((survey) => ( +
    +
    +
    + survey icon +
    +

    {survey.title}

    +

    {survey.descriptions}

    +
    + {/* */} +
    + ))} + + ); +}; + +export default HowWorks; diff --git a/components/form-survey-landing/Portfolio.jsx b/components/form-survey-landing/Portfolio.jsx new file mode 100644 index 0000000..df68213 --- /dev/null +++ b/components/form-survey-landing/Portfolio.jsx @@ -0,0 +1,91 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const Portfolio = () => { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: true, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + dots: true, + }, + }, + ], + }; + + const portfolioContent = [ + { + _id: 1, + image: "img_110_1", + editLink: "#", + viewLink: "#", + }, + { + _id: 2, + image: "img_111_1", + editLink: "#", + viewLink: "#", + }, + { + _id: 3, + image: "img_112", + editLink: "#", + viewLink: "#", + }, + { + _id: 4, + image: "img_112", + editLink: "#", + viewLink: "#", + }, + ]; + + return ( + <> + + {portfolioContent.map((item) => ( +
    + +
    + ))} +     + + ); +}; + +export default Portfolio; diff --git a/components/form-survey-landing/Pricing.jsx b/components/form-survey-landing/Pricing.jsx new file mode 100644 index 0000000..c399fff --- /dev/null +++ b/components/form-survey-landing/Pricing.jsx @@ -0,0 +1,100 @@ +import React from "react"; + +const PricingContent = [ + { + packName: "Single", + packDetails: "Analyze performance and do more with your data", + price: "23.00", + durationNumber: "Per monthy", + facility: "Biller Yearly", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "", + activeClass: "", + }, + { + packName: "Team", + packDetails: "Analyze performance and do more with your data", + price: "47.00", + durationNumber: "Per monthy", + facility: "Biller Yearly", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "100", + activeClass: "active most-popular", + }, + { + packName: "Business", + packDetails: "Analyze performance and do more with your data", + price: "89.00", + durationNumber: "Per monthy", + facility: "Biller Yearly", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "200", + activeClass: "", + }, +]; + +const Pricing = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    {val.packDetails}
    +
    +
    + $ + {val.price} +
    +
    + {val.durationNumber} + {val.facility} +
    +
    + {/* /.top-banner */} + + Start 30 days free trial + +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    + +
    No card required, cancel any time
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default Pricing; diff --git a/components/form-survey-landing/Social.jsx b/components/form-survey-landing/Social.jsx new file mode 100644 index 0000000..7840591 --- /dev/null +++ b/components/form-survey-landing/Social.jsx @@ -0,0 +1,28 @@ +import React from "react"; +import Image from "next/image"; +const Social = () => { + const socialContent = [ + { image: "16", delayAnimatin: "0" }, + { image: "logo-33", delayAnimatin: "100" }, + { image: "11", delayAnimatin: "200" }, + { image: "19", delayAnimatin: "300" }, + { image: "18", delayAnimatin: "400" }, + { image: "22", delayAnimatin: "500" }, + ]; + return ( +
      + {socialContent.map((social, i) => ( +
    • + social +
      • + ))} +
    + ); +}; + +export default Social; diff --git a/components/form-survey-landing/Testimonial.jsx b/components/form-survey-landing/Testimonial.jsx new file mode 100644 index 0000000..b010369 --- /dev/null +++ b/components/form-survey-landing/Testimonial.jsx @@ -0,0 +1,69 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const Testimonial = () => { + const settings = { + dots: false, + arrow: false, + infinite: true, + fade: true, + speed: 900, + slidesToShow: 1, + slidesToScroll: 1, + autoplay: false, + centerMode: false, + centerPadding: "0", + }; + const testimonialContent = [ + { + _id: 1, + img: "img_113", + name: "Sara Harsa", + designation: "Head of Content Marketing", + descriptions: ` Form builders are as old as the web, but Typeform elevates the + medium substantially.`, + }, + { + _id: 1, + img: "img_114", + name: "Bostami Hasan", + designation: "Front-end Lead", + descriptions: `Whether you’re promoting your business, showcasing your work + or opening your store.`, + }, + ]; + return ( + <> + + {testimonialContent.map((review) => ( +
    +
    +
    +
    +
    Client Feefdback
    +

    {review.descriptions}

    +

    {review.name}

    +
    {review.designation}
    +
    + {/* */} +
    + {/* End .col */} +
    +
    + social +
    +
    +
    +
    + ))} +     + + ); +}; + +export default Testimonial; diff --git a/components/form/BlogDetailsForm.jsx b/components/form/BlogDetailsForm.jsx new file mode 100644 index 0000000..7e91e6b --- /dev/null +++ b/components/form/BlogDetailsForm.jsx @@ -0,0 +1,88 @@ +'use client' + + +import React from "react"; +import { useForm } from "react-hook-form"; +import { yupResolver } from "@hookform/resolvers/yup"; +import * as Yup from "yup"; + +const BlogDetailsForm = () => { + // for validation + const validationSchema = Yup.object().shape({ + name: Yup.string().required(" Name is required"), + email: Yup.string() + .required("Email is required") + .email("Entered value does not match email format"), + sendMessage: Yup.string().required("Please,leave us a message."), + }); + + const formOptions = { resolver: yupResolver(validationSchema) }; + // get functions to build form with useForm() hook + const { register, handleSubmit, formState } = useForm(formOptions); + const { errors } = formState; + + function onSubmit(data, e) { + // display form data on success + console.log("Message submited: " + JSON.stringify(data)); + e.target.reset(); + } + + return ( +
    +
    +
    +
    + + + {errors.name && ( +
    {errors.name?.message}
    + )} +
    +
    +
    +
    + + + {errors.email && ( +
    {errors.email?.message}
    + )} +
    +
    +
    +
    + + + {errors.sendMessage && ( +
    + {errors.sendMessage?.message} +
    + )} +
    +
    +
    + +
    +
    +
    + ); +}; + +export default BlogDetailsForm; diff --git a/components/form/BlogSidebarForm.jsx b/components/form/BlogSidebarForm.jsx new file mode 100644 index 0000000..f0b3d56 --- /dev/null +++ b/components/form/BlogSidebarForm.jsx @@ -0,0 +1,21 @@ +'use client' + + +import Image from "next/image"; +import React from "react"; + +const BlogSidebarForm = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ); +}; + +export default BlogSidebarForm; diff --git a/components/form/BlogSidebarForm2.jsx b/components/form/BlogSidebarForm2.jsx new file mode 100644 index 0000000..ff5910c --- /dev/null +++ b/components/form/BlogSidebarForm2.jsx @@ -0,0 +1,21 @@ +'use client' + + +import Image from "next/image"; +import React from "react"; + +const BlogSidebarForm2 = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ); +}; + +export default BlogSidebarForm2; diff --git a/components/form/CartForm.jsx b/components/form/CartForm.jsx new file mode 100644 index 0000000..af30c7c --- /dev/null +++ b/components/form/CartForm.jsx @@ -0,0 +1,45 @@ + + +'use client' +import React from 'react' +import Coupon from '../e-commerce/cart/Coupon'; +import CartTotal from '../e-commerce/cart/CartTotal'; +import CartProduct from '../e-commerce/cart/CartProduct'; + +export default function CartForm() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    +
    + + + + + + + + + + + + + + +
    ProductPriceQTYTotal 
    +
    + {/* */} + +
    + + {/* */} + +
    + +
    +
    + {/* */} +
    + ) +} diff --git a/components/form/CheckoutForm.jsx b/components/form/CheckoutForm.jsx new file mode 100644 index 0000000..2319489 --- /dev/null +++ b/components/form/CheckoutForm.jsx @@ -0,0 +1,33 @@ +'use client' + + +import React from 'react' +import BillingDetails from '../e-commerce/checkout/BillingDetails' +import Payment from '../e-commerce/checkout/Payment' + +export default function CheckoutForm() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    +
    +
    +

    Billign Details

    + + {/* */} +
    + {/* */} + +
    +
    +

    Order Details

    + +
    + {/* */} +
    +
    + {/* */} +
    + ) +} diff --git a/components/form/CommingSoonForm.jsx b/components/form/CommingSoonForm.jsx new file mode 100644 index 0000000..37022be --- /dev/null +++ b/components/form/CommingSoonForm.jsx @@ -0,0 +1,18 @@ + + +'use client' + + +import React from 'react' + +export default function CommingSoonForm() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ) +} diff --git a/components/form/DocFormTwo.jsx b/components/form/DocFormTwo.jsx new file mode 100644 index 0000000..ecae168 --- /dev/null +++ b/components/form/DocFormTwo.jsx @@ -0,0 +1,21 @@ + +'use client' + + +import React from 'react' +import Image from "next/image"; +export default function DocFormTwo() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    +
    + + +
    +
    + ) +} diff --git a/components/form/FaqForm.jsx b/components/form/FaqForm.jsx new file mode 100644 index 0000000..39a8e6d --- /dev/null +++ b/components/form/FaqForm.jsx @@ -0,0 +1,23 @@ + + + +'use client' + + + +import Image from 'next/image'; +import React from 'react' + +export default function FaqForm() { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ) +} diff --git a/components/form/FormAppoint.jsx b/components/form/FormAppoint.jsx new file mode 100644 index 0000000..4a7e66a --- /dev/null +++ b/components/form/FormAppoint.jsx @@ -0,0 +1,21 @@ +'use client' + + +import Image from "next/image"; +import React from "react"; + +const FormAppoint = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ); +}; + +export default FormAppoint; diff --git a/components/form/FormDemo.jsx b/components/form/FormDemo.jsx new file mode 100644 index 0000000..c5ceafe --- /dev/null +++ b/components/form/FormDemo.jsx @@ -0,0 +1,18 @@ +'use client' + + +import React from "react"; + +const FormEvent = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ); +}; + +export default FormEvent; diff --git a/components/form/FormDoc.jsx b/components/form/FormDoc.jsx new file mode 100644 index 0000000..e5ead2a --- /dev/null +++ b/components/form/FormDoc.jsx @@ -0,0 +1,32 @@ +'use client' + + +import Image from "next/image"; +import React from "react"; + +const FormEvent = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + {/* serarch field */} + + + {/* Search button */} + + + {/* End select menu */} +
    + ); +}; + +export default FormEvent; diff --git a/components/form/FormEvent.jsx b/components/form/FormEvent.jsx new file mode 100644 index 0000000..02a5406 --- /dev/null +++ b/components/form/FormEvent.jsx @@ -0,0 +1,18 @@ +'use client' + + +import React from "react"; + +const FormEvent = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ); +}; + +export default FormEvent; diff --git a/components/form/FormFooterSignup.jsx b/components/form/FormFooterSignup.jsx new file mode 100644 index 0000000..81f1ee5 --- /dev/null +++ b/components/form/FormFooterSignup.jsx @@ -0,0 +1,18 @@ +'use client' + + +import React from "react"; + +const FormFooterSignup = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    + + +
    + ); +}; + +export default FormFooterSignup; diff --git a/components/form/FormProjectManagement.jsx b/components/form/FormProjectManagement.jsx new file mode 100644 index 0000000..ddfb48f --- /dev/null +++ b/components/form/FormProjectManagement.jsx @@ -0,0 +1,22 @@ + + +'use client' + + +import React from 'react' + +export default function FormProjectManagement() { + const handleSubmit = (event) => { + event.preventDefault(); + } + return ( +
    + + +
    + ) +} diff --git a/components/form/HeaderPopupForm.jsx b/components/form/HeaderPopupForm.jsx new file mode 100644 index 0000000..fc27732 --- /dev/null +++ b/components/form/HeaderPopupForm.jsx @@ -0,0 +1,98 @@ +'use client' + + +import React from "react"; +import { useForm } from "react-hook-form"; +import { yupResolver } from "@hookform/resolvers/yup"; +import * as Yup from "yup"; + +const HeaderPopupForm = () => { + // for validation + const validationSchema = Yup.object().shape({ + name: Yup.string().required(" Name is required"), + email: Yup.string() + .required("Email is required") + .email("Entered value does not match email format"), + sendMessage: Yup.string().required("Please,leave us a message."), + }); + + const formOptions = { resolver: yupResolver(validationSchema) }; + // get functions to build form with useForm() hook + const { register, handleSubmit, formState } = useForm(formOptions); + const { errors } = formState; + + function onSubmit(data, e) { + // display form data on success + console.log("Message submited: " + JSON.stringify(data)); + e.target.reset(); + } + + return ( + <> +
    +
    +
    +
    +
    + + + {errors.name && ( +
    {errors.name?.message}
    + )} +
    +
    + {/* End .col */} + +
    +
    + + + {errors.email && ( +
    {errors.email?.message}
    + )} +
    +
    + {/* End .col */} + +
    +
    + + + {errors.sendMessage && ( +
    + {errors.sendMessage?.message} +
    + )} +
    +
    + {/* End .col */} + +
    + +
    + {/* End .col */} +
    +
    + + ); +}; + +export default HeaderPopupForm; diff --git a/components/header/Header.jsx b/components/header/Header.jsx new file mode 100644 index 0000000..be1a330 --- /dev/null +++ b/components/header/Header.jsx @@ -0,0 +1,90 @@ +'use client' + +import React, { useState , useEffect } from "react"; +import Link from "next/link"; +import MegaMenu from "./mega-menu/MegaMenu"; +import MegaMenuMobile from "./mega-menu/MegaMenuMobile"; +import Image from "next/image"; + +const Header = () => { + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 68) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> +
    +
    +
    + + brand logo + +
    + {/* End Logo */} + + + {/* End nav */} +
    + + + {/* End Mega Menu for Mobile */} +
    + {/* /.theme-main-menu */} + + ); +}; + +export default Header; diff --git a/components/header/HeaderFive.jsx b/components/header/HeaderFive.jsx new file mode 100644 index 0000000..b131f66 --- /dev/null +++ b/components/header/HeaderFive.jsx @@ -0,0 +1,90 @@ +'use client' + +import React, { useState , useEffect } from "react"; +import Link from "next/link"; +import MegaMenu from "./mega-menu/MegaMenu"; +import MegaMenuMobile from "./mega-menu/MegaMenuMobile"; +import Image from "next/image"; + +const HeaderFive = () => { + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 68) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + + window.addEventListener("scroll", changeBackground); + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> +
    +
    +
    + + brand logo + +
    + {/* End Logo */} + + + {/* End nav */} +
    + + + {/* End Mega Menu for Mobile */} +
    + {/* /.theme-main-menu */} + + ); +}; + +export default HeaderFive; diff --git a/components/header/HeaderFour.jsx b/components/header/HeaderFour.jsx new file mode 100644 index 0000000..19e0230 --- /dev/null +++ b/components/header/HeaderFour.jsx @@ -0,0 +1,95 @@ +'use client' + +import React, { useState , useEffect} from "react"; + +import Link from "next/link"; +import MegaMenu from "./mega-menu/MegaMenu"; +import MegaMenuMobile from "./mega-menu/MegaMenuMobile"; +import Image from "next/image"; + +const HeaderFour = () => { + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + + if (window.scrollY >= 68) { + setNavbar(true); + } else { + setNavbar(false); + } + } + }; + useEffect(() => { + + window.addEventListener("scroll", changeBackground); + + + + return () => { + + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + return ( + <> +
    +
    +
    + + brand logo + +
    + {/* End Logo */} + + + {/* End nav */} +
    + + + + {/* End Mega Menu for Mobile */} +
    + {/* /.theme-main-menu */} + + ); +}; + +export default HeaderFour; diff --git a/components/header/HeaderThree.jsx b/components/header/HeaderThree.jsx new file mode 100644 index 0000000..3bcc035 --- /dev/null +++ b/components/header/HeaderThree.jsx @@ -0,0 +1,98 @@ +'use client' +import Image from "next/image"; +import React, { useState , useEffect } from "react"; +import Link from "next/link"; +import MegaMenu from "./mega-menu/MegaMenu"; +import MegaMenuMobile from "./mega-menu/MegaMenuMobile"; + +const HeaderThree = () => { + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 68) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> +
    +
    +
    + + brand logo + +
    + {/* End Logo */} + + + {/* End nav */} +
    + + + {/* End Mega Menu for Mobile */} +
    + {/* /.theme-main-menu */} + + ); +}; + +export default HeaderThree; diff --git a/components/header/HeaderTwo.jsx b/components/header/HeaderTwo.jsx new file mode 100644 index 0000000..57b8346 --- /dev/null +++ b/components/header/HeaderTwo.jsx @@ -0,0 +1,109 @@ +'use client' + +import React, { useEffect, useState } from "react"; +import Link from "next/link"; +import MegaMenu from "./mega-menu/MegaMenu"; +import MegaMenuMobile from "./mega-menu/MegaMenuMobile"; +import Image from "next/image"; + +const HeaderThree = () => { + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 68) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + + window.addEventListener("scroll", changeBackground); + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> +
    +
    +
    + + brand logo + +
    + {/* End Logo */} + + + {/* End nav */} +
    + + + {/* End Mega Menu for Mobile */} +
    + {/* /.theme-main-menu */} + + ); +}; + +export default HeaderThree; diff --git a/components/header/MobileMenu.jsx b/components/header/MobileMenu.jsx new file mode 100644 index 0000000..1ecf048 --- /dev/null +++ b/components/header/MobileMenu.jsx @@ -0,0 +1,460 @@ + +'use client' + +import Image from 'next/image'; +import Link from 'next/link'; +import { usePathname } from 'next/navigation'; +import React , {useState,useEffect} from 'react' +export const menuList = [ + { + title: "Home", + links: [ + { + label: "Event Organiser", + href: "/", + }, + { + label: "Project Management", + href: "/project-management", + }, + { + label: "Customer Support", + href: "/customer-support", + }, + { + label: "Doc landing", + href: "/doc-landing", + }, + { + label: "Product landing", + href: "/product-landing", + }, + { + label: "Product landing Dark", + href: "/product-landing-dark", + }, + { + label: "Note Taking App landing", + href: "/note-taking-landing", + }, + { + label: "Video Editor Landing", + href: "/video-editor-landing", + }, + { + label: "Appointment Scheduling", + href: "/appointment-scheduling", + }, + { + label: "Mobile App", + href: "/mobile-app-landing", + }, + { + label: "Doc Signature", + href: "/doc-signature", + }, + { + label: "Website Builder", + href: "/website-builder", + }, + { + label: "Form Survey", + href: "/form-survey-landing", + }, + { + label: "VR Landing", + href: "/vr-landing", + }, + { + label: "E-Commerce", + href: "/e-commerce", + }, + { + label: "Coming Soon", + href: "/coming-soon", + }, + ], + }, + { + title: "Pages", + links: [ + { + title: "Pricing", + links: [ + { + label: "Customer Support", + href: "/pricing-cs", + }, + { + label: "Event Organiser", + href: "/pricing-eo", + }, + { + label: "Project Management", + href: "/pricing-pm", + }, + ] + }, + { + title: "About Us", + + links:[ + { + label: "Customer Support", + href: "/about-cs", + }, + { + label: "Event Organiser", + href: "/about-eo", + }, + { + label: "Project Management", + href: "/about-pm", + }, + { + label: "Documentation", + href: "/about-doc", + }, + ], + }, + { + title: "Contact", + links: [ + { + label: "Custom Support", + href: "/contact-cs", + }, + { + label: "Event Organizer", + href: "/contact-eo", + }, + { + label: "Project Management", + href: "/contact-pm", + }, + { + label: "Documentation", + href: "/contact-doc", + }, + ], + }, + { + title: "Teams", + links: [ + { + label: "Team Version 01", + href: "/team-1", + }, + { + label: "Team Version 02", + href: "/team-2", + }, + { + label: "Team Version 03", + href: "/team-3", + }, + { + label: "Team Version 04", + href: "/team-4", + }, + { + label: "Team Version 05", + href: "/team-5", + }, + { + label: "Team Version 06", + href: "/team-6", + }, + { + label: "Team Details", + href: "/teams/1", + }, + { + label: "Team Details Slider", + href: "/team-details-v2/1", + }, + ], + }, + { href: "/faq", label: "Faq" }, + { href: "/faqs/2", label: "Faq Details" }, + + + ], + }, + { + title: "Features", + links: [ + { + title: "Services", + links: [ + { + label: "Service Version 01", + href: "/service-v1", + }, + { + label: "Service Version 02", + href: "/service-v2", + }, + { + label: "Service Version 03", + href: "/service-v3", + }, + { + label: "Service Version 04", + href: "/service-v4", + }, + { + label: "Service Details", + href: "/services/3", + }, + ] + }, + { + title: "Miscellaneous", + links: [ + { + label: "Terms & Condition", + href: "/terms-conditions", + }, + { + label: "Login", + href: "/login", + }, + { + label: "Signup", + href: "/signup", + }, + { + label: "404", + href: "/not-found", + }, + ] + }, + { href: "/solution-management", label: "Our Solution" }, + { href: "/product-customer-support", label: "Product Features" }, + { href: "/features-customer-support", label: "Our Features" }, + + ], + }, + { + title: "Portfolio", + links: [ + { + label: "Classic Style", + href: "/classic-style", + }, + { + label: "Grid 2 Columns", + href: "/grid-two-col", + }, + { + label: "Grid 3 Columns", + href: "/grid-three-col", + }, + { + label: "Gallery Slider", + href: "/gallery-slider", + }, + { + label: "Grid Single", + href: "/grid-single", + }, + { + label: "Classic Details", + href: "/portfolios/2", + }, + ], + }, + { + title: "Blogs", + links: [ + { + label: "Blog Version 01", + href: "/blog-v1", + }, + { + label: "Blog Version 02", + href: "/blog-v2", + }, + { + label: "Blog Version 03", + href: "/blog-v3", + }, + { + label: "Blog Version 04", + href: "/blog-v4", + }, + { + label: "Blog Version 05", + href: "/blog-v5", + }, + { + label: "Blog Version 06", + href: "/blog-v6", + }, + { + label: "Blog Details", + href: "/blogs/3", + }, + ], + }, + { + title: "Docs", + links: [ + { + label: "Full Width", + href: "/doc-full-width", + }, + { + label: "Full Width Banner", + href: "/doc-full-width-banner", + }, + { + label: "Doc Box", + href: "/doc-box", + }, + { + label: "Doc Box With Banner", + href: "/doc-box-with-banner", + }, + { + label: "Changelog", + href: "/changelog", + }, + ], + }, + ]; +export default function MobileMenu() { + const [showMenu, setShowMenu] = useState(false); + const [menuNesting, setMenuNesting] = useState([]); + const [menuItem, setMenuItem] = useState(""); + const [submenu, setSubmenu] = useState(""); + const pathname = usePathname(); + + useEffect(() => { + menuList.forEach((elm) => { + elm?.links?.forEach((elm2) => { + if (elm2.href == pathname) { + setMenuItem(elm.title); + } else { + elm2?.links?.map((elm3) => { + if (elm3.href == pathname) { + setMenuItem(elm.title); + setSubmenu(elm2.title); + } + }); + } + }); + }); + }, []); + return ( + <> +
    + {menuList.map((elm, i) => { + if (elm.title) { + return ( +
    +
    + setMenuNesting((pre) => + pre[0] == elm.title ? [] : [elm.title], + ) + } + > + + {elm.title} + + +
    + + {elm.links && + elm.links.map((itm, index) => ( +
    + {itm.href && ( + + {itm.label} + + )} + + {itm.links && ( +
    +
    + setMenuNesting((pre) => + pre[1] == itm.title + ? [pre[0]] + : [pre[0], itm.title], + ) + } + > + + {itm.title && itm.title} + + + +
    +
    + {itm.links && + itm.links.map((itm2, index3) => ( + + {itm2.label} + + ))} +
    +
    + )} +
    + ))} +
    + ); + } + })} +
    + + ) + + + + +} diff --git a/components/header/MobileMenuTwo.jsx b/components/header/MobileMenuTwo.jsx new file mode 100644 index 0000000..9eaab92 --- /dev/null +++ b/components/header/MobileMenuTwo.jsx @@ -0,0 +1,475 @@ + +'use client' + +import Image from 'next/image'; +import Link from 'next/link'; +import { usePathname } from 'next/navigation'; +import React , {useState,useEffect} from 'react' +export const menuList = [ + { + title: "Home", + links: [ + { + label: "Event Organiser", + href: "/", + }, + { + label: "Project Management", + href: "/project-management", + }, + { + label: "Customer Support", + href: "/customer-support", + }, + { + label: "Doc landing", + href: "/doc-landing", + }, + { + label: "Product landing", + href: "/product-landing", + }, + { + label: "Product landing Dark", + href: "/product-landing-dark", + }, + { + label: "Note Taking App landing", + href: "/note-taking-landing", + }, + { + label: "Video Editor Landing", + href: "/video-editor-landing", + }, + { + label: "Appointment Scheduling", + href: "/appointment-scheduling", + }, + { + label: "Mobile App", + href: "/mobile-app-landing", + }, + { + label: "Doc Signature", + href: "/doc-signature", + }, + { + label: "Website Builder", + href: "/website-builder", + }, + { + label: "Form Survey", + href: "/form-survey-landing", + }, + { + label: "VR Landing", + href: "/vr-landing", + }, + { + label: "E-Commerce", + href: "/e-commerce", + }, + { + label: "Coming Soon", + href: "/coming-soon", + }, + ], + }, + { + title: "Pages", + links: [ + { + title: "Pricing", + links: [ + { + label: "Customer Support", + href: "/pricing-cs", + }, + { + label: "Event Organiser", + href: "/pricing-eo", + }, + { + label: "Project Management", + href: "/pricing-pm", + }, + ] + }, + { + title: "About Us", + + links:[ + { + label: "Customer Support", + href: "/about-cs", + }, + { + label: "Event Organiser", + href: "/about-eo", + }, + { + label: "Project Management", + href: "/about-pm", + }, + { + label: "Documentation", + href: "/about-doc", + }, + ], + }, + { + title: "Contact", + links: [ + { + label: "Custom Support", + href: "/contact-cs", + }, + { + label: "Event Organizer", + href: "/contact-eo", + }, + { + label: "Project Management", + href: "/contact-pm", + }, + { + label: "Documentation", + href: "/contact-doc", + }, + ], + }, + { + title: "Teams", + links: [ + { + label: "Team Version 01", + href: "/team-1", + }, + { + label: "Team Version 02", + href: "/team-2", + }, + { + label: "Team Version 03", + href: "/team-3", + }, + { + label: "Team Version 04", + href: "/team-4", + }, + { + label: "Team Version 05", + href: "/team-5", + }, + { + label: "Team Version 06", + href: "/team-6", + }, + { + label: "Team Details", + href: "/teams/1", + }, + { + label: "Team Details Slider", + href: "/team-details-v2/1", + }, + ], + }, + { href: "/faq", label: "Faq" }, + { href: "/faqs/2", label: "Faq Details" }, + + + ], + }, + { + title: "Features", + links: [ + { + title: "Services", + links: [ + { + label: "Service Version 01", + href: "/service-v1", + }, + { + label: "Service Version 02", + href: "/service-v2", + }, + { + label: "Service Version 03", + href: "/service-v3", + }, + { + label: "Service Version 04", + href: "/service-v4", + }, + { + label: "Service Details", + href: "/services/3", + }, + ] + }, + { + title: "Miscellaneous", + links: [ + { + label: "Terms & Condition", + href: "/terms-conditions", + }, + { + label: "Login", + href: "/login", + }, + { + label: "Signup", + href: "/signup", + }, + { + label: "404", + href: "/not-found", + }, + ] + }, + { href: "/solution-management", label: "Our Solution" }, + { href: "/product-customer-support", label: "Product Features" }, + { href: "/features-customer-support", label: "Our Features" }, + + ], + }, + { + title: "Portfolio", + links: [ + { + label: "Classic Style", + href: "/classic-style", + }, + { + label: "Grid 2 Columns", + href: "/grid-two-col", + }, + { + label: "Grid 3 Columns", + href: "/grid-three-col", + }, + { + label: "Gallery Slider", + href: "/gallery-slider", + }, + { + label: "Grid Single", + href: "/grid-single", + }, + { + label: "Classic Details", + href: "/portfolios/2", + }, + ], + }, + { + title: "Blogs", + links: [ + { + label: "Blog Version 01", + href: "/blog-v1", + }, + { + label: "Blog Version 02", + href: "/blog-v2", + }, + { + label: "Blog Version 03", + href: "/blog-v3", + }, + { + label: "Blog Version 04", + href: "/blog-v4", + }, + { + label: "Blog Version 05", + href: "/blog-v5", + }, + { + label: "Blog Version 06", + href: "/blog-v6", + }, + { + label: "Blog Details", + href: "/blogs/3", + }, + ], + }, + { + title: "Docs", + links: [ + { + label: "Full Width", + href: "/doc-full-width", + }, + { + label: "Full Width Banner", + href: "/doc-full-width-banner", + }, + { + label: "Doc Box", + href: "/doc-box", + }, + { + label: "Doc Box With Banner", + href: "/doc-box-with-banner", + }, + { + label: "Changelog", + href: "/changelog", + }, + ], + }, + ]; +export default function MobileMenuTwo() { + const [showMenu, setShowMenu] = useState(false); + const [menuNesting, setMenuNesting] = useState([]); + const [menuItem, setMenuItem] = useState(""); + const [submenu, setSubmenu] = useState(""); + const pathname = usePathname(); + + useEffect(() => { + menuList.forEach((elm) => { + elm?.links?.forEach((elm2) => { + if (elm2.href == pathname) { + setMenuItem(elm.title); + } else { + elm2?.links?.map((elm3) => { + if (elm3.href == pathname) { + setMenuItem(elm.title); + setSubmenu(elm2.title); + } + }); + } + }); + }); + }, []); + return ( + <> +
    + {menuList.map((elm, i) => { + if (elm.title) { + return ( +
    +
    + setMenuNesting((pre) => + pre[0] == elm.title ? [] : [elm.title], + ) + } + > + + {elm.title} + + chevron +
    + + {elm.links && + elm.links.map((itm, index) => ( +
    + {itm.href && ( + + {itm.label} + + )} + + {itm.links && ( +
    +
    + setMenuNesting((pre) => + pre[1] == itm.title + ? [pre[0]] + : [pre[0], itm.title], + ) + } + > + + {itm.title && itm.title} + + chevron +
    +
    + {itm.links && + itm.links.map((itm2, index3) => ( + + {itm2.label} + + ))} +
    +
    + )} +
    + ))} +
    + ); + } + })} +
    + + ) + + + + +} diff --git a/components/header/landing/HeaderLanding.jsx b/components/header/landing/HeaderLanding.jsx new file mode 100644 index 0000000..c0921a4 --- /dev/null +++ b/components/header/landing/HeaderLanding.jsx @@ -0,0 +1,240 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import Modal from "react-modal"; +import HeaderPopupForm from "../../form/HeaderPopupForm"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +// Modal.setAppElement("#root"); + +const logo = "/images/logo/deski_06.svg"; + +const HeaderLanding = () => { + const [isOpen, setIsOpen] = useState(false); + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + function toggleModalOne() { + setIsOpen(!isOpen); + } + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + +
    + +
    +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + +
    +
    + + {/* End close icon */} + +
    +
    +
    +
    +
    + “I never dreamed about success. I worked for it.” +
    + —Estée Lauder +
    +
    + image +
    +
    + {/* /.left-side */} + +
    +

    Contact us

    + +
    + {/* /.right-side */} +
    + {/* /.main-body */} +
    +     + {/* End Modal For Request a demo */} + + ); +}; + +export default HeaderLanding; diff --git a/components/header/landing/HeaderLandingAppointment.jsx b/components/header/landing/HeaderLandingAppointment.jsx new file mode 100644 index 0000000..8fc4b61 --- /dev/null +++ b/components/header/landing/HeaderLandingAppointment.jsx @@ -0,0 +1,183 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +const HeaderLandingAppointment = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + +
    +
      +
    • + + icon + login + +
      • +
    • + + Sign up + +
      • +
    +
    + {/* End .right-widget */} + + +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + ); +}; + +export default HeaderLandingAppointment; diff --git a/components/header/landing/HeaderLandingDark.jsx b/components/header/landing/HeaderLandingDark.jsx new file mode 100644 index 0000000..5e07763 --- /dev/null +++ b/components/header/landing/HeaderLandingDark.jsx @@ -0,0 +1,237 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import Modal from "react-modal"; +import HeaderPopupForm from "../../form/HeaderPopupForm"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +// Modal.setAppElement("#root"); + +const HeaderLandingDark = () => { + const [isOpen, setIsOpen] = useState(false); + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + function toggleModalOne() { + setIsOpen(!isOpen); + } + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + +
    + +
    +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + +
    +
    + + {/* End close icon */} + +
    +
    +
    +
    +
    + “I never dreamed about success. I worked for it.” +
    + —Estée Lauder +
    +
    + image +
    +
    + {/* /.left-side */} + +
    +

    Contact us

    + +
    + {/* /.right-side */} +
    + {/* /.main-body */} +
    +     + {/* End Modal For Request a demo */} + + ); +}; + +export default HeaderLandingDark; diff --git a/components/header/landing/HeaderLandingDocSignature.jsx b/components/header/landing/HeaderLandingDocSignature.jsx new file mode 100644 index 0000000..1e875d2 --- /dev/null +++ b/components/header/landing/HeaderLandingDocSignature.jsx @@ -0,0 +1,237 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import Modal from "react-modal"; +import HeaderPopupForm from "../../form/HeaderPopupForm"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +// ReactModal.setAppElement('#lll'); + +const HeaderLandingDocSignature = () => { + const [isOpen, setIsOpen] = useState(false); + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + function toggleModalOne() { + setIsOpen(!isOpen); + } + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + +
    + +
    +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + +
    +
    + + {/* End close icon */} + +
    +
    +
    +
    +
    + “I never dreamed about success. I worked for it.” +
    + —Estée Lauder +
    +
    + image +
    +
    + {/* /.left-side */} + +
    +

    Contact us

    + +
    + {/* /.right-side */} +
    + {/* /.main-body */} +
    +     + {/* End Modal For Request a demo */} + + ); +}; + +export default HeaderLandingDocSignature; diff --git a/components/header/landing/HeaderLandingEditor.jsx b/components/header/landing/HeaderLandingEditor.jsx new file mode 100644 index 0000000..0fdbf3d --- /dev/null +++ b/components/header/landing/HeaderLandingEditor.jsx @@ -0,0 +1,189 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +const HeaderLandingEditor = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + + window.addEventListener("scroll", changeBackground); + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + +
    +
      +
    • + + icon + login + +
      • +
    • + + Sign up- It’s Free + +
      • +
    +
    + {/* End .right-widget */} +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + ); +}; + +export default HeaderLandingEditor; diff --git a/components/header/landing/HeaderLandingMobileApp.jsx b/components/header/landing/HeaderLandingMobileApp.jsx new file mode 100644 index 0000000..582dfeb --- /dev/null +++ b/components/header/landing/HeaderLandingMobileApp.jsx @@ -0,0 +1,217 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +const HeaderLandingMobileApp = () => { + // For header select menu + const [click1, setClick1] = useState(false); + const handleClick1 = () => setClick1(!click1); + + // For Mobile menu + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + + {/* End Navbar */} + +
    + +
    + {/* End right-widget */} +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + + +
    + {/* Mobile Menu End */} + + ); +}; + +export default HeaderLandingMobileApp; diff --git a/components/header/landing/HeaderLandingNoteTaking.jsx b/components/header/landing/HeaderLandingNoteTaking.jsx new file mode 100644 index 0000000..76912cd --- /dev/null +++ b/components/header/landing/HeaderLandingNoteTaking.jsx @@ -0,0 +1,240 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +const HeaderLandingNoteTaking = () => { + // For header select menu + const [click1, setClick1] = useState(false); + const handleClick1 = () => setClick1(!click1); + + // For Mobile menu + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + + {/* End Navbar */} + +
    + +
    + {/* End right-widget */} +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + ); +}; + +export default HeaderLandingNoteTaking; diff --git a/components/header/landing/HeaderLandingWebsiteBuilder.jsx b/components/header/landing/HeaderLandingWebsiteBuilder.jsx new file mode 100644 index 0000000..af2d14f --- /dev/null +++ b/components/header/landing/HeaderLandingWebsiteBuilder.jsx @@ -0,0 +1,196 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import MegaMenuLanding from "../../header/mega-menu/MegaMenuLanding"; +import Image from "next/image"; + +const HeaderLandingWebsiteBuilder = () => { + // For Mobile menu + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + +
    +
      +
    • + + icon + login + +
      • + {/* End login */} +
    • + + Start Free Trial + +
      • +
    +
    + {/* End right-widget */} + + + {/* End Navbar */} +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + + +
    + {/* Mobile Menu End */} + + ); +}; + +export default HeaderLandingWebsiteBuilder; diff --git a/components/header/mega-menu/MegaMenu.jsx b/components/header/mega-menu/MegaMenu.jsx new file mode 100644 index 0000000..f488c2b --- /dev/null +++ b/components/header/mega-menu/MegaMenu.jsx @@ -0,0 +1,552 @@ + + +'use client' +import Image from "next/image"; +import React, { useState } from "react"; +import Link from "next/link"; +import { usePathname } from "next/navigation"; +import MenuLink from "./MenuLink"; +import MenuLinkTwo from "./MenuLinkTwo"; +const HomeDropdown = [ + { + img: "home01", + routerPath: "/", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Event Organizer", + }, + { + img: "home02", + routerPath: "/doc-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Doc Landing", + }, + { + img: "home03", + routerPath: "/project-management", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Project Management", + }, + { + img: "home04", + routerPath: "/customer-support", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Customer Support", + }, + { + img: "home05", + routerPath: "/product-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Product Landing", + }, + { + img: "home06", + routerPath: "/product-landing-dark", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Product Landing Dark", + }, + { + img: "home07", + routerPath: "/note-taking-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Not Taking Landing", + }, + { + img: "home08", + routerPath: "/video-editor-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Video Editor Landing", + }, + { + img: "home10", + routerPath: "/appointment-scheduling", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Appointment Scheduling", + }, + { + img: "home11", + routerPath: "/mobile-app-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Mobile App Landing", + }, + { + img: "home12", + routerPath: "/doc-signature", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Doc Signature", + }, + { + img: "home13", + routerPath: "/website-builder", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Website Builder", + }, + { + img: "home14", + routerPath: "/form-survey-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Form Survey", + }, + { + img: "home16", + routerPath: "/vr-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "VR Landing", + }, + { + img: "home15", + routerPath: "/e-commerce", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "E-commerce", + }, + { + img: "home09", + routerPath: "/coming-soon", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Coming Soon", + }, +]; + +const Pricing = [ + { + name: "Customer Support", + routerPath: "/pricing-cs", + }, + { + name: "Event Organiser", + routerPath: "/pricing-eo", + }, + { + name: "Project Management", + routerPath: "/pricing-pm", + }, +]; +const AboutUs = [ + { + name: "Customer Support", + routerPath: "/about-cs", + }, + { + name: "Event Organiser", + routerPath: "/about-eo", + }, + { + name: "Project Management", + routerPath: "/about-pm", + }, + { + name: "Documentation", + routerPath: "/about-doc", + }, +]; + +const ContactUS = [ + { + name: "Customer Support", + routerPath: "/contact-cs", + }, + { + name: "Event Organiser", + routerPath: "/contact-eo", + }, + { + name: "Project Management", + routerPath: "/contact-pm", + }, + { + name: "Documentation", + routerPath: "/contact-doc", + }, +]; +const Team = [ + { + name: "Team Version 01", + routerPath: "/team-1", + }, + { + name: "Team Version 02", + routerPath: "/team-2", + }, + { + name: "Team Version 03", + routerPath: "/team-3", + }, + { + name: "Team Version 04", + routerPath: "/team-4", + }, + { + name: "Team Version 05", + routerPath: "/team-5", + }, + { + name: "Team Version 06", + routerPath: "/team-6", + }, + { + name: "Team Details", + routerPath: "/teams/1", + }, + { + name: "Team Details Slider", + routerPath: "/team-details-v2/1", + }, +]; + +const Services = [ + { + name: "Service Version 01", + routerPath: "/service-v1", + }, + { + name: "Service Version 02", + routerPath: "/service-v2", + }, + { + name: "Service Version 03", + routerPath: "/service-v3", + }, + { + name: "Service Version 04", + routerPath: "/service-v4", + }, + { + name: "Service Details", + routerPath: "/services/1", + }, +]; +const Miscellaneous = [ + { + name: "Terms & Condition", + routerPath: "/terms-conditions", + }, + { + name: "Login", + routerPath: "/login", + }, + { + name: "Signup", + routerPath: "/signup", + }, + { + name: "404", + routerPath: "/not-found", + }, +]; +const Portfolio = [ + { + name: "Classic Style", + routerPath: "/classic-style", + }, + { + name: "Grid 2 Columns", + routerPath: "/grid-two-col", + }, + { + name: "Grid 3 Columns", + routerPath: "/grid-three-col", + }, + { + name: "Gallery Slider", + routerPath: "/gallery-slider", + }, + { + name: "Grid Single", + routerPath: "/grid-single", + }, + { + name: "Classic Details", + routerPath: "/portfolios/3", + }, +]; +const Blogs = [ + { + name: "Blog Version 01", + routerPath: "/blog-v1", + }, + { + name: "Blog Version 02", + routerPath: "/blog-v2", + }, + { + name: "Blog Version 03", + routerPath: "/blog-v3", + }, + { + name: "Blog Version 04", + routerPath: "/blog-v4", + }, + { + name: "Blog Version 05", + routerPath: "/blog-v5", + }, + { + name: "Blog Version 06", + routerPath: "/blog-v6", + }, + { + name: "Blog Details", + routerPath: "/blogs/1", + }, +]; +const Docs = [ + { + name: "Full Width", + routerPath: "/doc-full-width", + }, + { + name: "Full Width Banner", + routerPath: "/doc-full-width-banner", + }, + { + name: "Doc Box", + routerPath: "/doc-box", + }, + { + name: "Doc Box With Banner", + routerPath: "/doc-box-with-banner", + }, + { + name: "Changelog ***", + routerPath: "/changelog", + }, +]; + +const MegaMenu = () => { + const pathname = usePathname(); + const [currentTopRoute, setCurrentTopRoute] = useState('Home') + return ( + + ); + // End navbar nav mega menu main +}; + +export default MegaMenu; diff --git a/components/header/mega-menu/MegaMenuLanding.jsx b/components/header/mega-menu/MegaMenuLanding.jsx new file mode 100644 index 0000000..322ff6f --- /dev/null +++ b/components/header/mega-menu/MegaMenuLanding.jsx @@ -0,0 +1,158 @@ +'use client' + +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const HomeDropdown = [ + { + img: "home01", + routerPath: "/", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Event Organizer", + }, + { + img: "home02", + routerPath: "/doc-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Doc Landing", + }, + { + img: "home03", + routerPath: "/project-management", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Project Management", + }, + { + img: "home04", + routerPath: "/customer-support", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Customer Support", + }, + { + img: "home05", + routerPath: "/product-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Product Landing", + }, + { + img: "home06", + routerPath: "/product-landing-dark", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Product Landing Dark", + }, + { + img: "home07", + routerPath: "/note-taking-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Not Taking Landing", + }, + { + img: "home08", + routerPath: "/video-editor-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Video Editor Landing", + }, + { + img: "home10", + routerPath: "/appointment-scheduling", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Appointment Scheduling", + }, + { + img: "home13", + routerPath: "/website-builder", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Website Builder", + }, + { + img: "home11", + routerPath: "/mobile-app-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Mobile App Landing", + }, + { + img: "home12", + routerPath: "/doc-signature", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Doc Signature", + }, + { + img: "home14", + routerPath: "/form-survey-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Form Survey", + }, + { + img: "home16", + routerPath: "/vr-landing", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "VR Landing", + }, + + { + img: "home09", + routerPath: "/coming-soon", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "Coming Soon", + }, + { + img: "home15", + routerPath: "/e-commerce", + inenerText: "", + inenerTextWrapClass: "", + clasName: `dropdown-item img-box`, + title: "E-commerce", + }, +]; +import { usePathname } from "next/navigation"; +const MegaMenuLanding = () => { + const pathname = usePathname(); + return ( +
      + {HomeDropdown.map((val, i) => ( +
    • + + home-demo + {val.title} +
      +
      {val.inenerText}
      +
      + +
      • + ))} +
    + ); + // End navbar nav mega menu main +}; + +export default MegaMenuLanding; diff --git a/components/header/mega-menu/MegaMenuMobile.jsx b/components/header/mega-menu/MegaMenuMobile.jsx new file mode 100644 index 0000000..9be0cb1 --- /dev/null +++ b/components/header/mega-menu/MegaMenuMobile.jsx @@ -0,0 +1,327 @@ +'use client' + +import React, { useState } from "react"; +import Link from "next/link"; + +import Image from "next/image"; + +const HomeMobileMenu = [ + { + label: "Event Organiser", + href: "/", + }, + { + label: "Project Management", + href: "/project-management", + }, + { + label: "Customer Support", + href: "/customer-support", + }, + { + label: "Doc landing", + href: "/doc-landing", + }, + { + label: "Product landing", + href: "/product-landing", + }, + { + label: "Product landing Dark", + href: "/product-landing-dark", + }, + { + label: "Note Taking App landing", + href: "/note-taking-landing", + }, + { + label: "Video Editor Landing", + href: "/video-editor-landing", + }, + { + label: "Appointment Scheduling", + href: "/appointment-scheduling", + }, + { + label: "Mobile App", + href: "/mobile-app-landing", + }, + { + label: "Doc Signature", + href: "/doc-signature", + }, + { + label: "Website Builder", + href: "/website-builder", + }, + { + label: "Form Survey", + href: "/form-survey-landing", + }, + { + label: "VR Landing", + href: "/vr-landing", + }, + { + label: "E-Commerce", + href: "/e-commerce", + }, + { + label: "Coming Soon", + href: "/coming-soon", + }, +]; + +const Pricing = [ + { + label: "Customer Support", + href: "/pricing-cs", + }, + { + label: "Event Organiser", + href: "/pricing-eo", + }, + { + label: "Project Management", + href: "/pricing-pm", + }, +]; +const AboutUs = [ + { + label: "Customer Support", + href: "/about-cs", + }, + { + label: "Event Organiser", + href: "/about-eo", + }, + { + label: "Project Management", + href: "/about-pm", + }, + { + label: "Documentation", + href: "/about-doc", + }, +]; +const ContactUs = [ + { + label: "Custom Support", + href: "/contact-cs", + }, + { + label: "Event Organizer", + href: "/contact-eo", + }, + { + label: "Project Management", + href: "/contact-pm", + }, + { + label: "Documentation", + href: "/contact-doc", + }, +]; +const Team = [ + { + label: "Team Version 01", + href: "/team-1", + }, + { + label: "Team Version 02", + href: "/team-2", + }, + { + label: "Team Version 03", + href: "/team-3", + }, + { + label: "Team Version 04", + href: "/team-4", + }, + { + label: "Team Version 05", + href: "/team-5", + }, + { + label: "Team Version 06", + href: "/team-6", + }, + { + label: "Team Details", + href: "/teams/1", + }, + { + label: "Team Details Slider", + href: "/team-details-v2/1", + }, +]; +const Services = [ + { + label: "Service Version 01", + href: "/service-v1", + }, + { + label: "Service Version 02", + href: "/service-v2", + }, + { + label: "Service Version 03", + href: "/service-v3", + }, + { + label: "Service Version 04", + href: "/service-v4", + }, + { + label: "Service Details", + href: "/services/3", + }, +]; +const Miscellaneous = [ + { + label: "Terms & Condition)", + href: "/terms-conditions", + }, + { + label: "Login", + href: "/login", + }, + { + label: "Signup", + href: "/signup", + }, + { + label: "404", + href: "/not-found", + }, +]; +const Portfolio = [ + { + label: "Classic Style", + href: "/classic-style", + }, + { + label: "Grid 2 Columns", + href: "/grid-two-col", + }, + { + label: "Grid 3 Columns", + href: "/grid-three-col", + }, + { + label: "Gallery Slider", + href: "/gallery-slider", + }, + { + label: "Grid Single", + href: "/grid-single", + }, + { + label: "Classic Details", + href: "/portfolios/2", + }, +]; +const Blogs = [ + { + label: "Blog Version 01", + href: "/blog-v1", + }, + { + label: "Blog Version 02", + href: "/blog-v2", + }, + { + label: "Blog Version 03", + href: "/blog-v3", + }, + { + label: "Blog Version 04", + href: "/blog-v4", + }, + { + label: "Blog Version 05", + href: "/blog-v5", + }, + { + label: "Blog Version 06", + href: "/blog-v6", + }, + { + label: "Blog Details", + href: "/blogs/3", + }, +]; +const Docs = [ + { + label: "Full Width", + href: "/doc-full-width", + }, + { + label: "Full Width Banner", + href: "/doc-full-width-banner", + }, + { + label: "Doc Box", + href: "/doc-box", + }, + { + label: "Doc Box With Banner", + href: "/doc-box-with-banner", + }, + { + label: "Changelog", + href: "/changelog", + }, +]; +import { usePathname } from "next/navigation"; +import MenuLinkTwo from "./MenuLinkTwo"; +import MobileMenuTwo from "../MobileMenuTwo"; +const MegaMenuMobile = () => { + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + + + return ( +
    +
    +
    + +
    + {/* End Header */} + +
    +
    +
    + + home-demo + +
    +
    + icon +
    + {/* Mobile Menu close icon */} + + {/* End logo */} +
    +
    + +
    +
    +
    + ); +}; + +export default MegaMenuMobile; diff --git a/components/header/mega-menu/MenuLink.jsx b/components/header/mega-menu/MenuLink.jsx new file mode 100644 index 0000000..5487c2c --- /dev/null +++ b/components/header/mega-menu/MenuLink.jsx @@ -0,0 +1,24 @@ + +'use client' +import Link from "next/link"; +import React, { useEffect } from 'react' +import { usePathname } from "next/navigation"; +export default function MenuLink({val,setCurrentTopRoute,topMenu}) { + const pathname = usePathname(); + useEffect(() => { + if (pathname.split('/')[1] == val.routerPath.split('/')[1]) { + setCurrentTopRoute(topMenu) + + } + + + }, []) + + return ( +
  • + + {val.name} + +
    • + ) +} diff --git a/components/header/mega-menu/MenuLinkTwo.jsx b/components/header/mega-menu/MenuLinkTwo.jsx new file mode 100644 index 0000000..f006d22 --- /dev/null +++ b/components/header/mega-menu/MenuLinkTwo.jsx @@ -0,0 +1,21 @@ +'use client' +import Link from "next/link"; +import React, { useEffect } from 'react' +import { usePathname } from "next/navigation"; + +export default function MenuLinkTwo({val,setCurrentTopRoute,topMenu}) { + const pathname = usePathname(); + useEffect(() => { + if (pathname.split('/')[1] == val.routerPath.split('/')[1]) { + setCurrentTopRoute(topMenu) + + } + + + }, []) + return ( + + {val.name} + + ) +} diff --git a/components/hero-banner/HeroBannerEight.jsx b/components/hero-banner/HeroBannerEight.jsx new file mode 100644 index 0000000..506724e --- /dev/null +++ b/components/hero-banner/HeroBannerEight.jsx @@ -0,0 +1,72 @@ + +'use client' + + +import React from "react"; +import Video from "../../elements/Video"; +import BrandFive from "../../components/brand/BrandFive"; +import Image from "next/image"; + +const heroContent = { + title: "Edit video & create great content", + description: `Make stunning videos with animation, stock footage, and photos.`, + buttonText: " Download - It’s free", +}; + +const HeroBannerEight = () => { + return ( +
    +
    +
    +
    +

    + {heroContent.title} +

    +

    + {heroContent.description} +

    + + {heroContent.buttonText} + +
    +
    + +
    +
    + {/* /.video-wrapper */} +
    + +
    +
    +
    + +
    +
    +
    + {/* /.partner-slider-two */} + shape + shape +
    + // /.hero-banner-eight + ); +}; + +export default HeroBannerEight; diff --git a/components/hero-banner/HeroBannerEleven.jsx b/components/hero-banner/HeroBannerEleven.jsx new file mode 100644 index 0000000..f8986f1 --- /dev/null +++ b/components/hero-banner/HeroBannerEleven.jsx @@ -0,0 +1,64 @@ +import React from "react"; +import FormDemo from "../../components/form/FormDemo"; +import BrandFive from "../../components/brand/BrandFive"; +import Image from "next/image"; + +const HeroBannerEleven = () => { + return ( +
    +
    +
    +
    +
    +

    + Edit & Sign
    PDF{" "} + + documents + shape + + Online free. +

    +

    + Document edit, workflow, simplified +

    + +

    No credit card required

    +
    + {/* .hero-text-wrapper */} +
    + {/* End .col-xl-7 */} + +
    + illustration +
    +
    + {/* Emd .row */} +
    + {/* End .container */} + +
    +
    +
    +
    +

    + Join 27,000+ companies who’ve reached document + workflow with Deski +

    +
    +
    +
    + +
    +
    +
    + {/* /.partner-slider-two */} +
    + // .hero-banner-eleven + ); +}; + +export default HeroBannerEleven; diff --git a/components/hero-banner/HeroBannerFive.jsx b/components/hero-banner/HeroBannerFive.jsx new file mode 100644 index 0000000..b0f2416 --- /dev/null +++ b/components/hero-banner/HeroBannerFive.jsx @@ -0,0 +1,198 @@ +'use client' + +import React, { useState } from "react"; +import BrandTwo from "../brand/BrandTwo"; +import Modal from "react-modal"; +import HeaderPopupForm from "../form/HeaderPopupForm"; +import Image from "next/image"; + +// Modal.setAppElement("#root"); + +const HeroBannerFive = () => { + const [isOpen, setIsOpen] = useState(false); + function toggleModalOne() { + setIsOpen(!isOpen); + } + + return ( +
    +
    +
    +
    +

    + Build your Product with Deski pro app. +

    +

    + Deski delivered blazing fast performance, striking word soludtion +

    +
    +
    + {/* End .row */} + + + {/* End button group */} + +

    + Different Platform? Contact us +

    + {/* End sign-in-call */} +
    + {/* End .container */} + +
    +
    +
    + shape + shape + shape +
    + {/* /.screen-container */} +
    +
    + {/* /.img-gallery */} + + shape + shape + shape + shape + +
    +
    +

    + Over 32K+ software businesses growing with Deski. +

    +
    + +
    + {/* End .partner slider two */} +
    +
    + {/* /.partner-slider-two */} + + +
    +
    + + {/* End close icon */} + +
    +
    +
    +
    +
    + “I never dreamed about success. I worked for it.” +
    + —Estée Lauder +
    +
    + image +
    +
    + {/* /.left-side */} + +
    +

    Contact us

    + +
    + {/* /.right-side */} +
    + {/* /.main-body */} +
    +     + {/* End Modal For Request a demo */} +
    + // /.hero-banner-five + ); +}; + +export default HeroBannerFive; diff --git a/components/hero-banner/HeroBannerFour.jsx b/components/hero-banner/HeroBannerFour.jsx new file mode 100644 index 0000000..eea0a76 --- /dev/null +++ b/components/hero-banner/HeroBannerFour.jsx @@ -0,0 +1,109 @@ +import React from "react"; +import Link from "next/link"; +import FeaturesEight from "../features/FeaturesEight"; +import Image from "next/image"; + +const HeroBannerFour = () => { + return ( +
    + shape + shape + shape + shape + +
    +
    +
    +
    + shape + shape + shape + shape +
    +

    + Over 150,000+ client all over the world. +

    +
    + {/* End .col */} + +
    +
    +

    + Event ticket organiser & seller. +

    +

    + For hassale free event, we are here to help you by creating + online ticket. +

    + + {" "} + Let’s get started + +
    + {/* /.text-wrapper */} +
    + {/* End .col */} +
    +
    + +
    +
    +
    + +
    +
    +
    + {/* /.fancy-feature-eight */} +
    + ); + // {/* /.hero-banner-four */} +}; + +export default HeroBannerFour; diff --git a/components/hero-banner/HeroBannerNine.jsx b/components/hero-banner/HeroBannerNine.jsx new file mode 100644 index 0000000..412934e --- /dev/null +++ b/components/hero-banner/HeroBannerNine.jsx @@ -0,0 +1,57 @@ +import React from "react"; +import BrandFour from "../brand/BrandFour"; +import FormAppoint from "../form/FormAppoint"; +import Link from "next/link"; +import Image from "next/image"; + +const HeroBannerNine = () => { + return ( +
    + shape +
    +
    + screen +
    + {/* illustration-container */} + +
    +
    +

    + Simplified{" "} + + Scheduling shape + {" "} + app for all. +

    +

    + Deski is your hub for scheduling & meetings professionally and + efficiently. +

    + +

    + Already using Deski? Sign in. +

    +
    +
    + {/* End .row */} +
    + {/* End .container */} + +
    +
    +

    + Simplified scheduling for more than 200,000,000{" "} + meetings +

    +
    + +
    +
    +
    + {/* /.partner-slider-two */} +
    + // /.hero-banner-nine + ); +}; + +export default HeroBannerNine; diff --git a/components/hero-banner/HeroBannerSeven.jsx b/components/hero-banner/HeroBannerSeven.jsx new file mode 100644 index 0000000..2f3021d --- /dev/null +++ b/components/hero-banner/HeroBannerSeven.jsx @@ -0,0 +1,51 @@ +'use client' + +import React from "react"; +import FormDemo from "../../components/form/FormDemo"; +import BrandFour from "../brand/BrandFour"; +import Image from "next/image"; +const HeroBannerSeven = () => { + return ( +
    +
    +
    + ils +
    + {/* End .illustration-container */} + +
    +
    +

    + Capture Idea & find it later. +

    +

    + Deski delivered blazing fast, striking soludtion +

    + +

    + For teams & individuals — web, mobile, Mac, Windows +

    +
    +
    + {/* End .row */} +
    + {/* End .container */} + +
    +
    +

    + Over 32K+ software businesses growing with Deski. +

    +
    + +
    +
    +
    + {/* End .partner-slider-two */} + + {/* /.partner-slider-two */} +
    + ); +}; + +export default HeroBannerSeven; diff --git a/components/hero-banner/HeroBannerSix.jsx b/components/hero-banner/HeroBannerSix.jsx new file mode 100644 index 0000000..37786a6 --- /dev/null +++ b/components/hero-banner/HeroBannerSix.jsx @@ -0,0 +1,72 @@ +'use client' + +import Image from "next/image"; +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; + +const HeroBannerSix = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> +
    +
    +

    + Build your Next Product with Deski. +

    +

    + Deski delivered blazing fast, striking soludtion +

    +
    +
    setOpen(true)} + data-aos="fade-up" + data-aos-duration="1200" + data-aos-delay="150" + > + icon + See Intro Video +
    + + icon +
    + Download on the + App store +
    +     +
    +
    + {/* End .col */} +
    + {/* End .row */} + setOpen(false)} + /> + + ); +}; + +export default HeroBannerSix; diff --git a/components/hero-banner/HeroBannerThree.jsx b/components/hero-banner/HeroBannerThree.jsx new file mode 100644 index 0000000..f34b0df --- /dev/null +++ b/components/hero-banner/HeroBannerThree.jsx @@ -0,0 +1,86 @@ +import React from "react"; +import FormDoc from "../form/FormDoc"; +import Link from "next/link"; +import Image from "next/image"; + +const HeroBannerThree = () => { + return ( +
    +
    +
    +
    +

    Doc software you looking for.

    +
    + {/* End .col */} + +
    +

    + With deski Docs, you can write, edit, and collaborate wherever you + are with 7 day trial +

    +
    + {/* End .col */} +
    + {/* End .row */} + +
    + +
    + {/* End search-filter-from */} + +

    + Already using deski?{" "} + + Sign in. + + . +

    + + illustration +
    + {/* /.container */} + + shape + shape + shape + shape + shape + shape + shape + shape + shape + shape +
    + // End hero-banner-three + ); +}; + +export default HeroBannerThree; diff --git a/components/hero-banner/HeroBannerTwelve.jsx b/components/hero-banner/HeroBannerTwelve.jsx new file mode 100644 index 0000000..ed29b0d --- /dev/null +++ b/components/hero-banner/HeroBannerTwelve.jsx @@ -0,0 +1,96 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; + +const HeroBannerTwelve = () => { + return ( +
    +
    +
    +
    +

    + Building website{" "} + products,{" "} + brands & expereince +

    +

    + Make stunning videos with animation, stock footage, and photos. +

    +
    + + Get Started fo free{" "} + + +
    +
    +
    + +
    + screen + screen + screen + screen + screen + {/*
    */} +
    + shape + shape + shape + shape + shape + shape +
    + + // /.hero-banner-twelve + ); +}; + +export default HeroBannerTwelve; diff --git a/components/hero-banner/HeroBannerTwo.jsx b/components/hero-banner/HeroBannerTwo.jsx new file mode 100644 index 0000000..7149e44 --- /dev/null +++ b/components/hero-banner/HeroBannerTwo.jsx @@ -0,0 +1,101 @@ +'use client' + + +import React from "react"; +import Brand from "../brand/Brand"; +import Image from "next/image"; +const HeroBannerTwo = () => { + const handleSubmit = (event) => { + event.preventDefault(); + }; + return ( +
    +
    +
    +
    +
    + shape + shape + shape + shape +
    +
    + +
    +
    +

    + + Great ticketing + shape + + system for your customer. +

    +

    + For hassale free event, we are here to help you by creating + online ticket. +

    +
    + + +
    +
      +
    • Live chat
      • +
    • Ticketing
      • +
    • 14 days free trial
      • +
    +
    + {/* /.hero-text-wrapper */} +
    +
    + {/* /.row */} +
    + {/* /.container */} + +
    +
    +
    +
    +

    + Over 13,000+ Client all over the world. +

    +
    +
    +
    + +
    +
    +
    + {/* End .row */} +
    +
    + {/* /.trusted-companies */} +
    + // End .hero-banner-two + ); +}; + +export default HeroBannerTwo; diff --git a/components/portfolio/MobileAppPortfolio.jsx b/components/portfolio/MobileAppPortfolio.jsx new file mode 100644 index 0000000..9e551a1 --- /dev/null +++ b/components/portfolio/MobileAppPortfolio.jsx @@ -0,0 +1,62 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +const PortfolioImages = ["screen_21", "screen_22", "screen_23", "screen_22"]; + +const MobileAppPortfolio = () => { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: true, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 2, + centerMode: false, + }, + }, + { + breakpoint: 450, + settings: { + slidesToShow: 1, + centerMode: false, + dots: true, + }, + }, + ], + }; + + return ( + <> + + {PortfolioImages.map((val, i) => ( +
    +
    + screen +
    +
    + ))} +     + + ); +}; + +export default MobileAppPortfolio; diff --git a/components/portfolio/MobileAppScreenSlider.jsx b/components/portfolio/MobileAppScreenSlider.jsx new file mode 100644 index 0000000..8c01f10 --- /dev/null +++ b/components/portfolio/MobileAppScreenSlider.jsx @@ -0,0 +1,61 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const PortfolioImages = [ + "screen_25", + "screen_26", + "screen_27", + "screen_28", + "screen_29", + "screen_27", +]; + +const MobileAppScreenSlider = () => { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 5, + slidesToScroll: 1, + autoplay: true, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 4, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + dots: true, + }, + }, + ], + }; + + return ( + <> + + {PortfolioImages.map((val, i) => ( +
    +
    + screen +
    +
    + ))} +     + + ); +}; + +export default MobileAppScreenSlider; diff --git a/components/portfolio/Portfolio.jsx b/components/portfolio/Portfolio.jsx new file mode 100644 index 0000000..289207c --- /dev/null +++ b/components/portfolio/Portfolio.jsx @@ -0,0 +1,55 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +import { PortfolioImages } from "@/data/portfolios"; +import Link from "next/link"; + + +const Portfolio = () => { + const settings = { + dots: false, + draggable: false, + arrow: true, + infinite: false, + speed: 900, + slidesToShow: 4, + slidesToScroll: 1, + autoplay: false, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + dots: true, + }, + }, + ], + }; + + return ( + <> + + {PortfolioImages.map((val, i) => ( + +
    + {val.altName} +
    + + ))} +     + + ); +}; + +export default Portfolio; diff --git a/components/portfolio/PortfolioFive.jsx b/components/portfolio/PortfolioFive.jsx new file mode 100644 index 0000000..479ba38 --- /dev/null +++ b/components/portfolio/PortfolioFive.jsx @@ -0,0 +1,55 @@ +'use client' + + +import React from "react"; +import Link from "next/link"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import { PortfolioContent } from "@/data/portfolios"; +import Image from "next/image"; + + +const Portfolio = () => { + const settings = { + dots: true, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + centerMode: true, + centerPadding: "0", + }; + + return ( + <> + + {PortfolioContent.map((val, i) => ( +
    +
    + + portfolio + +
    +
    {val.meta}
    +

    + {val.title} +

    +
    +
    + {/* /.portfolio-block-three */} +
    + // End .item + ))} +     + + ); +}; + +export default Portfolio; diff --git a/components/portfolio/PortfolioFour.jsx b/components/portfolio/PortfolioFour.jsx new file mode 100644 index 0000000..6640a4b --- /dev/null +++ b/components/portfolio/PortfolioFour.jsx @@ -0,0 +1,106 @@ + +'use client' + + +import React, { useState , useEffect} from "react"; +import Link from "next/link"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import { Gallery, Item } from "react-photoswipe-gallery"; +import { AllPortfolioItem } from "@/data/portfolios"; +import Image from "next/image"; +const TabListContent = ["All", "Development", "Plugin", "Design", "Branding"]; + + + +const PortfolioFour = () => { + + const [currentCategory, setCurrentCategory] = useState('All') + const [fitteredItems, setFitteredItems] = useState([]) + useEffect(() => { + if (currentCategory == 'All') { + setFitteredItems(AllPortfolioItem) + + } else { + setFitteredItems( + AllPortfolioItem.filter(elm=>elm.meta.split(' ').join('').split(',').includes(currentCategory))) + + } + + + + }, [currentCategory]) + + return ( + + +
    + + {TabListContent.map((tab, i) => ( + setCurrentCategory(tab)} key={i}> + + + ))} + +
    + {/* End pc-control-one */} + +
    +
    + {fitteredItems.map((val, i) => ( +
    +
    +
    + {val.meta} + + {({ ref, open }) => ( +
    + +
    + )} +     +
    +
    +

    + {val.title} +

    +
    {val.meta}
    +
    + {/* /.hover-content */} +
    + {/* /.portfolio-block-two */} +
    + ))} +
    + {/* single mixitUp-container */} +
    + +     +     + ); +}; + +export default PortfolioFour; diff --git a/components/portfolio/PortfolioSix.jsx b/components/portfolio/PortfolioSix.jsx new file mode 100644 index 0000000..8c76eb4 --- /dev/null +++ b/components/portfolio/PortfolioSix.jsx @@ -0,0 +1,104 @@ + + +'use client' + + +import React, { useEffect, useState } from "react"; +import Link from "next/link"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import { Gallery, Item } from "react-photoswipe-gallery"; +import { AllPortfolioTwo } from "@/data/portfolios"; +const TabListContent = ["All", "Development", "Plugin", "Design", "Branding"]; +import Image from "next/image"; + + +const PortfolioSix = () => { + const [currentCategory, setCurrentCategory] = useState('All') + const [fitteredItems, setFitteredItems] = useState([]) + useEffect(() => { + if (currentCategory == 'All') { + setFitteredItems(AllPortfolioTwo) + + } else { + setFitteredItems(AllPortfolioTwo.filter(elm=>elm.meta.split(' ').join('').split(',').includes(currentCategory))) + + } + + + + }, [currentCategory]) + return ( +
    + + + {TabListContent.map((tab, i) => ( + setCurrentCategory(tab)} key={i}> + + + ))} + + + {/* End pc-control-one */} + + + +
    + {fitteredItems.map((val, i) => ( +
    +
    +
    + {val.meta} + + {({ ref, open }) => ( +
    + +
    + )} +     +
    +
    +

    + {val.title} +

    +
    {val.meta}
    +
    + {/* /.hover-content */} +
    + {/* /.portfolio-block-two */} +
    + ))} +
    + {/* single mixitUp-container */} +     + + {/* End branding */} +     +
    + ); +}; + +export default PortfolioSix; diff --git a/components/portfolio/PortfolioThree.jsx b/components/portfolio/PortfolioThree.jsx new file mode 100644 index 0000000..dc8f564 --- /dev/null +++ b/components/portfolio/PortfolioThree.jsx @@ -0,0 +1,103 @@ + +'use client' + + +import React, { useEffect, useState } from "react"; +import Link from "next/link"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import { Gallery, Item } from "react-photoswipe-gallery"; +import { AllPortfolioThree } from "@/data/portfolios"; +const TabListContent = ["All", "Development", "Plugin", "Design", "Branding"]; +import Image from "next/image"; + + +const PortfolioThree = () => { + + const [currentCategory, setCurrentCategory] = useState('All') + const [fitteredItems, setFitteredItems] = useState([]) + useEffect(() => { + if (currentCategory == 'All') { + setFitteredItems(AllPortfolioThree) + + } else { + setFitteredItems(AllPortfolioThree.filter(elm=>elm.meta.split(' ').join('').split(',').includes(currentCategory))) + + } + + + + }, [currentCategory]) + return ( + +
    + + {TabListContent.map((tab, i) => ( + setCurrentCategory(tab)} key={i}> + + + ))} + +
    + {/* End pc-control-one */} + +
    +
    + {fitteredItems.map((val, i) => ( +
    +
    +
    + {val.meta} + + {({ ref, open }) => ( +
    + +
    + )} +     +
    +
    +

    + {val.title} +

    +
    {val.meta}
    +
    + {/* /.hover-content */} +
    + {/* /.portfolio-block-two */} +
    + ))} +
    + {/* single mixitUp-container */} +
    + {/* End all portfolio */} + +     +     + ); +}; + +export default PortfolioThree; diff --git a/components/portfolio/PortfolioTwo.jsx b/components/portfolio/PortfolioTwo.jsx new file mode 100644 index 0000000..ba0c904 --- /dev/null +++ b/components/portfolio/PortfolioTwo.jsx @@ -0,0 +1,106 @@ + +'use client' + + +import React, { useEffect, useState } from "react"; +import Link from "next/link"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import { Gallery, Item } from "react-photoswipe-gallery"; +import { AllPortfolioFour } from "@/data/portfolios"; +import Image from "next/image"; +const TabListContent = ["All", "Development", "Plugin", "Design", "Branding"]; + + + + + +const PortfolioTwo = () => { + const [currentCategory, setCurrentCategory] = useState('All') + const [fitteredItems, setFitteredItems] = useState([]) + useEffect(() => { + if (currentCategory == 'All') { + setFitteredItems(AllPortfolioFour) + + } else { + setFitteredItems(AllPortfolioFour.filter(elm=>elm.meta.split(' ').join('').split(',').includes(currentCategory))) + + } + + + + }, [currentCategory]) + + return ( + + +
    + + {TabListContent.map((tab, i) => ( + setCurrentCategory(tab)} key={i}> + + + ))} + +
    + {/* End pc-control-one */} + +
    +
    + {fitteredItems.map((val, i) => ( +
    +
    +
    + {val.meta} + + {({ ref, open }) => ( +
    + +
    + )} +     +
    +
    +

    + {val.title} +

    +
    {val.meta}
    +
    + {/* /.hover-content */} +
    + {/* /.portfolio-block-two */} +
    + ))} +
    + {/* single mixitUp-container */} +
    + +     +     + ); +}; + +export default PortfolioTwo; diff --git a/components/pricing/PricingEight.jsx b/components/pricing/PricingEight.jsx new file mode 100644 index 0000000..b556a76 --- /dev/null +++ b/components/pricing/PricingEight.jsx @@ -0,0 +1,159 @@ +import React from "react"; +import Link from "next/link"; +import Image from "next/image"; +const PricingContent = [ + { + plan: "SILVER PLAN", + price: "97", + info: "Great for Individial Person", + featureList: [ + { + hintsText: "Send documents for eSigning", + iconYesNo: "154", + }, + { + hintsText: "Multiple User", + iconYesNo: "154", + }, + { + hintsText: "Refund", + iconYesNo: "154", + }, + { + hintsText: "Bulk invite to sign", + iconYesNo: "155", + }, + { + hintsText: "Live Chat", + iconYesNo: "155", + }, + { + hintsText: "Send invite via Link", + iconYesNo: "155", + }, + ], + }, + { + plan: "GOLD PLAN", + price: "199", + info: "Great for Startup", + featureList: [ + { + hintsText: "Send documents for eSigning", + iconYesNo: "154", + }, + { + hintsText: "Multiple User", + iconYesNo: "154", + }, + { + hintsText: "Refund", + iconYesNo: "155", + }, + { + hintsText: "Bulk invite to sign", + iconYesNo: "155", + }, + { + hintsText: "Live Chat", + iconYesNo: "155", + }, + { + hintsText: "Send invite via Link", + iconYesNo: "155", + }, + ], + }, + { + plan: "BUSINESS PLAN", + price: "239", + info: "Great for Large Business", + featureList: [ + { + hintsText: "Send documents for eSigning", + iconYesNo: "155", + }, + { + hintsText: "Multiple User", + iconYesNo: "155", + }, + { + hintsText: "Refund", + iconYesNo: "155", + }, + { + hintsText: "Bulk invite to sign", + iconYesNo: "155", + }, + { + hintsText: "Live Chat", + iconYesNo: "155", + }, + { + hintsText: "Send invite via Link", + iconYesNo: "155", + }, + ], + }, +]; + +const PricingEight = () => { + return ( +
    +
    +
      +
    • Send documents for eSigning
      • +
    • Multiple User
      • +
    • Refund
      • +
    • Bulk invite to sign
      • +
    • Live Chat
      • +
    • Send invite via Link
      • +
    +
    + {/* End .col */} + +
    +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.plan}
    +
    $ {val.price}
    +
    {val.info}
    +
    {" "} + {/* /.pr-header */} +
    +
      + {val.featureList.map((feature, i) => ( +
    • + + {feature.hintsText} + + icon +
      • + ))} +
    +
    + {/* End pr-body */} +
    + + Sign up + +
    Get your 30 day free trial
    +
    + {/* End pr-footer */} +
    + // /.pr-column + ))} +
    +
    + {/* End .col */} +
    + ); +}; + +export default PricingEight; diff --git a/components/pricing/PricingFive.jsx b/components/pricing/PricingFive.jsx new file mode 100644 index 0000000..7f29f7c --- /dev/null +++ b/components/pricing/PricingFive.jsx @@ -0,0 +1,73 @@ +'use client' + +import React from "react"; +import Tilt from "react-parallax-tilt"; +import Link from "next/link"; +import Image from "next/image"; +const PricingContent = [ + { + icon: "85", + packName: "Dimond Plan", + features: ["Unlimited Email", "5gb Hosting & Domain", "Email & Live chat."], + price: "59.99", + trialText: "up to 10 user + 1.99 per user", + activeClass: "active", + }, + { + icon: "86", + icon2: "159", + packName: "Dimond Plan", + features: [ + "Unlimited Email", + "5gb Hosting & Domain", + "Email & Live chat.", + "3 Domain", + ], + price: "29.99", + trialText: "up to 7 user + 1.99 per user", + activeClass: "most-popular", + }, +]; + +const PricingFive = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    + +
    + icon + shape +
    {val.packName}
    +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    +
    $ {val.price}
    +
    {val.trialText}
    + + {" "} + Sign up + +
    + {/* /.pr-table-wrapper */} +     +
    + ))} +
    + ); +}; + +export default PricingFive; diff --git a/components/pricing/PricingSeven.jsx b/components/pricing/PricingSeven.jsx new file mode 100644 index 0000000..f12653e --- /dev/null +++ b/components/pricing/PricingSeven.jsx @@ -0,0 +1,79 @@ +import React from "react"; +import Image from "next/image"; +const PricingContent = [ + { + icon: "140", + packName: "Starter Plan", + features: ["Unlimited Email", "5gb Hosting & Domain", "Email & Live chat."], + price: "9.99", + trialText: "up to 3 user + 1.99 per user", + activeClass: "", + delayAnimation: "", + }, + { + icon: "141", + packName: "Silver Plan", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat.", + "Backling", + ], + price: "19.99", + trialText: "up to 5 user + 1.99 per user", + activeClass: "active", + delayAnimation: "200", + }, + { + icon: "142", + packName: "Gold Plan", + features: ["Unlimited Email", "5gb Hosting & Domain", "Email & Live chat."], + price: "19.99", + trialText: "up to 5 user + 1.99 per user", + activeClass: "", + delayAnimation: "400", + }, +]; + +const PricingSeven = () => { + return ( + <> + {PricingContent.map((val, i) => ( +
    +
    + icon +
    {val.packName}
    +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    + +
    + ${val.price} + Weekly +
    +
    {val.trialText}
    + + Sign up + +
    + {/* /.pr-table-wrapper */} +
    + ))} + + ); +}; + +export default PricingSeven; diff --git a/components/pricing/PricingThree.jsx b/components/pricing/PricingThree.jsx new file mode 100644 index 0000000..7ecd71b --- /dev/null +++ b/components/pricing/PricingThree.jsx @@ -0,0 +1,120 @@ +import Image from "next/image"; +import React from "react"; + +const PricingContent = [ + { + title: "Free Event", + price: "0", + priceMeta: "per user/month", + packageName: "pc1", + skewClass: "skew-right", + priceList: [ + { + list: "60-day chat history", + listClass: "", + }, + { + list: "Basic widget customization", + listClass: "", + }, + { + list: "Ticketing system", + listClass: "disable", + }, + { + list: "Data security", + listClass: "disable", + }, + ], + animatinDelay: "0", + }, + { + title: "Pre Day", + price: "0.32", + priceMeta: "per user/month", + packageName: "pc2", + skewClass: "skew-left", + priceList: [ + { + list: "60-day chat history", + listClass: "", + }, + { + list: "Basic widget customization", + listClass: "", + }, + { + list: "Ticketing system", + listClass: "", + }, + { + list: "Data security", + listClass: "disable", + }, + ], + animatinDelay: "100", + }, + { + title: "Pay As You Go", + price: "0.65", + priceMeta: "per user/month", + packageName: "pc3", + skewClass: "skew-right", + priceList: [ + { + list: "60-day chat history", + listClass: "", + }, + { + list: "Basic widget customization", + listClass: "", + }, + { + list: "Ticketing system", + listClass: "", + }, + { + list: "Data security", + listClass: "", + }, + ], + animatinDelay: "200", + }, +]; + +const PricingThree = () => { + return ( +
    + {PricingContent.map((item, i) => ( +
    +
    +
    + {item.title} +
    +
    ${item.price}
    +

    {item.priceMeta}

    + shape +
      + {item.priceList.map((val, i) => ( +
    • + {val.list} +
      • + ))} +
    + + Subscribe Now + +
    +
    + ))} +
    + ); +}; + +export default PricingThree; diff --git a/components/pricing/pricing-four/Pricing.jsx b/components/pricing/pricing-four/Pricing.jsx new file mode 100644 index 0000000..9b7143e --- /dev/null +++ b/components/pricing/pricing-four/Pricing.jsx @@ -0,0 +1,32 @@ +'use client' + +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import PricingMonthly from "./PricingMonthly"; +import PricingYearly from "./PricingYearly"; + +const Pricing = () => { + return ( +
    + + + Monthly + Yearly + + +
    + + + + {/* End Pricing Month */} + + + + {/* End Pricing Year */} +
    +     +
    + ); +}; + +export default Pricing; diff --git a/components/pricing/pricing-four/PricingMonthly.jsx b/components/pricing/pricing-four/PricingMonthly.jsx new file mode 100644 index 0000000..f49d1a5 --- /dev/null +++ b/components/pricing/pricing-four/PricingMonthly.jsx @@ -0,0 +1,105 @@ +import React from "react"; + +const PricingContent = [ + { + packName: "Single", + packDetails: "For individuals and teams", + bgColor: "#FFF7EB", + price: "8", + durationNumber: "Per editor, monthly", + facility: "with unlimited email", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "", + activeClass: "", + }, + { + packName: "Team", + packDetails: "For individuals and teams", + bgColor: "#E2F2FD", + price: "12", + durationNumber: "For team, monthly", + facility: "team with 8 users", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "100", + activeClass: "active most-popular", + }, + { + packName: "Business", + packDetails: "For individuals and teams", + bgColor: "#FFEBEB", + price: "37", + durationNumber: "All users, monthly", + facility: "for unlimited users", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "200", + activeClass: "", + }, +]; + +const PricingMonthly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    {val.packDetails}
    +
    +
    + $ + {val.price} +
    +
    + {val.durationNumber} + {val.facility} +
    +
    + {/* /.top-banner */} +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    + + Start 30 days free trial + +
    No card required, cancel any time
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingMonthly; diff --git a/components/pricing/pricing-four/PricingYearly.jsx b/components/pricing/pricing-four/PricingYearly.jsx new file mode 100644 index 0000000..c9beb22 --- /dev/null +++ b/components/pricing/pricing-four/PricingYearly.jsx @@ -0,0 +1,105 @@ +import React from "react"; + +const PricingContent = [ + { + packName: "Single", + packDetails: "For individuals and teams", + bgColor: "#FFF7EB", + price: "90", + durationNumber: "Per editor, yearly", + facility: "with unlimited email", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "", + activeClass: "", + }, + { + packName: "Team", + packDetails: "For individuals and teams", + bgColor: "#E2F2FD", + price: "125", + durationNumber: "For team, yearly", + facility: "team with 8 users", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "100", + activeClass: "active most-popular", + }, + { + packName: "Business", + packDetails: "For individuals and teams", + bgColor: "#FFEBEB", + price: "370", + durationNumber: "All users, yearly", + facility: "for unlimited users", + features: [ + "Unlimited Email", + "5gb Hosting", + "2 website 3 sub domain", + "Email & Live chat", + "Backling", + "Discount Programe", + ], + animationDelay: "200", + activeClass: "", + }, +]; + +const PricingYearly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    {val.packDetails}
    +
    +
    + $ + {val.price} +
    +
    + {val.durationNumber} + {val.facility} +
    +
    + {/* /.top-banner */} +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    + + Start 30 days free trial + +
    No card required, cancel any time
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingYearly; diff --git a/components/pricing/pricing-one/Pricing.jsx b/components/pricing/pricing-one/Pricing.jsx new file mode 100644 index 0000000..b28c037 --- /dev/null +++ b/components/pricing/pricing-one/Pricing.jsx @@ -0,0 +1,33 @@ + +'use client' + +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import PricingMonthly from "./PricingMonthly"; +import PricingYearly from "./PricingYearly"; + +const Pricing = () => { + return ( +
    + + + Monthly + Yearly + + +
    + + + + {/* End Pricing Month */} + + + + {/* End Pricing Year */} +
    +     +
    + ); +}; + +export default Pricing; diff --git a/components/pricing/pricing-one/PricingMonthly.jsx b/components/pricing/pricing-one/PricingMonthly.jsx new file mode 100644 index 0000000..a28f8e9 --- /dev/null +++ b/components/pricing/pricing-one/PricingMonthly.jsx @@ -0,0 +1,103 @@ +import React from "react"; + +const PricingContent = [ + { + packName: "FREE", + price: "0", + billCycle: "3 Free Agents", + preFeatures: [ + "Email Ticketing", + "Customer Management", + "Help Center", + "Private Knowledge Base", + "Predefined SLAs", + "Macros", + ], + }, + { + packName: "Standard", + price: "29", + billCycle: "Per agent billed", + preFeatures: [ + "Social & Community", + "Channels", + "Product-based Ticket", + "Management", + "Help Center Themes", + "Gallery", + "Public Knowledge Base", + "SLAs & Escalations", + "Workflow, Assignment", + ], + }, + { + packName: "Start up", + price: "38", + billCycle: "Per agent billed", + preFeatures: [ + "Multi-Department Ticketing", + "Team Management", + "Telephony", + "Automatic Time Tracking", + "Blueprint - Basic Process", + "Management", + "Round Robin Ticket", + "Assignment", + "Agent Collision", + "Tasks, Events & Call", + "Activities", + "Mobile SDKs", + ], + }, + { + packName: "BUSINESS", + price: "56", + billCycle: "Per agent billed", + preFeatures: [ + "Live Chat", + "Zia - Artificial Intelligence", + "Help Center", + "Customization", + "Multi-brand Help Center", + "Advanced Process", + "Management", + "Custom Functions", + "Multi-level IVR", + "Global Reports &", + "Dashboards", + "Scheduled Reports", + "Contract Management", + "Validation Rules", + ], + }, +]; + +const PricingMonthly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    + $ + {val.price} +
    +
    {val.billCycle}
    + + Sign Up + +
      + {val.preFeatures.map((list, i) => ( +
    • {list}
      • + ))} +
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingMonthly; diff --git a/components/pricing/pricing-one/PricingYearly.jsx b/components/pricing/pricing-one/PricingYearly.jsx new file mode 100644 index 0000000..0c63e93 --- /dev/null +++ b/components/pricing/pricing-one/PricingYearly.jsx @@ -0,0 +1,103 @@ +import React from "react"; + +const PricingContent = [ + { + packName: "FREE", + price: "0", + billCycle: "3 Free Agents", + preFeatures: [ + "Email Ticketing", + "Customer Management", + "Help Center", + "Private Knowledge Base", + "Predefined SLAs", + "Macros", + ], + }, + { + packName: "Standard", + price: "29", + billCycle: "Per agent billed", + preFeatures: [ + "Social & Community", + "Channels", + "Product-based Ticket", + "Management", + "Help Center Themes", + "Gallery", + "Public Knowledge Base", + "SLAs & Escalations", + "Workflow, Assignment", + ], + }, + { + packName: "Start up", + price: "138", + billCycle: "Per agent billed", + preFeatures: [ + "Multi-Department Ticketing", + "Team Management", + "Telephony", + "Automatic Time Tracking", + "Blueprint - Basic Process", + "Management", + "Round Robin Ticket", + "Assignment", + "Agent Collision", + "Tasks, Events & Call", + "Activities", + "Mobile SDKs", + ], + }, + { + packName: "BUSINESS", + price: "156", + billCycle: "Per agent billed", + preFeatures: [ + "Live Chat", + "Zia - Artificial Intelligence", + "Help Center", + "Customization", + "Multi-brand Help Center", + "Advanced Process", + "Management", + "Custom Functions", + "Multi-level IVR", + "Global Reports &", + "Dashboards", + "Scheduled Reports", + "Contract Management", + "Validation Rules", + ], + }, +]; + +const PricingYearly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    + $ + {val.price} +
    +
    {val.billCycle}
    + + Sign Up + +
      + {val.preFeatures.map((list, i) => ( +
    • {list}
      • + ))} +
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingYearly; diff --git a/components/pricing/pricing-six/Pricing.jsx b/components/pricing/pricing-six/Pricing.jsx new file mode 100644 index 0000000..2b56dde --- /dev/null +++ b/components/pricing/pricing-six/Pricing.jsx @@ -0,0 +1,30 @@ +'use client' + +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import PricingMonthly from "./PricingMonthly"; +import PricingYearly from "./PricingYearly"; + +const Pricing = () => { + return ( + + + Monthly + Yearly + + +
    + + + + {/* End Pricing Month */} + + + + {/* End Pricing Year */} +
    +     + ); +}; + +export default Pricing; diff --git a/components/pricing/pricing-six/PricingMonthly.jsx b/components/pricing/pricing-six/PricingMonthly.jsx new file mode 100644 index 0000000..05bca0e --- /dev/null +++ b/components/pricing/pricing-six/PricingMonthly.jsx @@ -0,0 +1,94 @@ +import React from "react"; + +const PricingContent = [ + { + pcakName: "Basic", + bgColor: "#ffecec", + price: "Free", + packDetails: "TAKE GREAT NOTES", + features: [ + "Sync up to 2 devices", + "Find notes fast with search", + "Access web tags", + "Clip web pages", + "25MB maximum note", + "60MB monthly upload limit", + ], + animationDelay: "", + activeItem: "", + }, + { + pcakName: "Reguler", + bgColor: "#E3F8EF", + price: "8.99", + packDetails: "BE MORE PRODUCTIVE", + features: [ + "Sync up to 2 devices", + "Find notes fast with search", + "Access web tags", + "Clip web pages", + "Apply rich formatting", + "Clip web pages", + "25MB maximum note size", + "Access notes offline", + "10GBmonthly upload limit", + "Annotate PDFs", + ], + animationDelay: "100", + activeItem: "active", + }, + { + pcakName: " Business", + bgColor: "#fbf3e5", + price: "17.99", + packDetails: "Get more with team", + features: [ + "Sync up to 2 devices", + "Find notes fast with search", + "Access web tags", + "Apply rich formatting", + "Clip web pages", + "25MB maximum note", + "Access notes offline", + "18GB monthly upload limit", + ], + animationDelay: "200", + activeItem: "", + }, +]; + +const PricingMonthly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    + {val.pcakName} +
    +
    {val.price}
    +
    {val.packDetails}
    +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    + + Try it Free + +
    No card required, cancel any time
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingMonthly; diff --git a/components/pricing/pricing-six/PricingYearly.jsx b/components/pricing/pricing-six/PricingYearly.jsx new file mode 100644 index 0000000..197df38 --- /dev/null +++ b/components/pricing/pricing-six/PricingYearly.jsx @@ -0,0 +1,94 @@ +import React from "react"; + +const PricingContent = [ + { + pcakName: "Basic", + bgColor: "#ffecec", + price: "Free", + packDetails: "TAKE GREAT NOTES", + features: [ + "Sync up to 2 devices", + "Find notes fast with search", + "Access web tags", + "Clip web pages", + "25MB maximum note", + "60MB monthly upload limit", + ], + animationDelay: "", + activeItem: "", + }, + { + pcakName: "Reguler", + bgColor: "#E3F8EF", + price: "68.99", + packDetails: "BE MORE PRODUCTIVE", + features: [ + "Sync up to 2 devices", + "Find notes fast with search", + "Access web tags", + "Clip web pages", + "Apply rich formatting", + "Clip web pages", + "25MB maximum note size", + "Access notes offline", + "10GBmonthly upload limit", + "Annotate PDFs", + ], + animationDelay: "100", + activeItem: "active", + }, + { + pcakName: " Business", + bgColor: "#fbf3e5", + price: "189.99", + packDetails: "Get more with team", + features: [ + "Sync up to 2 devices", + "Find notes fast with search", + "Access web tags", + "Apply rich formatting", + "Clip web pages", + "25MB maximum note", + "Access notes offline", + "18GB monthly upload limit", + ], + animationDelay: "200", + activeItem: "", + }, +]; + +const PricingYeary = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    + {val.pcakName} +
    +
    {val.price}
    +
    {val.packDetails}
    +
      + {val.features.map((list, i) => ( +
    • {list}
      • + ))} +
    + + Try it Free + +
    No card required, cancel any time
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingYeary; diff --git a/components/pricing/pricing-two/Pricing.jsx b/components/pricing/pricing-two/Pricing.jsx new file mode 100644 index 0000000..76720c2 --- /dev/null +++ b/components/pricing/pricing-two/Pricing.jsx @@ -0,0 +1,37 @@ + +'use client' + + +import React from "react"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import PricingMonthly from "./PricingMonthly"; +import PricingYearly from "./PricingYearly"; + +const Pricing = () => { + return ( + + +
    + Monthly + Yearly +
    +
    + Save 30% on annual plan +
    +     + +
    + + + + {/* End Pricing Month */} + + + + {/* End Pricing Year */} +
    +     + ); +}; + +export default Pricing; diff --git a/components/pricing/pricing-two/PricingMonthly.jsx b/components/pricing/pricing-two/PricingMonthly.jsx new file mode 100644 index 0000000..070ade4 --- /dev/null +++ b/components/pricing/pricing-two/PricingMonthly.jsx @@ -0,0 +1,81 @@ +import React from "react"; +import Image from "next/image"; +const PricingContent = [ + { + packName: "Starter", + price: "18", + packageFor: "Small office / Home office", + icon: "38", + billCycle: "Billed per agent", + preFeatures: [ + "60-day chat history", + "Basic widget customization", + "Ticketing system", + "Data security", + ], + }, + { + packName: "Team", + price: "29", + packageFor: "Small office / Home office", + icon: "40", + billCycle: "Billed per agent", + preFeatures: [ + "60-day chat history", + "Basic widget customization", + "Ticketing system", + "Data security", + ], + }, + { + packName: "Business", + price: "50", + packageFor: "Small office / Home office", + icon: "41", + billCycle: "Billed per agent", + preFeatures: [ + "60-day chat history", + "Basic widget customization", + "Ticketing system", + "Data security", + ], + }, +]; + +const PricingMonthly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    + ${val.price}.99 +
    +
    {val.packageFor}
    + icon +
    Billed per agent
    +
      + {val.preFeatures.map((list, i) => ( +
    • {list}
      • + ))} +
    + + Choose Plan + +
    + Get your 30 day free trial +
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingMonthly; diff --git a/components/pricing/pricing-two/PricingYearly.jsx b/components/pricing/pricing-two/PricingYearly.jsx new file mode 100644 index 0000000..6e5d3e6 --- /dev/null +++ b/components/pricing/pricing-two/PricingYearly.jsx @@ -0,0 +1,81 @@ +import React from "react"; + +const PricingContent = [ + { + packName: "Starter", + price: "18", + packageFor: "Small office / Home office", + icon: "38", + billCycle: "Billed per agent", + preFeatures: [ + "60-day chat history", + "Basic widget customization", + "Ticketing system", + "Data security", + ], + }, + { + packName: "Team", + price: "49", + packageFor: "Small office / Home office", + icon: "40", + billCycle: "Billed per agent", + preFeatures: [ + "60-day chat history", + "Basic widget customization", + "Ticketing system", + "Data security", + ], + }, + { + packName: "Business", + price: "99", + packageFor: "Small office / Home office", + icon: "41", + billCycle: "Billed per agent", + preFeatures: [ + "60-day chat history", + "Basic widget customization", + "Ticketing system", + "Data security", + ], + }, +]; +import Image from "next/image"; +const PricingYearly = () => { + return ( +
    + {PricingContent.map((val, i) => ( +
    +
    +
    {val.packName}
    +
    + ${val.price}.99 +
    +
    {val.packageFor}
    + icon +
    Billed per agent
    +
      + {val.preFeatures.map((list, i) => ( +
    • {list}
      • + ))} +
    + + Choose Plan + +
    + Get your 30 day free trial +
    +
    + {/* /.pr-table-wrapper */} +
    + ))} +
    + ); +}; + +export default PricingYearly; diff --git a/components/scrollpy/Scrollphy.jsx b/components/scrollpy/Scrollphy.jsx new file mode 100644 index 0000000..061df9d --- /dev/null +++ b/components/scrollpy/Scrollphy.jsx @@ -0,0 +1,10 @@ + +'use client' + +import React from 'react' +import ScrollSpy from "react-ui-scrollspy"; +export default function Scrollspy({children}) { + return ( + {children} + ) +} diff --git a/components/service/Service.jsx b/components/service/Service.jsx new file mode 100644 index 0000000..d7fe9cc --- /dev/null +++ b/components/service/Service.jsx @@ -0,0 +1,38 @@ +import React from "react"; +import Link from "next/link"; +import { serviceContent } from "@/data/service"; +import Image from "next/image"; + +const Service = () => { + return ( +
    + {serviceContent.map((val, i) => ( +
    +
    + gallery +
    +

    + + {" "} + {val.titleTextOne}
    {val.TitleTextTwo} + +

    + + + {" "} + +
    + {/* */} +
    + {/* */} +
    + ))} +
    + ); +}; + +export default Service; diff --git a/components/social/Social.jsx b/components/social/Social.jsx new file mode 100644 index 0000000..84a6cf0 --- /dev/null +++ b/components/social/Social.jsx @@ -0,0 +1,92 @@ +'use client' + +import Image from "next/image"; +import React from "react"; + +const Social = () => { + return ( +
      +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} + +
    • +
      + logo +
      +
      + logo +
      +
      • + {/* End li */} +
    + ); +}; + +export default Social; diff --git a/components/social/SocialTwo.jsx b/components/social/SocialTwo.jsx new file mode 100644 index 0000000..e764b61 --- /dev/null +++ b/components/social/SocialTwo.jsx @@ -0,0 +1,94 @@ +import React from "react"; +import Image from "next/image"; +const socialContent = [ + { + classCol: "col-lg-3 col-md-4 col-6", + boxClass: "bx-a", + img: "p-1", + link: "#", + animationDelay: "", + }, + { + classCol: "col-lg-2 col-md-4 col-6", + boxClass: "bx-b", + img: "p-2", + link: "#", + animationDelay: "50", + }, + { + classCol: "col-lg-3 col-md-4 col-6", + boxClass: "bx-c", + img: "p-3", + link: "#", + animationDelay: "100", + }, + { + classCol: "col-xl-2 col-lg-3 col-md-4 col-6", + boxClass: "bx-d", + img: "p-4", + link: "#", + animationDelay: "150", + }, + { + classCol: "col-xl-2 col-lg-3 col-md-4 col-6", + boxClass: "bx-e", + img: "p-5", + link: "#", + animationDelay: "200", + }, + { + classCol: "col-xl-4 col-lg-2 col-md-4 col-6", + boxClass: "bx-f", + img: "p-6", + link: "#", + animationDelay: "50", + }, + { + classCol: "col-xl-2 col-lg-3 col-md-4 col-6", + boxClass: "bx-g", + img: "p-7", + link: "#", + animationDelay: "100", + }, + { + classCol: "col-xl-3 col-lg-3 col-md-4 col-6", + boxClass: "bx-h", + img: "p-8", + link: "#", + animationDelay: "150", + }, + { + classCol: "col-xl-3 col-lg-11 col-md-4 col-6", + boxClass: "bx-i", + img: "p-9", + link: "#", + animationDelay: "200", + }, +]; + +const SocialTwo = () => { + return ( +
    + {socialContent.map((val, i) => ( +
    +
    + + logo + +
    + {/* /.img-box */} +
    + ))} + + {/* End .col */} +
    + ); +}; + +export default SocialTwo; diff --git a/components/team/Nav.jsx b/components/team/Nav.jsx new file mode 100644 index 0000000..6c729ab --- /dev/null +++ b/components/team/Nav.jsx @@ -0,0 +1,290 @@ + +'use client' + + + +import React from 'react' +import ScrollspyNav from "react-scrollspy-nav"; +export default function Nav() { + return ( +
    +
    + +
    + + +
    + {/* Tab panes */} +
    +
    +

    Website Terms & Use

    +
    LAST UPDATED: 6/26/2020
    +

    1. Introduction

    +

    + We have taken a number of steps to comply with the GDPR. + For more details about our compliance and how we handle + your data please check our latest legal documents below: +

    + +

    2. About us

    +

    + When you use Ticket Tailor for selling tickets and + collecting data from your attendees you are the “data + controller” of all your attendees’ data. We are a “data + processor”, which means that we won’t do anything with + your attendees’ data other than what you need us to in + order to provide our service. We won’t be sending your + attendees any marketing emails, sharing their data with + anyone and if you want us to delete the data, just ask. + It’s your data. 100 +

    +

    3. Accessing our Website

    +

    + The servers and databases that power Ticket Tailor are + located in the EU in Ireland. We inevitably use a small + number of third parties, some of which are outside of the + EU, to provide our ticketing service and we have contracts + with each of them that oblige them to comply with the + GDPR. You can find the full list of these third parties + and what we use them for here. +

    +
    +
    +

    Terms & Conditions

    +
    LAST UPDATED: 6/26/2020
    +

    1. Introduction

    +

    + This page, together with our Privacy Policy and the + Website Terms of Use tells you information about us and + the legal terms and conditions (the "Terms") on which we + make available to you our online ticket-selling solution + (the "Service"). +

    +

    2. Information about us

    +

    + Tickettailor.com and buytickets.at and any of their + sub-domains is a site operated by Ticket Tailor, which is + the trading name of Zimma Ltd ("we", “our”, “us”). We are + registered in England and Wales under company number + 07583551 and have our registered office at Unit 6, 14A + Andre St, London, E8 2AA. Our VAT number is GB184622203. +

    +

    + You can contact us by emailing{" "} + hi@deski.com. +

    +
    +
    +

    Privacy policy

    +
    LAST UPDATED: 6/26/2020
    +

    1. Introduction

    +

    + We have taken a number of steps to comply with the GDPR. + For more details about our compliance and how we handle + your data please check our latest legal documents below: +

    + +

    2. About us

    +

    + When you use Ticket Tailor for selling tickets and + collecting data from your attendees you are the “data + controller” of all your attendees’ data. We are a “data + processor”, which means that we won’t do anything with + your attendees’ data other than what you need us to in + order to provide our service. We won’t be sending your + attendees any marketing emails, sharing their data with + anyone and if you want us to delete the data, just ask. + It’s your data. 100 +

    +

    3. Accessing our Website

    +

    + The servers and databases that power Ticket Tailor are + located in the EU in Ireland. We inevitably use a small + number of third parties, some of which are outside of the + EU, to provide our ticketing service and we have contracts + with each of them that oblige them to comply with the + GDPR. You can find the full list of these third parties + and what we use them for here. +

    +
    +
    +

    Cookie policy

    +
    LAST UPDATED: 6/26/2020
    +

    1. Introduction

    +

    + We have taken a number of steps to comply with the GDPR. + For more details about our compliance and how we handle + your data please check our latest legal documents below: +

    + +

    2. About us

    +

    + When you use Ticket Tailor for selling tickets and + collecting data from your attendees you are the “data + controller” of all your attendees’ data. We are a “data + processor”, which means that we won’t do anything with + your attendees’ data other than what you need us to in + order to provide our service. We won’t be sending your + attendees any marketing emails, sharing their data with + anyone and if you want us to delete the data, just ask. + It’s your data. 100 +

    +

    3. Accessing our Website

    +

    + The servers and databases that power Ticket Tailor are + located in the EU in Ireland. We inevitably use a small + number of third parties, some of which are outside of the + EU, to provide our ticketing service and we have contracts + with each of them that oblige them to comply with the + GDPR. You can find the full list of these third parties + and what we use them for here. +

    +
    +
    +

    Third Party Links

    +
    LAST UPDATED: 6/26/2020
    +

    1. Introduction

    +

    + We have taken a number of steps to comply with the GDPR. + For more details about our compliance and how we handle + your data please check our latest legal documents below: +

    + +

    2. About us

    +

    + When you use Ticket Tailor for selling tickets and + collecting data from your attendees you are the “data + controller” of all your attendees’ data. We are a “data + processor”, which means that we won’t do anything with + your attendees’ data other than what you need us to in + order to provide our service. We won’t be sending your + attendees any marketing emails, sharing their data with + anyone and if you want us to delete the data, just ask. + It’s your data. 100 +

    +

    3. Accessing our Website

    +

    + The servers and databases that power Ticket Tailor are + located in the EU in Ireland. We inevitably use a small + number of third parties, some of which are outside of the + EU, to provide our ticketing service and we have contracts + with each of them that oblige them to comply with the + GDPR. You can find the full list of these third parties + and what we use them for here. +

    +
    +
    +

    GDPR

    +
    LAST UPDATED: 6/26/2020
    +

    1. Introduction

    +

    + We have taken a number of steps to comply with the GDPR. + For more details about our compliance and how we handle + your data please check our latest legal documents below: +

    + +

    2. About us

    +

    + When you use Ticket Tailor for selling tickets and + collecting data from your attendees you are the “data + controller” of all your attendees’ data. We are a “data + processor”, which means that we won’t do anything with + your attendees’ data other than what you need us to in + order to provide our service. We won’t be sending your + attendees any marketing emails, sharing their data with + anyone and if you want us to delete the data, just ask. + It’s your data. 100 +

    +

    3. Accessing our Website

    +

    + The servers and databases that power Ticket Tailor are + located in the EU in Ireland. We inevitably use a small + number of third parties, some of which are outside of the + EU, to provide our ticketing service and we have contracts + with each of them that oblige them to comply with the + GDPR. You can find the full list of these third parties + and what we use them for here. +

    +
    +
    + {/* /.tab-content */} +
    +
    +     +
    +
    + ) +} diff --git a/components/team/TeamDetails.jsx b/components/team/TeamDetails.jsx new file mode 100644 index 0000000..2c83040 --- /dev/null +++ b/components/team/TeamDetails.jsx @@ -0,0 +1,70 @@ +import React from "react"; +import Image from "next/image"; +export default function TeamDetails({data}) { + const SliderContent = [ + { + bigImage: "img_104", + name: data.name || data.title || data.designation || ' Single Profile', + designation: data.designation || "Senior Product Designer", + aboutDetails: `Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dole magna aliqua. Ut enim`, + Experience: ` Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt`, + social: [ + { + icon: "fa fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa fa-dribbble", + link: "https://dribbble.com/", + }, + { + icon: "fa fa-linkedin", + link: "https://www.linkedin.com/", + }, + ], + }, + ]; + + return ( + <> + {SliderContent.map((val, i) => ( +
    +
    + team +
    + {/* End img-meta */} + +
    +
    {val.name}
    +
    {val.designation}
    +
    ABOUT ME
    +

    {val.aboutDetails}

    +
    Experties
    +

    {val.Experience}

    +
    FOLLOW & CONTACT
    +
      + {val.social.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    + {/* /.text-wrapper */} +
    + ))} + + ); +} diff --git a/components/team/TeamDetailsSlider.jsx b/components/team/TeamDetailsSlider.jsx new file mode 100644 index 0000000..f75eb19 --- /dev/null +++ b/components/team/TeamDetailsSlider.jsx @@ -0,0 +1,121 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function TeamDetailsSlider({data}) { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 1, + slidesToScroll: 1, + autoplay: false, + adaptiveHeight: true, + }; + + const SliderContent = [ + { + bigImage: data.img, + name: data.name || data.title || data.designation || ' Single Profile', + designation: data.designation || "Senior Product Designer", + aboutDetails: `Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dole magna aliqua. Ut enim`, + Experience: ` Lorem ipsum dolor amet, consetre adipiscing elit, sed do eiusmod + tempor incididunt`, + social: [ + { + icon: "fa fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa fa-twitter", + link: "https://twitter.com/", + }, + { + icon: "fa fa-dribbble", + link: "https://dribbble.com/", + }, + { + icon: "fa fa-linkedin", + link: "https://www.linkedin.com/", + }, + ], + }, + { + bigImage: "img_104", + name: "Erin Ferdosi", + designation: "Software Engineer", + aboutDetails: `Commonly used in the graphic, print & publishing industris for previewing visual mockups.`, + Experience: `You will be creating the docs in this directory. The root directory may contain other files.`, + social: [ + { + icon: "fa fa-dribbble", + link: "https://dribbble.com/", + }, + { + icon: "fa fa-linkedin", + link: "https://www.linkedin.com/", + }, + ], + }, + { + bigImage: "img_106", + name: "Khairan Bashir", + designation: "Front-end Engineer", + aboutDetails: `You will be creating the docs in this directory. The root directory may contain other files.`, + Experience: `Commonly used in the graphic, print & publishing industris for previewing visual mockups.`, + social: [ + { + icon: "fa fa-facebook", + link: "https://www.facebook.com/", + }, + { + icon: "fa fa-twitter", + link: "https://twitter.com/", + }, + ], + }, + ]; + + return ( + + {SliderContent.map((val, i) => ( +
    +
    + team +
    + {/* End img-meta */} + +
    +
    {val.name}
    +
    {val.designation}
    +
    ABOUT ME
    +

    {val.aboutDetails}

    +
    Experties
    +

    {val.Experience}

    +
    FOLLOW & CONTACT
    +
      + {val.social.map((social, i) => ( +
    • + + + +
      • + ))} +
    +
    + {/* /.text-wrapper */} +
    + ))} +     + ); +} diff --git a/components/team/TeamFive.jsx b/components/team/TeamFive.jsx new file mode 100644 index 0000000..f739870 --- /dev/null +++ b/components/team/TeamFive.jsx @@ -0,0 +1,31 @@ +import React from "react"; +import Link from "next/link"; +import { TeamContent } from "@/data/team"; +import Image from "next/image"; + + +const TeamFive = () => { + return ( + <> + {TeamContent.map((item, i) => ( +
    + +
    + team +
    +
    {item.name}
    +
    {item.designation}
    + +
    + ))} + + ); +}; + +export default TeamFive; diff --git a/components/team/TeamFour.jsx b/components/team/TeamFour.jsx new file mode 100644 index 0000000..014bbf4 --- /dev/null +++ b/components/team/TeamFour.jsx @@ -0,0 +1,29 @@ +import React from "react"; +import Link from "next/link"; +import { TeamContentTwo } from "@/data/team"; +import Image from "next/image"; + + +const TeamFour = () => { + return ( + <> + {TeamContentTwo.map((item, i) => ( +
    + + team +
    {item.name}
    +
    {item.designation}
    + +
    + ))} + + ); +}; + +export default TeamFour; diff --git a/components/team/TeamOne.jsx b/components/team/TeamOne.jsx new file mode 100644 index 0000000..c7825d4 --- /dev/null +++ b/components/team/TeamOne.jsx @@ -0,0 +1,37 @@ +import React from "react"; +import Link from "next/link"; +import { TeamContentFour } from "@/data/team"; +import Image from "next/image"; + + +const TeamOne = () => { + return ( + <> + {TeamContentFour.map((item, i) => ( +
    + +
    +
    {item.designation}
    +
    {item.name}
    +
    +
    + team +
    + +
    + ))} + + ); +}; + +export default TeamOne; diff --git a/components/team/TeamSlider.jsx b/components/team/TeamSlider.jsx new file mode 100644 index 0000000..6597a02 --- /dev/null +++ b/components/team/TeamSlider.jsx @@ -0,0 +1,63 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Link from "next/link"; +import { TeamContentFive } from "@/data/team"; + +export default function TeamSlider() { + + + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 4, + slidesToScroll: 1, + autoplay: false, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 3, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + return ( + <> + + {TeamContentFive.map((item, i) => ( +
    + +
    +
    {item.designation}
    +
    {item.name}
    +
    +
    + team +
    + +
    + ))} +     + + ); +} diff --git a/components/team/TeamThree.jsx b/components/team/TeamThree.jsx new file mode 100644 index 0000000..9b66aa8 --- /dev/null +++ b/components/team/TeamThree.jsx @@ -0,0 +1,66 @@ + +'use client' +import Image from "next/image"; +import React, { useEffect, useState } from "react"; +import Link from "next/link"; +import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; +import { All } from "@/data/team"; + + + +const TeamThree = () => { + + const TabListContent = ["All", "Leadership", "Designer", "Developer", "Marketing"]; + const [currentCategory, setCurrentCategory] = useState('All') + const [fitteredItems, setFitteredItems] = useState([]) + useEffect(() => { + if (currentCategory == 'All') { + setFitteredItems(All) + + } else { + setFitteredItems(All.filter(elm=>elm.category == currentCategory)) + + } + + + + }, [currentCategory]) + return ( + <> + + + {TabListContent.map((tab, i) => ( + setCurrentCategory(tab)} key={i}> + + + ))} + + {/* End .Tablist */} +
    +
    + {fitteredItems.map((item, i) => ( + +
    + media +

    {item.title}

    + {item.designation} +
    + {/* /.team-member */} + + ))} + +
    +
    +
    +
    + {/* /.mixitUp-container */} +
    + +     + + ); +}; + +export default TeamThree; diff --git a/components/team/TeamTwo.jsx b/components/team/TeamTwo.jsx new file mode 100644 index 0000000..c3e2f0a --- /dev/null +++ b/components/team/TeamTwo.jsx @@ -0,0 +1,36 @@ +import React from "react"; +import Link from "next/link"; +import { TeamContentThree } from "@/data/team"; +import Image from "next/image"; + + +const TeamTwo = () => { + return ( + <> + {TeamContentThree.map((item, i) => ( +
    + +
    + team +
    +
    +
    {item.designation}
    +
    {item.name}
    +
    + +
    + ))} + + ); +}; + +export default TeamTwo; diff --git a/components/testimonial/Testimonial.jsx b/components/testimonial/Testimonial.jsx new file mode 100644 index 0000000..739d18f --- /dev/null +++ b/components/testimonial/Testimonial.jsx @@ -0,0 +1,60 @@ +'use client' +import Image from "next/image"; + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function Testimonial() { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 1, + slidesToScroll: 1, + autoplay: false, + margin: 30, + }; + + const TestimonilContent = [ + { + desc: ` Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerImg: "img_20", + reviewerName: "Jannatul Ekra", + designation: "Designer", + }, + { + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerImg: "img_20", + reviewerName: "Bostami Hasan", + designation: "Front-end Engineer", + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +

    {val.desc}

    +
    + image +
    + {val.reviewerName} {val.designation} +
    +
    +
    + ))} +     + ); +} diff --git a/components/testimonial/TestimonialFive.jsx b/components/testimonial/TestimonialFive.jsx new file mode 100644 index 0000000..3ea41d2 --- /dev/null +++ b/components/testimonial/TestimonialFive.jsx @@ -0,0 +1,45 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function TestimonialThree() { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 1, + slidesToScroll: 1, + autoplay: false, + margin: 30, + }; + + const TestimonilContent = [ + { + desc: ` Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Jannatul Ekra", + designation: "Designer", + }, + { + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Bostami Hasan", + designation: "Developer", + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +

    {val.desc}

    +
    {val.reviewerName}
    + {val.designation} +
    + ))} +     + ); +} diff --git a/components/testimonial/TestimonialFour.jsx b/components/testimonial/TestimonialFour.jsx new file mode 100644 index 0000000..8894324 --- /dev/null +++ b/components/testimonial/TestimonialFour.jsx @@ -0,0 +1,100 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +export default function TestimonialFour() { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + const TestimonilContent = [ + { + img: "77", + desc: `Latin derived from Cicero's 1st-century BC text De Finibus Bonoru et Malorum print demo version.`, + reviewerName: "Jannatul Ekra", + country: "USA", + stars: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + { + img: "77", + desc: `Placeholder text commonly used in the graphic, print, and industries for preview layouts & visual`, + reviewerName: "Bostami Hasan", + country: "USA", + stars: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + { + img: "77", + desc: `From its medieval origins to the digital er, learn everything there is to know about the ubiquitous`, + reviewerName: "Kuyeti Krima", + country: "USA", + stars: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + { + img: "77", + desc: `Latin derived from Cicero's 1st-century BC text De Finibus Bonoru et Malorum print demo version.`, + reviewerName: "Zibaiya Reian", + country: "USA", + stars: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + { + img: "77", + desc: `Placeholder text commonly used in the graphic, print, and industries for preview layouts & visual`, + reviewerName: "Riana Sariya", + country: "USA", + stars: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +
    + icon +

    {val.desc}

    +
    +
    + {val.reviewerName},{val.country} +
    +
      + {val.stars.map((star, i) => ( +
    • + +
      • + ))} +
    +
    +
    +
    + ))} +     + ); +} diff --git a/components/testimonial/TestimonialSeven.jsx b/components/testimonial/TestimonialSeven.jsx new file mode 100644 index 0000000..4699551 --- /dev/null +++ b/components/testimonial/TestimonialSeven.jsx @@ -0,0 +1,104 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function TestimonialSeven() { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 1199, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + const TestimonilContent = [ + { + img: "img_79", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Jannatul Ekra", + country: "USA", + bgColor: "#FF47E2", + }, + { + img: "img_78", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Bostami Hasan", + country: "USA", + bgColor: "#00E5F3", + }, + { + img: "img_79", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Kuyeti Krima", + country: "USA", + bgColor: "#FFCF24", + }, + { + img: "img_80", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Zibaiya Reian", + country: "USA", + bgColor: "#8F6BF6", + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +
    + +

    {val.desc}

    +
    + icon +
    + {val.reviewerName},{val.country} +
    +
    +
    + {/* End .feedback-wrapper */} +
    + ))} +     + ); +} diff --git a/components/testimonial/TestimonialSix.jsx b/components/testimonial/TestimonialSix.jsx new file mode 100644 index 0000000..870dbd9 --- /dev/null +++ b/components/testimonial/TestimonialSix.jsx @@ -0,0 +1,94 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function TestimonialSix() { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + const TestimonilContent = [ + { + img: "img_79", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Jannatul Ekra", + country: "USA", + }, + { + img: "img_78", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Bostami Hasan", + country: "USA", + }, + { + img: "img_79", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Kuyeti Krima", + country: "USA", + }, + { + img: "img_80", + desc: ` Already closed 1 deal from Accelerator and in the process of + closing 2 more now. Have “a few others” that will be closing + in the near future!`, + reviewerName: "Zibaiya Reian", + country: "USA", + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +
    + +

    {val.desc}

    +
    + icon +
    + {val.reviewerName},{val.country} +
    +
    +
    + {/* End .feedback-wrapper */} +
    + ))} +     + ); +} diff --git a/components/testimonial/TestimonialThree.jsx b/components/testimonial/TestimonialThree.jsx new file mode 100644 index 0000000..f954a18 --- /dev/null +++ b/components/testimonial/TestimonialThree.jsx @@ -0,0 +1,51 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function TestimonialThree() { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 1, + slidesToScroll: 1, + autoplay: false, + margin: 30, + }; + + const TestimonilContent = [ + { + desc: ` Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Jannatul Ekra", + designation: "Designer", + }, + { + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Bostami Hasan", + designation: "Front-end Engineer", + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +

    {val.desc}

    +
    {val.reviewerName}
    + {val.designation} +
    + ))} +     + ); +} diff --git a/components/testimonial/TestimonialTwo.jsx b/components/testimonial/TestimonialTwo.jsx new file mode 100644 index 0000000..e6c2f22 --- /dev/null +++ b/components/testimonial/TestimonialTwo.jsx @@ -0,0 +1,84 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +export default function TestimonialTwo() { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + const TestimonilContent = [ + { + img: "logo-8", + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Jannatul Ekra", + designation: "Designer", + }, + { + img: "logo-9", + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Bostami Hasan", + designation: "Front-end Engineer", + }, + { + img: "logo-10", + desc: ` Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Kuyeti Krima", + designation: "Visual Designer", + }, + { + img: "logo-9", + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Zibaiya Reian", + designation: "Motion Graphy Expert", + }, + { + img: "logo-10", + desc: `Having a home based business is a wonderful asset to your life. The problem still stands it comes time advertise your business for a cheap cost. I know you have looked answer everywhere.`, + reviewerName: "Riana Sariya", + designation: "Digital Photographer", + }, + ]; + + return ( + + {TestimonilContent.map((val, i) => ( +
    +
    + image +

    {val.desc}

    +
    {val.reviewerName}
    +
    {val.designation}
    +
    + {/* /.bg-wrapper */} +
    + ))} +     + ); +} diff --git a/components/video/FacnyVideoThree.jsx b/components/video/FacnyVideoThree.jsx new file mode 100644 index 0000000..eec0cb7 --- /dev/null +++ b/components/video/FacnyVideoThree.jsx @@ -0,0 +1,54 @@ +'use client' +import Image from "next/image"; +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; + +const FacnyVideoThree = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> + +
    +
    +
    +
    SHARE CoNTENT
    +

    Share content all platform.

    +

    + Upload, edit, and share files with a team in a single place. + Secure, backed up, and cross-device - now, work can happen from + anywhere. +

    +
    setOpen(true)} + > + + WATCH VIDEO +
    +
    + {/* /.text-wrapper */} +
    +
    + media +
    +
    + + ); +}; + +export default FacnyVideoThree; diff --git a/components/video/FacnyVideoTwo.jsx b/components/video/FacnyVideoTwo.jsx new file mode 100644 index 0000000..c692120 --- /dev/null +++ b/components/video/FacnyVideoTwo.jsx @@ -0,0 +1,53 @@ +'use client' + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; +import Image from "next/image"; +const FacnyVideoTwo = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> + +
    +
    +
    +
    SUPPORTED
    +

    Import & Export all format.

    +

    + Go paperless. Back up important documents to all your devices, and + keep the information not the clutter. +

    +
    setOpen(true)} + > + + WATCH VIDEO +
    +
    + {/* /.text-wrapper */} +
    +
    + media +
    +
    + + ); +}; + +export default FacnyVideoTwo; diff --git a/components/video/FancyVideoFive.jsx b/components/video/FancyVideoFive.jsx new file mode 100644 index 0000000..fb1644b --- /dev/null +++ b/components/video/FancyVideoFive.jsx @@ -0,0 +1,56 @@ +'use client' + +import Image from "next/image"; +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; + +const FancyVideoFive = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> +
    +
    +
    +
    +

    + + Service we offer is{" "} + icon + + specifically designed to meet your needs. +

    +
    + {/* */} +

    + With Benefits from deski Pro, Earn rewards & Score discounts on + purchases* Foryourself and your customers. +

    +
    +
    + {/* End .col */} + +
    +
    + media +
    setOpen(true)} + className="fancybox video-button d-flex align-items-center justify-content-center" + > + icon +
    +
    + {/* */} +
    +
    + + ); +}; + +export default FancyVideoFive; diff --git a/components/video/FancyVideoFour.jsx b/components/video/FancyVideoFour.jsx new file mode 100644 index 0000000..e808f4f --- /dev/null +++ b/components/video/FancyVideoFour.jsx @@ -0,0 +1,31 @@ +'use client' + + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; +import Image from "next/image"; +const FancyVideoFour = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> +
    + group of people +
    setOpen(true)} + > + icon +
    +
    + + ); +}; + +export default FancyVideoFour; diff --git a/components/video/FancyVideoOne.jsx b/components/video/FancyVideoOne.jsx new file mode 100644 index 0000000..7f1addd --- /dev/null +++ b/components/video/FancyVideoOne.jsx @@ -0,0 +1,29 @@ +'use client' + + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; +import Image from "next/image"; +const FancyVideoOne = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> + media +
    setOpen(true)} + > + icon +
    + + ); +}; + +export default FancyVideoOne; diff --git a/components/video/FancyVideoSix.jsx b/components/video/FancyVideoSix.jsx new file mode 100644 index 0000000..d0f6e52 --- /dev/null +++ b/components/video/FancyVideoSix.jsx @@ -0,0 +1,29 @@ +'use client' + + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; +import Image from "next/image"; +const FancyVideoSix = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> + media +
    setOpen(true)} + > + icon +
    + + ); +}; + +export default FancyVideoSix; diff --git a/components/video/VideoGallery.jsx b/components/video/VideoGallery.jsx new file mode 100644 index 0000000..bd4fb5f --- /dev/null +++ b/components/video/VideoGallery.jsx @@ -0,0 +1,107 @@ +'use client' + + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; +import Image from "next/image"; +const VideoGalleryContent = [ + { + img: "img_84", + text1: "Promoty", + text2: "your Event", + animationDelay: "", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_85", + text1: "Social Media", + text2: "Promotion", + animationDelay: "50", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_86", + text1: "Youtube Creator", + text2: "Intro", + animationDelay: "100", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_87", + text1: "Dancing", + text2: "eople adv", + animationDelay: "150", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_88", + text1: "Cartoon for", + text2: "children", + animationDelay: "50", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_89", + text1: "Music", + text2: "Learning", + animationDelay: "100", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_90", + text1: "Greeting", + text2: "intro", + animationDelay: "150", + videoId:'qnwTVQlxs4g' + }, + { + img: "img_91", + text1: "Work", + text2: "From Home", + animationDelay: "200", + videoId:'qnwTVQlxs4g' + }, +]; + +const VideoGallery = () => { + const [isOpen, setOpen] = useState(false); + const [videoId, setVideoId] = useState('qnwTVQlxs4g') + return ( +
    + setOpen(false)} + /> + {VideoGalleryContent.map((val, i) => ( +
    +
    setVideoId(val.videoId)} > + image +
    + + {val.text1}
    {val.text2} +     + setOpen(true)} + > + image + +
    +
    + {/* /.block-style-twentyOne */} +
    + ))} +
    + ); +}; + +export default VideoGallery; diff --git a/components/vr-landing/BlockFeaturesOne.jsx b/components/vr-landing/BlockFeaturesOne.jsx new file mode 100644 index 0000000..245b05f --- /dev/null +++ b/components/vr-landing/BlockFeaturesOne.jsx @@ -0,0 +1,48 @@ +import Image from "next/image"; +import React from "react"; + +const BlockFeaturesOne = () => { + return ( +
    +
    +
    +
    +
    Easy to use,
    +

    + READY,
    HEADSET, GO +

    +
    +

    + No wires means you're not stuck playing Quest 2 at home. You’re free + to take all the games, workouts, shows, experiences and more on the + road with you. +

    +
    +
    +
    + media + media + media +
    +
    +
    +
    + ); +}; + +export default BlockFeaturesOne; diff --git a/components/vr-landing/BlockFeaturesTwo.jsx b/components/vr-landing/BlockFeaturesTwo.jsx new file mode 100644 index 0000000..5238edf --- /dev/null +++ b/components/vr-landing/BlockFeaturesTwo.jsx @@ -0,0 +1,41 @@ +import Image from "next/image"; +import React from "react"; + +const BlockFeaturesTwo = () => { + return ( +
    +
    +
    +
    +
    Gaming
    +

    PLAY FAVORITES GAMES.

    +
    +

    + From multiplayer games to unique experiences to joining up with + friends at a live show or instructor-led workout, opportunities to + meet & connect with others. +

    +
    +
    +
    + media + media +
    +
    +
    +
    + ); +}; + +export default BlockFeaturesTwo; diff --git a/components/vr-landing/FancyFeature.jsx b/components/vr-landing/FancyFeature.jsx new file mode 100644 index 0000000..261b70b --- /dev/null +++ b/components/vr-landing/FancyFeature.jsx @@ -0,0 +1,45 @@ +import React from "react"; +import Image from "next/image"; +const FancyFeature = () => { + const rating = ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"]; + return ( +
    +
    +
    +
    +
    FEATURES
    +

    Complete Headset Filled with Unique Experiences.

    +
    +
    +
    +
    + media +
    +
    +
      + {rating.map((star, i) => ( +
    • + +
      • + ))} +
    +
    5,638 REVIEWS
    +
    +
    +
    +

    + DeskiVr is non-stop fun. The biggest titles and multi-player + games—we have them. New ways to workout, socialize or lose track of + time—we have those too. And our library keeps growing every day. + Discover what’s possible on janovr. +

    +
    +
    +
    + ); +}; + +export default FancyFeature; diff --git a/components/vr-landing/FancyVideo.jsx b/components/vr-landing/FancyVideo.jsx new file mode 100644 index 0000000..fc571ae --- /dev/null +++ b/components/vr-landing/FancyVideo.jsx @@ -0,0 +1,40 @@ +'use client' + +import React, { useState } from "react"; +import ModalVideo from "react-modal-video"; + +const FancyVideo = () => { + const [isOpen, setOpen] = useState(false); + return ( + <> + setOpen(false)} + /> + +
    +
    +
    + Stylish Affordable. Quality. +
    +
    + setOpen(true)}> + + +
    + Watch Intro video + + It is a long established fact that will get it.{" "} + +
    +
    +
    +
    + + ); +}; + +export default FancyVideo; diff --git a/components/vr-landing/FeatureCounter.jsx b/components/vr-landing/FeatureCounter.jsx new file mode 100644 index 0000000..a787bc3 --- /dev/null +++ b/components/vr-landing/FeatureCounter.jsx @@ -0,0 +1,83 @@ +'use client' + +import Image from "next/image"; + +import React from "react"; +import CountUp from "react-countup"; +import VisibilitySensor from "react-visibility-sensor"; + +const counterUpContent = [ + { + icon: "194", + startCount: "0", + endCount: "300", + meta: "Focal Adjustment", + }, + { + icon: "195", + startCount: "0", + endCount: "108", + meta: "Field of View", + }, + { + icon: "196", + startCount: "0", + endCount: "237", + meta: "Weight", + }, + { + icon: "197", + startCount: "0", + endCount: "32", + meta: "HD Lens Diameter", + }, +]; + +const FeatureCounter = () => { + const [focus, setFocus] = React.useState(false); + return ( + <> + {counterUpContent.map((val, i) => ( +
    +
    +
    + icon +
    +

    + + {" "} + + {({ countUpRef }) => ( + { + if (isVisible) { + setFocus(true); + } + }} + > + + + )} + {" "} + {" "} + m +

    +

    {val.meta}

    +
    +
    + ))} + + ); +}; + +export default FeatureCounter; diff --git a/components/vr-landing/Header.jsx b/components/vr-landing/Header.jsx new file mode 100644 index 0000000..d8c54dd --- /dev/null +++ b/components/vr-landing/Header.jsx @@ -0,0 +1,228 @@ +'use client' + +import React, { useEffect, useState } from "react"; + +import Link from "next/link"; +import Modal from "react-modal"; +import MegaMenuLanding from "../header/mega-menu/MegaMenuLanding"; +import HeaderPopupForm from "../form/HeaderPopupForm"; +import Image from "next/image"; +const logo = "/images/logo/deski_06.svg"; + +const HeaderLanding = () => { + const [isOpen, setIsOpen] = useState(false); + const [click, setClick] = useState(false); + const handleClick = () => setClick(!click); + const [navbar, setNavbar] = useState(false); + + function toggleModalOne() { + setIsOpen(!isOpen); + } + + const changeBackground = () => { + if (typeof window !== "undefined") { + if (window.scrollY >= 90) { + setNavbar(true); + } else { + setNavbar(false); + } + } + + }; + + useEffect(() => { + window.addEventListener("scroll", changeBackground); + + return () => { + window.removeEventListener("scroll", changeBackground); + } + }, []) + + + + + + return ( + <> + {/* ============================================= + Theme Main Menu + ============================================== */} +
    +
    +
    + + brand + +
    + {/* End logo */} + + +
    + +
    +
    +
    + {/* /.theme-main-menu */} + + {/* Mobile Menu Start */} +
    +
    + + brand + +
    + icon +
    + {/* Mobile Menu close icon */} +
    + + +
    + {/* Mobile Menu End */} + + +
    +
    + + {/* End close icon */} + +
    +
    +
    +
    +
    + “I never dreamed about success. I worked for it.” +
    + —Estée Lauder +
    +
    + image +
    +
    + {/* /.left-side */} + +
    +

    Contact us

    + +
    + {/* /.right-side */} +
    + {/* /.main-body */} +
    +     + {/* End Modal For Request a demo */} + + ); +}; + +export default HeaderLanding; diff --git a/components/vr-landing/HeroBanner.jsx b/components/vr-landing/HeroBanner.jsx new file mode 100644 index 0000000..6ec47c8 --- /dev/null +++ b/components/vr-landing/HeroBanner.jsx @@ -0,0 +1,43 @@ +import React from "react"; + +const HeroBanner = () => { + return ( +
    +
    +

    + Let’s explore the virtual world. +

    +

    + Deski delivered blazing performance, striking word solution lorem. +

    +
    +
    + Virtual Reality Glass{" "} + + 20% SALE ON + +
    +
    $49.
    +
    + + Explore more & Shop + +
    +
    + ); +}; + +export default HeroBanner; diff --git a/components/vr-landing/LatestProduct.jsx b/components/vr-landing/LatestProduct.jsx new file mode 100644 index 0000000..be29d83 --- /dev/null +++ b/components/vr-landing/LatestProduct.jsx @@ -0,0 +1,101 @@ +'use client' + +import Image from "next/image"; +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; + +const LatestProduct = () => { + const settings = { + dots: false, + arrow: true, + infinite: true, + speed: 900, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + }, + }, + ], + }; + + const vrProducts = [ + { + _id: 1, + image: "img_115", + title: "Oculus Quest", + productLink: "#", + price: "72.00", + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + { + _id: 2, + image: "img_116", + title: "VR Controller", + productLink: "#", + price: "27.00", + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"], + }, + { + _id: 3, + image: "img_117", + title: "Play Station 2", + productLink: "#", + price: "382.00", + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"], + }, + { + _id: 4, + image: "img_116", + title: "VR Controller", + productLink: "#", + price: "27.00", + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"], + }, + ]; + + return ( + <> + + {vrProducts.map((product) => ( +
    +
    +
    + vr product +
    +

    + {product.title} +

    +
    ${product.price}
    +
      + {product.rating.map((star, i) => ( +
    • + +
      • + ))} +
    +
    +
    + ))} +     + + ); +}; + +export default LatestProduct; diff --git a/components/vr-landing/Testimonials.jsx b/components/vr-landing/Testimonials.jsx new file mode 100644 index 0000000..14c5a71 --- /dev/null +++ b/components/vr-landing/Testimonials.jsx @@ -0,0 +1,111 @@ +'use client' + + +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Image from "next/image"; +const Testimonials = () => { + const settings = { + dots: true, + arrow: false, + infinite: true, + speed: 900, + rtl: true, + slidesToShow: 3, + slidesToScroll: 1, + autoplay: false, + centerMode: true, + centerPadding: "0", + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 2, + }, + }, + { + breakpoint: 576, + settings: { + slidesToShow: 1, + dots: true, + }, + }, + ], + }; + const reviewContent = [ + { + _id: 1, + name: "Bostami H.", + region: "Lodon", + avatar: "img_46", + ratingDetails: `Pellentesque gravida sceleri pretium. Quisque ut lacus quis neque + lac lacinia eget augue mauris at magna. some lorem quis.`, + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"], + }, + { + _id: 1, + name: "Jannatul Ara", + region: "United Kingdom", + avatar: "img_47", + ratingDetails: `Pellentesque gravida sceleri pretium. Quisque ut lacus quis neque + lac lacinia eget augue mauris at magna. some lorem quis.`, + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"], + }, + { + _id: 1, + name: "Reladia M.", + region: "USA", + avatar: "img_48", + ratingDetails: `Pellentesque gravida sceleri pretium. Quisque ut lacus quis neque + lac lacinia eget augue mauris at magna. some lorem quis.`, + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star"], + }, + { + _id: 1, + name: "Kiron Li", + region: "Australia", + avatar: "img_49", + ratingDetails: `Pellentesque gravida sceleri pretium. Quisque ut lacus quis neque + lac lacinia eget augue mauris at magna. some lorem quis.`, + rating: ["fa-star", "fa-star", "fa-star", "fa-star", "fa-star-o"], + }, + ]; + return ( + <> + + {reviewContent.map((review) => ( +
    +
    +
    + media +
    +
    {review.name}
    + {review.region} +
    +
    +

    {review.ratingDetails}

    +
    +
      + {review.rating.map((star, i) => ( +
    • + +
      • + ))} +
    + icon +
    +
    +
    + ))} +     + + ); +}; + +export default Testimonials; diff --git a/context/Context.jsx b/context/Context.jsx new file mode 100644 index 0000000..8f74e71 --- /dev/null +++ b/context/Context.jsx @@ -0,0 +1,56 @@ +'use client' + + +import { productData } from "@/data/products"; +import React from "react"; +import { useContext ,useState , useEffect } from "react"; +const dataContext = React.createContext(); +export const useContextElement = () => { + + return useContext(dataContext); + }; + + export default function Context({ children }) { + const [cartProducts, setCartProducts] = useState([]) + const [totalPrice, setTotalPrice] = useState(0) + + + + const addProductToCart = (id)=>{ + + if (!cartProducts.filter((elm)=>elm.id == id)[0]) { + + const item = {...productData.filter(elm=>elm.id == id)[0],quantity:Number(document.getElementById('productQuantity').value)} + setCartProducts(pre=>[...pre,item]) + + } + + } + const isAddedToCartProducts = (id)=>{ + if (cartProducts.filter((elm)=>elm.id == id)[0]) { + return true + } + return false + + } + useEffect(() => { + const sum = cartProducts.reduce((accumulator, currentValue) => { + return accumulator + currentValue.price * currentValue.quantity; + }, 0); + setTotalPrice(sum); + }, [cartProducts]); + + + + const contextElement = { + + cartProducts, + setCartProducts, + addProductToCart, + isAddedToCartProducts, + totalPrice + }; + return ( + {children} + ); + } \ No newline at end of file diff --git a/data/blogs.js b/data/blogs.js new file mode 100644 index 0000000..4119485 --- /dev/null +++ b/data/blogs.js @@ -0,0 +1,281 @@ +export const BlogContent = [ + { id: 25, + img: "media_01.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + routePath: "/blog-details", + dealyAnimation: "", + }, + { id:26 , + img: "media_02.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + routePath: "/blog-details", + dealyAnimation: "50", + }, + { id: 27, + img: "media_03.png", + tag: "Blog", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa + `, + routePath: "/blog-details", + dealyAnimation: "100", + }, + { id: 28, + img: "media_07.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + routePath: "/blog-details", + dealyAnimation: "50", + }, + { id: 29, + img: "media_08.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + routePath: "/blog-details", + dealyAnimation: "100", + }, + { id: 30, + img: "media_09.png", + tag: "Blog", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa`, + routePath: "/blog-details", + dealyAnimation: "150", + }, + { id: 31, + img: "media_10.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + routePath: "/blog-details", + dealyAnimation: "50", + }, + { id: 32, + img: "media_11.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + routePath: "/blog-details", + dealyAnimation: "100", + }, + { id: 33, + img: "media_12.png", + tag: "Blog", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa`, + routePath: "/blog-details", + dealyAnimation: "150", + }, + { id: 34, + img: "media_13.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + routePath: "/blog-details", + dealyAnimation: "50", + }, + { id: 35, + img: "media_14.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + routePath: "/blog-details", + dealyAnimation: "100", + }, + { id: 36, + img: "media_15.png", + tag: "Blog", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa`, + routePath: "/blog-details", + dealyAnimation: "150", + }, + ]; + +export const BlogContentTwo = [ + { id :1 , + img: "media_16.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :2 , + img: "media_17.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :3 , + img: "media_20.png", + tag: "Blog", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa + `, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :4 , + img: "media_18.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :5 , + img: "media_19.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + ]; + + export const BlogContentThree = [ + { id : 6, + img: "media_24.png", + date: "23 Apr. 2020", + title: `A Discount Cartridge Is Better Ever.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :7 , + img: "media_25.png", + date: "23 Apr. 2020", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :8 , + img: "media_26.png", + date: "23 Apr. 2020", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa + `, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + { id :9 , + img: "media_27.png", + date: "23 Apr. 2020", + title: `A Discount Cartridge Is Better Ever.`, + desc: `Tomfoolery crikey bits and bobs brilliant bamboozled down the pub amongst brolly hanky panky, cack bonnet arse over tit burke bugger all mate bodge..`, + routePath: "/blog-details", + }, + ]; + + export const BlogContentFour = [ + { id :10 , + img: "media_04.png", + title: `A Discount Cartridge Is Better Ever.`, + routePath: "/blog-details", + dealyAnimation: "", + }, + { id :11 , + img: "media_05.png", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + routePath: "/blog-details", + dealyAnimation: "50", + }, + { id :12 , + img: "media_07.png", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa + `, + routePath: "/blog-details", + dealyAnimation: "100", + }, + ]; + + export const BlogContentFive = [ + { id:13 , + img: "media_12.png", + tag: "Technology", + title: `A Discount Cartridge Is Better Ever.`, + routePath: "/blog-details", + dealyAnimation: "50", + }, + { id: 14, + img: "media_10.png", + tag: "Software", + title: `Quis Nostr Exercitation Ullamco Laboris nisi ut Aliquip + exea.`, + routePath: "/blog-details", + dealyAnimation: "100", + }, + { id: 15, + img: "media_11.png", + tag: "Blog", + title: `Excepteur sint occaat cupidatat proidet nisi sunt in culpa`, + routePath: "/blog-details", + dealyAnimation: "150", + }, + ]; + + export const BlogContentSix = [ + { id: 16, + img: "media_32.jpg", + title: `7 reasons Deski is best deski...`, + author: "Jannatul Ekra", + designation: "Designe Guru", + animationDealy: "", + }, + {id: 17, + img: "media_33.jpg", + title: `What’s the process of our selling ticket. `, + author: "Alison Ja", + designation: "CEO", + animationDealy: "100", + }, + {id: 18, + img: "media_34.jpg", + title: `Managment & security process..`, + author: "Hasan", + designation: "Designe Guru", + animationDealy: "200", + }, + ]; + +export const BlogContentSeven = [ + { id: 19, + img: "media_35.jpg", + title: `A Discount Cartridge dsu is Better Ever.`, + animationDealy: "", + }, + { id:20 , + img: "media_36.jpg", + title: `Truck Side Advertising Isn It Time for action. `, + animationDealy: "100", + }, + { id:21 , + img: "media_37.jpg", + title: `A discount cartridge dsu is better ever.`, + animationDealy: "200", + }, + ]; + +export const recentNews = [ + { id:22 , + title: "10 days quick challange for boost visitors.", + date: "23 July, 2018", + }, + { id:23 , + title: "10 days quick challange for boost visitors.", + date: "23 July, 2018", + }, + { id:24 , + title: "10 days quick challange for boost visitors.", + date: "23 July, 2018", + }, +]; + +export const allblogs = [ + ...BlogContent, + ...BlogContentTwo, + ...BlogContentThree, + ...BlogContentFour, + ...BlogContentFive, + ...BlogContentSix, + ...BlogContentSeven, + ...recentNews +] diff --git a/data/faqs.js b/data/faqs.js new file mode 100644 index 0000000..a97c0c8 --- /dev/null +++ b/data/faqs.js @@ -0,0 +1,59 @@ + + + +export const FaqContent = [ + { id: 1, + avatar: "img_43", + title: "How to set up two-factor authentication (2FA)", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id:2 , + avatar: "img_44", + title: "Can I sell raffle tickets using Deski?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id:3 , + avatar: "img_45", + title: "How do I send tickets as a PDF?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id: 4, + avatar: "img_46", + title: "How do I send invoices to my ticket buyers?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id: 5, + avatar: "img_47", + title: "How do I edit the ticket types?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id: 6, + avatar: "img_48", + title: "How do I edit the currency for my event?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id:7 , + avatar: "img_49", + title: "How can I schedule my event to go live at a future date?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id: 8, + avatar: "img_50", + title: "Can I include a seating plan?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + { id:9 , + avatar: "img_51", + title: "Can I use other ticket selling agencies at the same time?", + writterName: "Jonny White", + date: "12 apr, 2020", + }, + ]; \ No newline at end of file diff --git a/data/portfolios.js b/data/portfolios.js new file mode 100644 index 0000000..2158f72 --- /dev/null +++ b/data/portfolios.js @@ -0,0 +1,273 @@ + + + + +export const AllPortfolioItem = [ + { id:1 , + img: "/images/gallery/img_15.jpg", + title: "The Gang Blue", + meta: "Branding,Design", + dalayAnimation: "", + }, + { id:2 , + img: "/images/gallery/img_16.jpg", + title: "Core WordPress", + meta: "Development, Plugin", + dalayAnimation: "100", + }, + { id: 3, + img: "/images/gallery/img_17.jpg", + title: "Platform Audit", + meta: "Development, Branding", + dalayAnimation: "200", + }, + { id: 4, + img: "/images/gallery/img_18.jpg", + title: "Medieval origins", + meta: "Development, Design", + dalayAnimation: "0", + }, + { id:5 , + img: "/images/gallery/img_19.jpg", + title: "Designer’s Checklist", + meta: "Development, Plugin", + dalayAnimation: "100", + }, + { id:6 , + img: "/images/gallery/img_20.jpg", + title: "Motivation defining Moment", + meta: "Development, Design", + dalayAnimation: "200", + }, + { id: 7, + img: "/images/gallery/img_21.jpg", + title: "Experience WordCamp", + meta: "Development, Design", + dalayAnimation: "0", + }, + { id:8 , + img: "/images/gallery/img_22.jpg", + title: "Lets catch amd", + meta: "Development, Design", + dalayAnimation: "100", + }, + { id: 9, + img: "/images/gallery/img_23.jpg", + title: "Experience WordCamp", + meta: "Development, Branding", + dalayAnimation: "200", + }, + ]; + +export const AllPortfolioTwo = [ + { id: 10 , + img: "/images/gallery/img_28.jpg", + title: "The Gang Blue", + meta: "Branding, Design", + dalayAnimation: "", + }, + { id: 11 , + img: "/images/gallery/img_29.jpg", + title: "Core WordPress", + meta: "Development, Plugin", + dalayAnimation: "100", + }, + { id: 12 , + img: "/images/gallery/img_30.jpg", + title: "Platform Audit", + meta: "Development, Branding", + dalayAnimation: "100", + }, + { id: 13 , + img: "/images/gallery/img_31.jpg", + title: "Medieval origins", + meta: "Development, Design", + dalayAnimation: "100", + }, + { id: 14 , + img: "/images/gallery/img_32.jpg", + title: "Designer’s Checklist", + meta: "Development, Plugin", + dalayAnimation: "100", + }, + ]; + +export const AllPortfolioThree = [ + { id: 15, + img: "/images/gallery/img_09.jpg", + title: "The Gang Blue", + meta: "Branding, Design", + dalayAnimation: "", + }, + { id:16 , + img: "/images/gallery/img_10.jpg", + title: "Core WordPress", + meta: "Development, Plugin", + dalayAnimation: "100", + }, + { id:17 , + img: "/images/gallery/img_11.jpg", + title: "Platform Audit", + meta: "Development, Branding", + dalayAnimation: "200", + }, + { id: 18, + img: "/images/gallery/img_12.jpg", + title: "Medieval origins", + meta: "Development, Design", + dalayAnimation: "0", + }, + { id:19 , + img: "/images/gallery/img_13.jpg", + title: "Designer’s Checklist", + meta: "Development, Plugin", + dalayAnimation: "100", + }, + { id: 20, + img: "/images/gallery/img_14.jpg", + title: "Motivation defining Moment", + meta: "Development, Design", + dalayAnimation: "0", + }, + ]; + +export const AllPortfolioFour = [ + { id: 20 , + img: "/images/gallery/img_01.jpg", + title: "The Gang Blue", + meta: "Branding, Design", + imgClass: "", + dalayAnimation: "", + width: "407", + height: "549", + }, + { id: 22 , + img: "/images/gallery/img_02.jpg", + title: "Core WordPress", + meta: "Development, Plugin", + imgClass: "", + dalayAnimation: "100", + width: "407", + height: "549", + }, + { id: 23 , + img: "/images/gallery/img_03.jpg", + title: "Platform Audit", + meta: "Development, Branding", + imgClass: "", + dalayAnimation: "200", + width: "407", + height: "549", + }, + { id: 24 , + img: "/images/gallery/img_04.jpg", + title: "Medieval origins", + meta: "Development, Design", + imgClass: "", + dalayAnimation: "0", + width: "407", + height: "549", + }, + { id:25, + img: "/images/gallery/img_05.jpg", + title: "Designer’s Checklist", + meta: "Development, Plugin", + imgClass: "mixL", + dalayAnimation: "100", + width: "863", + height: "542", + }, + { id:26, + img: "/images/gallery/img_06.jpg", + title: "Motivation defining Moment", + meta: "Development, Design", + imgClass: "", + dalayAnimation: "0", + width: "407", + height: "549", + }, + { id:27, + img: "/images/gallery/img_07.jpg", + title: "Our experience WordCamp", + meta: "Development, Branding", + imgClass: "", + dalayAnimation: "100", + width: "407", + height: "549", + }, + { id:28, + img: "/images/gallery/img_08.jpg", + title: "Lets catch up amd", + meta: "Development, Branding", + imgClass: "", + dalayAnimation: "200", + width: "407", + height: "549", + }, + ]; + +export const PortfolioContent = [ + + { id: 29, + img: "/images/gallery/img_24.jpg", + meta: "User Interface", + title: "Deski - Art & Illustration", + }, + { id:30 , + img: "/images/gallery/img_27.jpg", + meta: "Web developemnt", + title: "Deski - Art & Illustration", + }, + { id:31 , + img: "/images/gallery/img_26.jpg", + meta: "Social Marketing", + title: "Deski - Art & Illustration", + }, + { id: 32, + img: "/images/gallery/img_25.jpg", + meta: "lead generation", + title: "Deski - Art & Illustration", + }, + ]; +export const PortfolioImages = [ + { id:33 , + img: "/images/media/img_73.png", + altName: "Screen 1", + }, + { id:34 , + img: "/images/media/img_74.png", + altName: "Screen 2", + }, + { id:35 , + img: "/images/media/img_75.png", + altName: "Screen 3", + }, + { id:36 , + img: "/images/media/img_76.png", + altName: "Screen 4", + }, + { id:37 , + img: "/images/media/img_75.png", + altName: "Screen 5", + }, + { id:38 , + img: "/images/media/img_76.png", + altName: "Screen 6", + }, + { id:39 , + img: "/images/media/img_73.png", + altName: "Screen 7", + }, +]; + +export const allItems = [ + + ...AllPortfolioItem, + ...AllPortfolioTwo, + ...AllPortfolioThree, + ...AllPortfolioFour, + ...PortfolioContent, + ...PortfolioImages + + +] \ No newline at end of file diff --git a/data/products.js b/data/products.js new file mode 100644 index 0000000..88cb34c --- /dev/null +++ b/data/products.js @@ -0,0 +1,270 @@ +export const bestSellingItem = [ + { + id: 1, + img: "img_13", + tag: "hot", + title: "Quilted Gilet With Hood", + price: 17.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 2, + img: "img_14", + tag: "best seller", + title: " Jogers with Black strip", + price: 80.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 3, + img: "img_15", + tag: "trending", + title: "Rolex Gold Watch", + price: 217.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 4, + img: "img_16", + tag: "hot", + title: "Men’s Nike T-Shirt", + price: 23.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 5, + img: "img_14", + tag: "best sellter", + title: "Quilted Gilet With Hood", + price: 17.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + ]; + +export const topItemContent = [ + { + id: 6, + img: "img_08", + tag: "hot", + title: "Quilted Gilet With Hood", + price: 17.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 7, + img: "img_09", + tag: "best seller", + title: " Jogers with Black strip", + price: 80.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 8, + img: "img_10", + tag: "trending", + title: "Rolex Gold Watch", + price: 217.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 9, + img: "img_11", + tag: "hot", + title: "Men’s Nike T-Shirt", + price: 23.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + { + id: 10, + img: "img_12", + tag: "best sellter", + title: "Quilted Gilet With Hood", + price: 17.99, + ratings: ( + <> +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • + + ), + }, + ]; + +export const productData = [ + ...bestSellingItem, + ...topItemContent +] \ No newline at end of file diff --git a/data/service.js b/data/service.js new file mode 100644 index 0000000..15a9fff --- /dev/null +++ b/data/service.js @@ -0,0 +1,156 @@ + + +export const featuresContent = [ + { id: 1 , + icon: "181", + bgColor: "#F7EDFF", + title: "Mobile App", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + dealyAnimation: "100", + }, + { id:2 , + icon: "183", + bgColor: "#FFF8E0", + title: "Figma Design", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + dealyAnimation: "200", + }, + { id:3 , + icon: "132", + bgColor: "#FFEBDB", + title: "Wp Development", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + dealyAnimation: "0", + }, + { id:4 , + icon: "133", + bgColor: "#E0F8F8", + title: "Easy Customizable", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + dealyAnimation: "100", + }, + { id:5 , + icon: "184", + bgColor: "#ECF1FF", + title: "Marketing", + subTitle: `Duis aute irure dolor reprehen derit in voluptat velit.`, + dealyAnimation: "200", + }, + ]; + +export const featuresContentTwo = [ + { id:6 , + bgColor: "#F7EDFF", + icon: "178", + title: "UI/UX Design", + descriptions: + "Wooked up one of the more cuatin words popenaissan printer took a galley of type and scram Cicero are also reproduced.", + dealyAnimation: "", + }, + { id:7 , + bgColor: "#D8FFF1", + icon: "179", + title: "Online Marketing", + descriptions: + "Build an online store that rank higher & sell more and integrates easily ooCommerce, to enhance the quality", + dealyAnimation: "100", + }, + { id:8 , + bgColor: "#E6FBFF", + icon: "180", + title: "WordPress dev.", + descriptions: + "It saves the client cards on file securely for an effortless checkout experience using our advanced, secure payments system.", + dealyAnimation: "", + }, + { id: 9, + bgColor: "#FFEBDB", + icon: "181", + title: "App Devlopment", + descriptions: + "Our Scheduling Platform is Simple yet Powerful that you need to grow and manage your business in single user interface.", + dealyAnimation: "100", + }, + ]; + +export const FeatureContentThree = [ + { id:10 , + icon: "20", + meta: "Smart popups", + subTitle: `Create customized popups and show the message at the lorem`, + dataDelay: "0", + }, + { id:11 , + icon: "21", + meta: "Embeded Forms", + subTitle: `Collect website leads with embedded forms and integrate easily.`, + dataDelay: "100", + }, + { id:12 , + icon: "22", + meta: "Autoresponder", + subTitle: `Send welcome email to your new subscribers with a code.`, + dataDelay: "0", + }, + { id:13 , + icon: "21", + meta: "Embeded Forms", + subTitle: `Collect website leads with embedded forms and integrate easily.`, + dataDelay: "100", + }, + { id:14 , + icon: "22", + meta: "Autoresponder", + subTitle: `Send welcome email to your new subscribers with a code.`, + dataDelay: "0", + }, + { id:15 , + icon: "20", + meta: "Smart popups", + subTitle: `Create customized popups and show the message at the lorem`, + dataDelay: "100", + }, + ]; + +export const serviceContent = [ + { id:16 , + img: "img_36", + titleTextOne: "Friendly dashboard &", + TitleTextTwo: "Cool Interface.", + }, + { id:17 , + img: "img_37", + titleTextOne: " Interface Design", + TitleTextTwo: "with UX.", + }, + { id:18 , + img: "img_38", + titleTextOne: " Social Media & Online", + TitleTextTwo: "Marketing.", + }, + { id:19 , + img: "img_39", + titleTextOne: " Mobile Application", + TitleTextTwo: "Design & Dev.", + }, + { id:20 , + img: "img_40", + titleTextOne: " Keyword Research &", + TitleTextTwo: "Article writing.", + }, + { id:21 , + img: "img_41", + titleTextOne: " HTML & WordPress", + TitleTextTwo: "Development.", + }, + ] + +export const allService = [ + ...featuresContent, + ...featuresContentTwo, + ...FeatureContentThree, + ...serviceContent, + + +] + \ No newline at end of file diff --git a/data/team.js b/data/team.js new file mode 100644 index 0000000..283bfa3 --- /dev/null +++ b/data/team.js @@ -0,0 +1,229 @@ + + + +export const TeamContent = [ + { id:1 , + designation: "Developer", + name: "George Cortez", + img: "img_66", + animationDelay: "200", + }, + { id:2 , + designation: "Co-Founder", + name: "Juan Barber", + img: "img_67", + animationDelay: "250", + }, + { id:3 , + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_68", + animationDelay: "300", + }, + { id: 4, + designation: "Customer management", + name: "Maud Ellis", + img: "img_69", + animationDelay: "50", + }, + { id:5 , + designation: "Senior Designer", + name: "Jhon Du", + img: "img_70", + animationDelay: "100", + }, + { id:6 , + designation: "Co-Founder", + name: "Juan Barber", + img: "img_71", + animationDelay: "150", + }, + ]; + +export const TeamContentTwo = [ + { id:7 , + designation: "Developer", + name: "George Cortez", + img: "img_29", + animationDelay: "200", + }, + { id:8 , + designation: "Co-Founder", + name: "Juan Barber", + img: "img_30", + animationDelay: "250", + }, + { id:9 , + designation: "Marc McCormick", + name: "Marketing Crew ", + img: "img_31", + animationDelay: "300", + }, + { id: 10, + designation: "Customer management", + name: "Maud Ellis", + img: "img_32", + animationDelay: "50", + }, + { id:11 , + designation: "Senior Designer", + name: "Jhon Du", + img: "img_33", + animationDelay: "100", + }, + { id:12 , + designation: "Co-Founder", + name: "Juan Barber", + img: "img_34", + animationDelay: "150", + }, + ]; + +export const TeamContentThree = [ + { id:13, + designation: "Developer", + name: "George Cortez", + img: "img_101", + animationDelay: "200", + }, + { id:14, + designation: "Product Manager", + name: "Florence Roberts", + img: "img_102", + animationDelay: "250", + }, + { id:15, + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_103", + animationDelay: "300", + }, + { id:16, + designation: "UI Designer", + name: "George Cortez", + img: "img_98", + animationDelay: "50", + }, + { id:17, + designation: "Product Manager", + name: "Florence Roberts", + img: "img_99", + animationDelay: "100", + }, + { id:18, + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_100", + animationDelay: "150", + }, + ]; + +export const TeamContentFour = [ + { id:19 , + designation: "UI Designer", + name: "George Cortez", + img: "img_98", + animationDelay: "50", + }, + { id: 20, + designation: "Product Manager", + name: "Florence Roberts", + img: "img_99", + animationDelay: "100", + }, + { id:21 , + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_100", + animationDelay: "150", + }, + { id: 22, + designation: "Developer", + name: "George Cortez", + img: "img_101", + animationDelay: "200", + }, + { id:23 , + designation: "Product Manager", + name: "Florence Roberts", + img: "img_102", + animationDelay: "250", + }, + { id:24 , + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_103", + animationDelay: "300", + }, + ]; + +export const TeamContentFive = [ + { id: 25, + designation: "UI Designer", + name: "George Cortez", + img: "img_98", + animationDelay: "50", + }, + { id: 26, + designation: "Product Manager", + name: "Florence Roberts", + img: "img_99", + animationDelay: "100", + }, + { id: 27, + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_100", + animationDelay: "150", + }, + { id: 28, + designation: "Developer", + name: "George Cortez", + img: "img_101", + animationDelay: "200", + }, + { id: 29, + designation: "Product Manager", + name: "Florence Roberts", + img: "img_102", + animationDelay: "250", + }, + { id: 30, + designation: "Marketing Crew", + name: "Marc McCormick", + img: "img_103", + animationDelay: "300", + }, + ]; + +export const All = [ + { id: 31, img: "img_07", title: "Maurice Craig", designation: "Co-Founder" , category:'Leadership' }, + { id: 32, + img: "img_08", + title: "Duane Cain", + designation: "Senior Product Desogner" , category:'Designer' + }, + { id: 33, img: "img_09", title: "Viola George", designation: "Co-Founder" , category:'Developer'}, + { id: 34, img: "img_10", title: "Maurice Craig", designation: "Co-Founder" , category:'Leadership' }, + { id: 35, + img: "img_11", + title: "Nina Walters", + designation: "Senior Product Desogner", category:'Developer' + }, + { id: 36,img: "img_12", title: "Nathaniel Burke", designation: "Co-Founder" , category:'Designer'}, + { id: 37,img: "img_13", title: "Maurice Craig", designation: "Co-Founder" , category:'Leadership' }, + { id: 38,img: "img_14", title: "Viola George", designation: "Co-Founder" , category:'Designer'}, + { id: 39,img: "img_15", title: "Viola George", designation: "Co-Founder" , category:'Marketing' }, + { id: 40,img: "img_16", title: "Viola George", designation: "Co-Founder" , category:'Leadership' }, + { id: 41,img: "img_17", title: "Viola George", designation: "Co-Founder" , category:'Designer' }, + { id: 42,img: "img_18", title: "Viola George", designation: "Co-Founder" , category:'Marketing' }, + ]; + +export const allTeams = [ + ...TeamContent, + ...TeamContentTwo, + ...TeamContentThree, + ...TeamContentFour, + ...TeamContentFive, + ...All, +] \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..cd8b68e --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,33 @@ +version: '3' +services: + deski-temp: + build: + context: . + dockerfile: docker/Dockerfile + restart: unless-stopped + ports: + - 5557:3000 + # - 3800:3011 + working_dir: /usr/src/app + volumes: + - ./:/usr/src/app + - /usr/src/app/node_modules + - ./src/:/usr/src/app/src + - ./build/:/usr/src/app/build + extra_hosts: + - backend.wrenchboard.api.live:10.10.33.15 + - backend.wrenchboard.api.test:10.10.33.15 + # #- backend.wrenchboard.api.live:172.31.4.27 + # #- backend.wrenchboard.api.test:10.20.30.27 + - apigateway.wrenchboard.app.dev.fluxtra.net:10.20.30.19 + - apigateway.wrenchboard.app.lotus.fluxtra.net:172.31.4.19 + environment: + - CHOKIDAR_USEPOLLING=true + # volumes: + # - ./:/app + # - /app/node_modules + tty: true + stdin_open: true + # working_dir: /app +volumes: + src: diff --git a/docker/Dockerfile b/docker/Dockerfile new file mode 100644 index 0000000..2f10d86 --- /dev/null +++ b/docker/Dockerfile @@ -0,0 +1,121 @@ +# pull the base image +# FROM node:alpine + +FROM alpine:3.15 + +ENV NODE_VERSION 14.19.0 + +RUN addgroup -g 1000 node \ + && adduser -u 1000 -G node -s /bin/sh -D node \ + && apk add --no-cache \ + libstdc++ \ + && apk add --no-cache --virtual .build-deps \ + curl \ + && ARCH= && alpineArch="$(apk --print-arch)" \ + && case "${alpineArch##*-}" in \ + x86_64) \ + ARCH='x64' \ + CHECKSUM="8d5e638d88b62de2f147dee812a5d74e4860a20468eb7ff32c41a02b58e2aebf" \ + ;; \ + *) ;; \ + esac \ + && if [ -n "${CHECKSUM}" ]; then \ + set -eu; \ + curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \ + echo "$CHECKSUM node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \ + && tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \ + && ln -s /usr/local/bin/node /usr/local/bin/nodejs; \ + else \ + echo "Building from source" \ + # backup build + && apk add --no-cache --virtual .build-deps-full \ + binutils-gold \ + g++ \ + gcc \ + gnupg \ + libgcc \ + linux-headers \ + make \ + python3 \ + # gpg keys listed at https://github.com/nodejs/node#release-keys + && for key in \ + 4ED778F539E3634C779C87C6D7062848A1AB005C \ + 94AE36675C464D64BAFA68DD7434390BDBE9B9C5 \ + 74F12602B6F1C4E913FAA37AD3A89613643B6201 \ + 71DCFD284A79C3B38668286BC97EC7A07EDE3FC1 \ + 8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \ + C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \ + C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \ + DD8F2338BAE7501E3DD5AC78C273792F7D83545D \ + A48C2BEE680E841632CD4E44F07496B3EB3C1762 \ + 108F52B48DB57BB0CC439B2997B01419BD92F80A \ + B9E2F5981AA6E0CD28160D9FF13993A75599653C \ + ; do \ + gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \ + gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \ + done \ + && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \ + && curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \ + && gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \ + && grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \ + && tar -xf "node-v$NODE_VERSION.tar.xz" \ + && cd "node-v$NODE_VERSION" \ + && ./configure \ + && make -j$(getconf _NPROCESSORS_ONLN) V= \ + && make install \ + && apk del .build-deps-full \ + && cd .. \ + && rm -Rf "node-v$NODE_VERSION" \ + && rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \ + fi \ + && rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \ + && apk del .build-deps \ + # smoke tests + && node --version \ + && npm --version + +ENV YARN_VERSION 1.22.17 + +RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \ + && for key in \ + 6A010C5166006599AA17F08146C2130DFD2497F5 \ + ; do \ + gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \ + gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \ + done \ + && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \ + && curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \ + && gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \ + && mkdir -p /opt \ + && tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \ + && ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \ + && ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \ + && rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \ + && apk del .build-deps-yarn \ + # smoke test + && yarn --version + +# set working directory +# WORKDIR /app +WORKDIR /usr/src/app + +# add `/app/node_modules/.bin` to $PATH +# ENV PATH /app/node_modules/.bin:$PATH +ENV PATH /usr/src/app/node_modules/.bin:$PATH + +# install app dependencies +COPY package.json ./ +RUN npm install +#COPY package-lock.json ./ +#RUN npm install --silent +# RUN npm install react-scripts@3.4.1 -g --silent + +# add app +COPY . ./ + +# RUN npm run build +# start app +CMD ["npm", "start"] + +# CMD ["yarn", "start"] + diff --git a/elements/Video.jsx b/elements/Video.jsx new file mode 100644 index 0000000..0c4c75a --- /dev/null +++ b/elements/Video.jsx @@ -0,0 +1,23 @@ +import React from "react"; +// import { videoTagString, VideoTag } from "react-video-tag"; + +// videoTagString({ +// src: "https://ibthemespro.com/resource/deski/intro_3.mp4", +// }); + +const Video = () => { + return ( + <> +