Project Root Structure
Understanding the main structure of the WeasyCode project will help you navigate the template efficiently and use it effectively.
- Select a Style: Decide whether you want to use Light, Dark, or Semidark style for your page.
Delete the unused styles within the corresponding page folder to keep your project clean. - Example: If you choose Dark style for a page:
- Go to the relevant folder (e.g.,
about). - Delete
(about-page-1)(Light) and(about-page-1-semi-dark)(Semidark). - Keep
(about-page-1-dark)for the Dark style.
- Go to the relevant folder (e.g.,
- Components Folder: Inside
Components, each page folder contains two types of files for style compatibility:data1.tsx– Use this for Light style pages.data1-dark.tsx– Use this for Dark or Semidark style pages.
Following this approach will help you maintain a clean project structure and avoid unnecessary files while ensuring style consistency across your pages.
| ├─ app │ ├─ (about) │ │ ├─ (about-page-1) │ │ ├─ (about-page-1-dark) │ │ ├─ (about-page-1-semi-dark) │ ├─ (blog) │ │ ├─ (blog-page-1) │ │ ├─ (blog-page-1-dark) │ │ ├─ (blog-page-1-semi-dark) │ ├─ (clients) │ │ ├─ (clients-page-1) │ │ ├─ (clients-page-1-dark) │ │ ├─ (clients-page-1-semi-dark) │ ├─ (contact) │ │ ├─ (contact-page-1) │ │ ├─ (contact-page-1-dark) │ │ ├─ (contact-page-1-semi-dark) │ ├─ (elements) │ │ ├─ (accordions) │ │ ├─ (alerts) │ │ ├─ (animations) │ │ ├─ (bars) │ │ ├─ (buttons) │ │ ├─ (featured-boxes) │ │ ├─ (form-fields) │ │ ├─ (grids) │ │ ├─ (header-dark) │ │ ├─ (header-dark-transparent) │ │ ├─ (header-light) │ │ ├─ (header-light-transparent) │ │ ├─ (icons1) │ │ ├─ (icons2) │ │ ├─ (lazyloda) │ │ ├─ (lightbox-other) │ │ ├─ (sliders) │ │ ├─ (sliders-lazyload) │ │ ├─ (tabs) │ │ ├─ (tooltips) │ │ ├─ (typography) │ │ ├─ (video-sound) │ ├─ (faq) │ │ ├─ (faq-page-1) │ │ ├─ (faq-page-1-dark) │ │ ├─ (faq-page-1-semi-dark) │ ├─ (gallery) │ │ ├─ (gallery-page-1) │ │ ├─ (gallery-page-1-dark) │ │ ├─ (gallery-page-1-semi-dark) │ ├─ (home) │ │ ├─ (bold) │ │ │ ├─ (content-based) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ │ ├─ (image-parallax) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ │ ├─ (slider-background) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ │ ├─ (slider-fullscreen) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ │ ├─ (typed-based) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ │ ├─ (video-background) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ │ ├─ (youtube-background) │ │ │ │ ├─ (multi-page-dark) │ │ │ │ ├─ (multi-page-light) │ │ │ │ ├─ (one-page-dark) │ │ │ │ ├─ (one-page-dark) │ │ ├─ (corporate) │ │ │ ├─ (same-as-above) │ │ ├─ (futurustic) │ │ │ ├─ (same-as-above) │ │ ├─ (glassmorphist) │ │ │ ├─ (same-as-above) │ │ ├─ (luxury) │ │ │ ├─ (same-as-above) │ │ ├─ (meterial) │ │ │ ├─ (same-as-above) │ │ ├─ (modern) │ │ │ ├─ (same-as-above) │ │ ├─ (playful) │ │ │ ├─ (same-as-above) │ │ ├─ (retro) │ │ │ ├─ (same-as-above) │ ├─ (other) │ │ ├─ (error) │ │ ├─ (error-dark) │ │ ├─ (forgot-password) │ │ ├─ (forgot-password-dark) │ │ ├─ (login) │ │ ├─ (login-dark) │ │ ├─ (register) │ │ ├─ (register-dark) │ │ ├─ (under-construction) │ │ ├─ (under-construction-dark) │ ├─ (portfolio) │ │ ├─ (portfolio-page-1) │ │ ├─ (portfolio-page-1-dark) │ │ ├─ (portfolio-page-1-semi-dark) │ ├─ (pricing) │ │ ├─ (pricing-page-1) │ │ ├─ (pricing-page-1-dark) │ │ ├─ (pricing-page-1-semi-dark) │ ├─ (services) │ │ ├─ (services-page-1) │ │ ├─ (services-page-1-dark) │ │ ├─ (services-page-1-semi-dark) │ ├─ (team) │ │ ├─ (team-page-1) │ │ ├─ (team-page-1-dark) │ │ ├─ (team-page-1-semi-dark) │ ├─ layout.tsx │ ├─ page.tsx ├─ components │ ├─ (about) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (about-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (account) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (blog) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (blog-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (clients) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (clients-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (contact) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (contact-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (elemnts) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (faq) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (faq-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (gallery) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (gallery-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (layout) │ │ ├─ (footers) │ │ │ ├─ Footer1-Dark.tsx │ │ │ ├─ Footer1.tsx │ │ ├─ (headers) │ │ │ ├─ Header-Dark.tsx │ │ │ ├─ Header.tsx │ │ ├─ (language-selects) │ │ │ ├─ LanguageSelect1.tsx │ │ │ ├─ LanguageSelect2.tsx │ │ │ ├─ LanguageSelect3.tsx │ │ ├─ Logo.tsx │ │ ├─ Navigation1.tsx │ │ ├─ Navigation2.tsx │ │ ├─ Navigation2-Dark.tsx │ ├─ (mission-vision) │ │ ├─ data1.tsx │ │ ├─ data2-Dark.tsx │ │ ├─ data2.tsx │ ├─ (newsletter) │ │ ├─ data1-Dark.tsx │ │ ├─ data1.tsx │ ├─ (portfolio) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (portfolio-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (pricing) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (pricing-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (services) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (services-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (sliders) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (social-media) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (team) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (team-sample) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (testimonials) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ ├─ (ui) │ │ ├─ Button.tsx │ │ ├─ ProgressBarGradient.tsx │ │ ├─ ProgressBarStripes.tsx │ │ ├─ ProgressCircle.tsx │ │ ├─ ScrollButton.tsx │ │ ├─ ThemeSelectorFloating.tsx │ │ ├─ ProgressBar.tsx │ ├─ (why-choose-us) │ │ ├─ data1-dark.tsx │ │ ├─ data1.tsx │ │ ├─ data1.tsx │ │─ data │ ├─ lib │ ├─ public │ │ ├─ images │ │ ├─ sounds │ │ ├─ videos │ ├─ styles │ ├─ types │ ├─ utils ├─ .gitignore ├─ components.json ├─ eslint.config.mjs ├─ next-env.d.ts ├─ next.config.ts ├─ .gitignorepackage-lock.json ├─ package.json ├─ postcss.config.mjs ├─ Readme.md ├─ tsconfig.json