@promakeai/cli 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (285) hide show
  1. package/dist/index.js +212 -0
  2. package/dist/registry/about-page.json +45 -0
  3. package/dist/registry/about-section.json +40 -0
  4. package/dist/registry/animations.json +69 -0
  5. package/dist/registry/bento-grid-section.json +42 -0
  6. package/dist/registry/blog-core.json +74 -0
  7. package/dist/registry/blog-list-page.json +48 -0
  8. package/dist/registry/blog-section.json +43 -0
  9. package/dist/registry/cards-carousel-section.json +46 -0
  10. package/dist/registry/cart-drawer.json +43 -0
  11. package/dist/registry/cart-page.json +47 -0
  12. package/dist/registry/category-section.json +43 -0
  13. package/dist/registry/checkout-page.json +47 -0
  14. package/dist/registry/contact-info-grid.json +40 -0
  15. package/dist/registry/contact-page-centered.json +50 -0
  16. package/dist/registry/contact-page-map-overlay.json +54 -0
  17. package/dist/registry/contact-page-map-split.json +54 -0
  18. package/dist/registry/contact-page-split.json +49 -0
  19. package/dist/registry/contact-page.json +45 -0
  20. package/dist/registry/content-section.json +40 -0
  21. package/dist/registry/cookies-page.json +45 -0
  22. package/dist/registry/cta-section.json +40 -0
  23. package/dist/registry/docs/about-page.md +32 -0
  24. package/dist/registry/docs/about-section.md +33 -0
  25. package/dist/registry/docs/animations.md +44 -0
  26. package/dist/registry/docs/bento-grid-section.md +40 -0
  27. package/dist/registry/docs/blog-core.md +37 -0
  28. package/dist/registry/docs/blog-list-page.md +38 -0
  29. package/dist/registry/docs/blog-section.md +39 -0
  30. package/dist/registry/docs/cards-carousel-section.md +39 -0
  31. package/dist/registry/docs/cart-drawer.md +42 -0
  32. package/dist/registry/docs/cart-page.md +37 -0
  33. package/dist/registry/docs/category-section.md +34 -0
  34. package/dist/registry/docs/checkout-page.md +38 -0
  35. package/dist/registry/docs/contact-info-grid.md +33 -0
  36. package/dist/registry/docs/contact-page-centered.md +41 -0
  37. package/dist/registry/docs/contact-page-map-overlay.md +44 -0
  38. package/dist/registry/docs/contact-page-map-split.md +44 -0
  39. package/dist/registry/docs/contact-page-split.md +40 -0
  40. package/dist/registry/docs/contact-page.md +33 -0
  41. package/dist/registry/docs/content-section.md +35 -0
  42. package/dist/registry/docs/cookies-page.md +32 -0
  43. package/dist/registry/docs/cta-section.md +32 -0
  44. package/dist/registry/docs/ecommerce-core.md +41 -0
  45. package/dist/registry/docs/empty-page.md +31 -0
  46. package/dist/registry/docs/faq-categorized.md +38 -0
  47. package/dist/registry/docs/faq-simple.md +38 -0
  48. package/dist/registry/docs/favorites-blog-block.md +38 -0
  49. package/dist/registry/docs/favorites-ecommerce-block.md +38 -0
  50. package/dist/registry/docs/feature-section.md +33 -0
  51. package/dist/registry/docs/featured-products.md +38 -0
  52. package/dist/registry/docs/footer-detailed.md +33 -0
  53. package/dist/registry/docs/footer-minimal.md +32 -0
  54. package/dist/registry/docs/footer.md +32 -0
  55. package/dist/registry/docs/google-map.md +36 -0
  56. package/dist/registry/docs/header-centered-pill.md +37 -0
  57. package/dist/registry/docs/header-ecommerce.md +38 -0
  58. package/dist/registry/docs/header-mega.md +40 -0
  59. package/dist/registry/docs/header-minimal.md +38 -0
  60. package/dist/registry/docs/header-simple.md +32 -0
  61. package/dist/registry/docs/hero-cta.md +38 -0
  62. package/dist/registry/docs/hero-gradient.md +33 -0
  63. package/dist/registry/docs/hero-grid.md +40 -0
  64. package/dist/registry/docs/hero-profile.md +33 -0
  65. package/dist/registry/docs/hero.md +32 -0
  66. package/dist/registry/docs/login-page-split.md +40 -0
  67. package/dist/registry/docs/login-page.md +39 -0
  68. package/dist/registry/docs/newsletter-section.md +40 -0
  69. package/dist/registry/docs/order-card-compact.md +37 -0
  70. package/dist/registry/docs/order-detail-block.md +37 -0
  71. package/dist/registry/docs/orders-list-block.md +40 -0
  72. package/dist/registry/docs/payment-success-block.md +32 -0
  73. package/dist/registry/docs/post-card.md +37 -0
  74. package/dist/registry/docs/post-detail-block.md +37 -0
  75. package/dist/registry/docs/pricing-card.md +37 -0
  76. package/dist/registry/docs/pricing-section.md +39 -0
  77. package/dist/registry/docs/privacy-page.md +32 -0
  78. package/dist/registry/docs/product-card-detailed.md +42 -0
  79. package/dist/registry/docs/product-card-hover.md +35 -0
  80. package/dist/registry/docs/product-card.md +37 -0
  81. package/dist/registry/docs/product-detail-block.md +37 -0
  82. package/dist/registry/docs/product-detail-section.md +45 -0
  83. package/dist/registry/docs/products-page.md +39 -0
  84. package/dist/registry/docs/related-posts-block.md +38 -0
  85. package/dist/registry/docs/related-products-block.md +38 -0
  86. package/dist/registry/docs/service-card.md +34 -0
  87. package/dist/registry/docs/skill-card.md +33 -0
  88. package/dist/registry/docs/terms-page.md +32 -0
  89. package/dist/registry/docs/testimonials-carousel.md +40 -0
  90. package/dist/registry/docs/testimonials-grid.md +39 -0
  91. package/dist/registry/ecommerce-core.json +95 -0
  92. package/dist/registry/empty-page.json +45 -0
  93. package/dist/registry/faq-categorized.json +42 -0
  94. package/dist/registry/faq-simple.json +42 -0
  95. package/dist/registry/favorites-blog-block.json +43 -0
  96. package/dist/registry/favorites-ecommerce-block.json +43 -0
  97. package/dist/registry/feature-section.json +40 -0
  98. package/dist/registry/featured-products.json +43 -0
  99. package/dist/registry/footer-detailed.json +43 -0
  100. package/dist/registry/footer-minimal.json +40 -0
  101. package/dist/registry/footer.json +40 -0
  102. package/dist/registry/google-map.json +31 -0
  103. package/dist/registry/header-centered-pill.json +45 -0
  104. package/dist/registry/header-ecommerce.json +42 -0
  105. package/dist/registry/header-mega.json +47 -0
  106. package/dist/registry/header-minimal.json +45 -0
  107. package/dist/registry/header-simple.json +43 -0
  108. package/dist/registry/hero-cta.json +42 -0
  109. package/dist/registry/hero-gradient.json +40 -0
  110. package/dist/registry/hero-grid.json +42 -0
  111. package/dist/registry/hero-profile.json +62 -0
  112. package/dist/registry/hero.json +40 -0
  113. package/dist/registry/index.json +70 -0
  114. package/dist/registry/login-page-split.json +47 -0
  115. package/dist/registry/login-page.json +49 -0
  116. package/dist/registry/newsletter-section.json +44 -0
  117. package/dist/registry/order-card-compact.json +42 -0
  118. package/dist/registry/order-detail-block.json +42 -0
  119. package/dist/registry/orders-list-block.json +45 -0
  120. package/dist/registry/payment-success-block.json +40 -0
  121. package/dist/registry/post-card.json +42 -0
  122. package/dist/registry/post-detail-block.json +42 -0
  123. package/dist/registry/pricing-card.json +40 -0
  124. package/dist/registry/pricing-section.json +43 -0
  125. package/dist/registry/privacy-page.json +45 -0
  126. package/dist/registry/product-card-detailed.json +45 -0
  127. package/dist/registry/product-card-hover.json +40 -0
  128. package/dist/registry/product-card.json +42 -0
  129. package/dist/registry/product-detail-block.json +42 -0
  130. package/dist/registry/product-detail-section.json +46 -0
  131. package/dist/registry/products-page.json +48 -0
  132. package/dist/registry/related-posts-block.json +43 -0
  133. package/dist/registry/related-products-block.json +43 -0
  134. package/dist/registry/service-card.json +28 -0
  135. package/dist/registry/skill-card.json +28 -0
  136. package/dist/registry/terms-page.json +45 -0
  137. package/dist/registry/testimonials-carousel.json +44 -0
  138. package/dist/registry/testimonials-grid.json +43 -0
  139. package/package.json +52 -0
  140. package/template/.env +6 -0
  141. package/template/.prettierignore +3 -0
  142. package/template/.prettierrc +1 -0
  143. package/template/README.md +73 -0
  144. package/template/bun.lock +1007 -0
  145. package/template/components.json +22 -0
  146. package/template/eslint.config.js +32 -0
  147. package/template/index.html +285 -0
  148. package/template/package.json +92 -0
  149. package/template/promake.json +6 -0
  150. package/template/public/_redirects +1 -0
  151. package/template/public/data/database.db +0 -0
  152. package/template/public/favicon.svg +1 -0
  153. package/template/public/images/placeholder.png +0 -0
  154. package/template/public/robots.txt +14 -0
  155. package/template/scripts/init-db.ts +131 -0
  156. package/template/src/App.tsx +33 -0
  157. package/template/src/components/Footer.tsx +100 -0
  158. package/template/src/components/Header.tsx +79 -0
  159. package/template/src/components/Hero.tsx +69 -0
  160. package/template/src/components/LanguageSwitcher.tsx +47 -0
  161. package/template/src/components/Layout.tsx +25 -0
  162. package/template/src/components/Logo.tsx +64 -0
  163. package/template/src/components/ThemeSwitcher.tsx +58 -0
  164. package/template/src/components/ui/accordion.tsx +64 -0
  165. package/template/src/components/ui/alert-dialog.tsx +155 -0
  166. package/template/src/components/ui/alert.tsx +66 -0
  167. package/template/src/components/ui/aspect-ratio.tsx +11 -0
  168. package/template/src/components/ui/avatar.tsx +51 -0
  169. package/template/src/components/ui/badge.tsx +46 -0
  170. package/template/src/components/ui/breadcrumb.tsx +109 -0
  171. package/template/src/components/ui/button-group.tsx +83 -0
  172. package/template/src/components/ui/button.tsx +62 -0
  173. package/template/src/components/ui/calendar.tsx +220 -0
  174. package/template/src/components/ui/card.tsx +92 -0
  175. package/template/src/components/ui/carousel.tsx +239 -0
  176. package/template/src/components/ui/chart.tsx +357 -0
  177. package/template/src/components/ui/checkbox.tsx +32 -0
  178. package/template/src/components/ui/collapsible.tsx +31 -0
  179. package/template/src/components/ui/command.tsx +182 -0
  180. package/template/src/components/ui/context-menu.tsx +252 -0
  181. package/template/src/components/ui/dialog.tsx +141 -0
  182. package/template/src/components/ui/drawer.tsx +135 -0
  183. package/template/src/components/ui/dropdown-menu.tsx +255 -0
  184. package/template/src/components/ui/empty.tsx +104 -0
  185. package/template/src/components/ui/field.tsx +246 -0
  186. package/template/src/components/ui/form.tsx +168 -0
  187. package/template/src/components/ui/hover-card.tsx +44 -0
  188. package/template/src/components/ui/input-group.tsx +170 -0
  189. package/template/src/components/ui/input-otp.tsx +75 -0
  190. package/template/src/components/ui/input.tsx +21 -0
  191. package/template/src/components/ui/item.tsx +193 -0
  192. package/template/src/components/ui/kbd.tsx +28 -0
  193. package/template/src/components/ui/label.tsx +24 -0
  194. package/template/src/components/ui/menubar.tsx +274 -0
  195. package/template/src/components/ui/navigation-menu.tsx +168 -0
  196. package/template/src/components/ui/pagination.tsx +127 -0
  197. package/template/src/components/ui/popover.tsx +48 -0
  198. package/template/src/components/ui/progress.tsx +29 -0
  199. package/template/src/components/ui/radio-group.tsx +45 -0
  200. package/template/src/components/ui/resizable.tsx +54 -0
  201. package/template/src/components/ui/scroll-area.tsx +58 -0
  202. package/template/src/components/ui/select.tsx +188 -0
  203. package/template/src/components/ui/separator.tsx +28 -0
  204. package/template/src/components/ui/sheet.tsx +137 -0
  205. package/template/src/components/ui/sidebar.tsx +726 -0
  206. package/template/src/components/ui/skeleton.tsx +13 -0
  207. package/template/src/components/ui/slider.tsx +63 -0
  208. package/template/src/components/ui/sonner.tsx +38 -0
  209. package/template/src/components/ui/spinner.tsx +16 -0
  210. package/template/src/components/ui/switch.tsx +31 -0
  211. package/template/src/components/ui/table.tsx +114 -0
  212. package/template/src/components/ui/tabs.tsx +66 -0
  213. package/template/src/components/ui/textarea.tsx +18 -0
  214. package/template/src/components/ui/toggle-group.tsx +81 -0
  215. package/template/src/components/ui/toggle.tsx +45 -0
  216. package/template/src/components/ui/tooltip.tsx +61 -0
  217. package/template/src/constants/constants.json +58 -0
  218. package/template/src/hooks/use-is-mobile.ts +21 -0
  219. package/template/src/hooks/use-page-title.ts +49 -0
  220. package/template/src/hooks/use-theme.ts +57 -0
  221. package/template/src/index.css +128 -0
  222. package/template/src/lang/en/about.json +4 -0
  223. package/template/src/lang/en/contact.json +39 -0
  224. package/template/src/lang/en/cookies.json +4 -0
  225. package/template/src/lang/en/footer.json +12 -0
  226. package/template/src/lang/en/forgotPassword.json +37 -0
  227. package/template/src/lang/en/header.json +10 -0
  228. package/template/src/lang/en/hero.json +8 -0
  229. package/template/src/lang/en/index.json +30 -0
  230. package/template/src/lang/en/login.json +18 -0
  231. package/template/src/lang/en/notfound.json +7 -0
  232. package/template/src/lang/en/privacy.json +4 -0
  233. package/template/src/lang/en/register.json +25 -0
  234. package/template/src/lang/en/terms.json +4 -0
  235. package/template/src/lang/index.ts +86 -0
  236. package/template/src/lang/tr/about.json +4 -0
  237. package/template/src/lang/tr/contact.json +39 -0
  238. package/template/src/lang/tr/cookies.json +4 -0
  239. package/template/src/lang/tr/footer.json +12 -0
  240. package/template/src/lang/tr/forgotPassword.json +37 -0
  241. package/template/src/lang/tr/header.json +10 -0
  242. package/template/src/lang/tr/hero.json +8 -0
  243. package/template/src/lang/tr/index.json +30 -0
  244. package/template/src/lang/tr/login.json +18 -0
  245. package/template/src/lang/tr/notfound.json +7 -0
  246. package/template/src/lang/tr/privacy.json +4 -0
  247. package/template/src/lang/tr/register.json +25 -0
  248. package/template/src/lang/tr/terms.json +4 -0
  249. package/template/src/lib/api.ts +237 -0
  250. package/template/src/lib/storage.ts +109 -0
  251. package/template/src/lib/utils.ts +15 -0
  252. package/template/src/main.tsx +13 -0
  253. package/template/src/modules/api/USAGE.md +515 -0
  254. package/template/src/modules/api/customer-client.ts +20 -0
  255. package/template/src/modules/api/get-error-message.ts +18 -0
  256. package/template/src/modules/api/validation/en.json +29 -0
  257. package/template/src/modules/api/validation/tr.json +29 -0
  258. package/template/src/modules/auth/USAGE.md +248 -0
  259. package/template/src/modules/auth/auth-header-menu.tsx +123 -0
  260. package/template/src/modules/auth/auth-store.ts +57 -0
  261. package/template/src/modules/auth/forgot-password-page.tsx +371 -0
  262. package/template/src/modules/auth/login-page.tsx +183 -0
  263. package/template/src/modules/auth/register-page.tsx +252 -0
  264. package/template/src/modules/auth/use-auth.ts +273 -0
  265. package/template/src/modules/db/adapters/IDataAdapter.ts +26 -0
  266. package/template/src/modules/db/adapters/SqliteAdapter.ts +364 -0
  267. package/template/src/modules/db/adapters/index.ts +2 -0
  268. package/template/src/modules/db/config.ts +59 -0
  269. package/template/src/modules/db/core/DataManager.ts +125 -0
  270. package/template/src/modules/db/core/types.ts +101 -0
  271. package/template/src/modules/db/index.ts +42 -0
  272. package/template/src/modules/db/react/QueryProvider.tsx +16 -0
  273. package/template/src/modules/db/react/index.ts +23 -0
  274. package/template/src/modules/db/react/queryClient.ts +64 -0
  275. package/template/src/modules/db/react/useRepository.ts +400 -0
  276. package/template/src/modules/db/utils/parsers.ts +96 -0
  277. package/template/src/pages/Index.tsx +108 -0
  278. package/template/src/pages/NotFound.tsx +35 -0
  279. package/template/src/router.tsx +14 -0
  280. package/template/src/types/index.ts +0 -0
  281. package/template/src/vite-env.d.ts +1 -0
  282. package/template/tsconfig.app.json +32 -0
  283. package/template/tsconfig.json +17 -0
  284. package/template/tsconfig.node.json +26 -0
  285. package/template/vite.config.ts +74 -0
@@ -0,0 +1,38 @@
1
+ # Favorites E-commerce Block
2
+
3
+ Wishlist/favorites page block showing saved products in grid. Includes empty state with shop CTA, clear all button, and remove from favorites per item.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/favorites-ecommerce-block/index.ts` | index |
10
+ | `$modules$/favorites-ecommerce-block/favorites-ecommerce-block.tsx` | block |
11
+ | `$modules$/favorites-ecommerce-block/lang/en.json` | lang |
12
+ | `$modules$/favorites-ecommerce-block/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `FavoritesEcommerceBlock`
17
+
18
+ ```typescript
19
+ import { FavoritesEcommerceBlock } from '@/modules/favorites-ecommerce-block';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { FavoritesEcommerceBlock } from '@/modules/favorites-ecommerce-block';
26
+
27
+ <FavoritesEcommerceBlock />
28
+
29
+ • Uses useFavorites() from ecommerce-core (Zustand)
30
+ • Reads favorites directly from store
31
+ • Empty state: "No favorites yet" with shop link
32
+ ```
33
+
34
+ ## Dependencies
35
+
36
+ This component requires:
37
+ - `ecommerce-core`
38
+ - `product-card`
@@ -0,0 +1,33 @@
1
+ # Feature Section
2
+
3
+ Two-column feature section with image on one side and content on the other. Content includes icon, headline, description text, bullet points with checkmarks, and CTA button. Supports alternating layout (image left/right). Great for explaining product features, services, or process steps.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/feature-section/index.ts` | index |
10
+ | `$modules$/feature-section/feature-section.tsx` | component |
11
+ | `$modules$/feature-section/lang/en.json` | lang |
12
+ | `$modules$/feature-section/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `FeatureSection`
17
+
18
+ ```typescript
19
+ import { FeatureSection } from '@/modules/feature-section';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { FeatureSection } from '@/modules/feature-section';
26
+
27
+ <FeatureSection imagePosition="left" />
28
+ <FeatureSection imagePosition="right" />
29
+
30
+ • Installed at: src/modules/feature-section/
31
+ • Customize content: src/modules/feature-section/lang/*.json
32
+ • Props: imagePosition="left" | "right"
33
+ ```
@@ -0,0 +1,38 @@
1
+ # Featured Products
2
+
3
+ Homepage featured products section displaying 4-8 products in a responsive grid. Uses ProductCard component with 'featured' variant showing larger images and sale badges. Includes section title, 'View All' link, and optional carousel mode for mobile. Perfect for showcasing bestsellers or new arrivals.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/featured-products/index.ts` | index |
10
+ | `$modules$/featured-products/featured-products.tsx` | component |
11
+ | `$modules$/featured-products/lang/en.json` | lang |
12
+ | `$modules$/featured-products/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `FeaturedProducts`
17
+
18
+ ```typescript
19
+ import { FeaturedProducts } from '@/modules/featured-products';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { FeaturedProducts } from '@/modules/featured-products';
26
+
27
+ <FeaturedProducts />
28
+
29
+ • Installed at: src/modules/featured-products/
30
+ • Customize content: src/modules/featured-products/lang/*.json
31
+ • Products auto-loaded via useProducts hook
32
+ ```
33
+
34
+ ## Dependencies
35
+
36
+ This component requires:
37
+ - `ecommerce-core`
38
+ - `product-card`
@@ -0,0 +1,33 @@
1
+ # Detailed Footer
2
+
3
+ Multi-column footer with logo, tagline, social links, and organized link sections. Features company and legal columns with responsive grid layout. Perfect for corporate and SaaS websites.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/footer-detailed/index.ts` | index |
10
+ | `$modules$/footer-detailed/footer-detailed.tsx` | component |
11
+ | `$modules$/footer-detailed/lang/en.json` | lang |
12
+ | `$modules$/footer-detailed/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `FooterDetailed`
17
+
18
+ ```typescript
19
+ import { FooterDetailed } from '@/modules/footer-detailed';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { FooterDetailed } from '@/modules/footer-detailed';
26
+
27
+ <FooterDetailed />
28
+
29
+ - Logo and tagline area
30
+ - Social media links
31
+ - Company and legal link sections
32
+ - Responsive grid layout
33
+ ```
@@ -0,0 +1,32 @@
1
+ # Minimal Footer
2
+
3
+ Clean, centered minimal footer perfect for blogs, portfolios, and landing pages. Features centered logo, single row navigation links, social media icons, and copyright text. Compact design with subtle separator line. Fully responsive with proper spacing on mobile.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/footer-minimal/index.ts` | index |
10
+ | `$modules$/footer-minimal/footer-minimal.tsx` | component |
11
+ | `$modules$/footer-minimal/lang/en.json` | lang |
12
+ | `$modules$/footer-minimal/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `FooterMinimal`
17
+
18
+ ```typescript
19
+ import { FooterMinimal } from '@/modules/footer-minimal';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { Footer } from '@/modules/footer-minimal';
26
+
27
+ <Footer />
28
+
29
+ • Installed at: src/modules/footer-minimal/
30
+ • Customize content: src/modules/footer-minimal/lang/*.json
31
+ • Minimal design for simple sites
32
+ ```
@@ -0,0 +1,32 @@
1
+ # Full Footer
2
+
3
+ Comprehensive 5-column footer for e-commerce and business sites. Includes company info with logo and description, product links, company links (About, Careers, Press), support links (Contact, FAQ, Shipping), and newsletter signup form. Bottom bar with copyright, payment icons, and social media links. Fully responsive with stacked mobile layout.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/footer/index.ts` | index |
10
+ | `$modules$/footer/footer.tsx` | component |
11
+ | `$modules$/footer/lang/en.json` | lang |
12
+ | `$modules$/footer/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `Footer`
17
+
18
+ ```typescript
19
+ import { Footer } from '@/modules/footer';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { Footer } from '@/modules/footer';
26
+
27
+ <Footer />
28
+
29
+ • Installed at: src/modules/footer/
30
+ • Customize content: src/modules/footer/lang/*.json
31
+ • Update social links in component
32
+ ```
@@ -0,0 +1,36 @@
1
+ # Google Map
2
+
3
+ Embeddable Google Map component for showing locations. Supports optional API key, custom zoom level, and responsive design. Perfect for contact pages and location displays.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/google-map/index.ts` | index |
10
+ | `$modules$/google-map/google-map.tsx` | component |
11
+
12
+ ## Exports
13
+
14
+ **Components/Functions:** `GoogleMap`
15
+
16
+ ```typescript
17
+ import { GoogleMap } from '@/modules/google-map';
18
+ ```
19
+
20
+ ## Usage
21
+
22
+ ```
23
+ import { GoogleMap } from '@/modules/google-map';
24
+
25
+ <GoogleMap latitude={41.0082} longitude={28.9784} />
26
+
27
+ // With all options
28
+ <GoogleMap
29
+ latitude={41.0082}
30
+ longitude={28.9784}
31
+ zoom={14}
32
+ height="500px"
33
+ title="Office Location"
34
+ apiKey={import.meta.env.VITE_GOOGLE_MAPS_KEY}
35
+ />
36
+ ```
@@ -0,0 +1,37 @@
1
+ # Centered Pill Header
2
+
3
+ Modern pill-shaped header with centered navigation. Features rounded border design, navigation links, CTA button, and mobile hamburger menu. Clean minimal aesthetic perfect for landing pages and SaaS sites.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/header-centered-pill/index.ts` | index |
10
+ | `$modules$/header-centered-pill/header-centered-pill.tsx` | component |
11
+ | `$modules$/header-centered-pill/lang/en.json` | lang |
12
+ | `$modules$/header-centered-pill/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeaderCenteredPill`
17
+
18
+ ```typescript
19
+ import { HeaderCenteredPill } from '@/modules/header-centered-pill';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeaderCenteredPill } from '@/modules/header-centered-pill';
26
+
27
+ <HeaderCenteredPill />
28
+
29
+ • Installed at: src/modules/header-centered-pill/
30
+ • Customize navigation: src/modules/header-centered-pill/lang/*.json
31
+ • Pill-shaped design with max-w-2xl centered container
32
+ ```
33
+
34
+ ## Dependencies
35
+
36
+ This component requires:
37
+ - `sheet`
@@ -0,0 +1,38 @@
1
+ # E-commerce Header
2
+
3
+ Full-featured e-commerce header with logo, main navigation, search bar with autocomplete dropdown, favorites icon with count badge, shopping cart icon with item count, user account dropdown menu, and mobile hamburger menu. Includes sticky positioning, language switcher, and responsive breakpoints. Dark mode support included.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/header-ecommerce/index.ts` | index |
10
+ | `$modules$/header-ecommerce/header-ecommerce.tsx` | component |
11
+ | `$modules$/header-ecommerce/lang/en.json` | lang |
12
+ | `$modules$/header-ecommerce/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeaderEcommerce`
17
+
18
+ ```typescript
19
+ import { HeaderEcommerce } from '@/modules/header-ecommerce';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { Header } from '@/modules/header-ecommerce';
26
+
27
+ <Header />
28
+
29
+ • Component is installed at: src/modules/header-ecommerce/
30
+ • Customize navigation links in: src/modules/header-ecommerce/lang/*.json
31
+ • Uses useCart and useFavorites from ecommerce-core for badges
32
+ • Includes search, cart, favorites, and mobile menu
33
+ ```
34
+
35
+ ## Dependencies
36
+
37
+ This component requires:
38
+ - `ecommerce-core`
@@ -0,0 +1,40 @@
1
+ # Mega Menu Header
2
+
3
+ Full-featured navigation bar with mega menu dropdowns using NavigationMenu component. Features desktop navigation with icon-rich dropdown submenus, mobile Sheet-based accordion menu, logo with site name, and auth buttons (login/signup). Perfect for complex sites with multiple navigation levels.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/header-mega/index.ts` | index |
10
+ | `$modules$/header-mega/header-mega.tsx` | component |
11
+ | `$modules$/header-mega/lang/en.json` | lang |
12
+ | `$modules$/header-mega/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeaderMega`
17
+
18
+ ```typescript
19
+ import { HeaderMega } from '@/modules/header-mega';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeaderMega } from '@/modules/header-mega';
26
+
27
+ <HeaderMega />
28
+
29
+ - Desktop: NavigationMenu with dropdowns
30
+ - Mobile: Sheet with Accordion
31
+ - Customizable menu items via lang files
32
+ - Logo from /images/logo.png
33
+ ```
34
+
35
+ ## Dependencies
36
+
37
+ This component requires:
38
+ - `navigation-menu`
39
+ - `accordion`
40
+ - `sheet`
@@ -0,0 +1,38 @@
1
+ # Minimal Header
2
+
3
+ Clean, minimal navigation bar with simple text links and a single CTA button. Features logo with site name, horizontal link list on desktop, and Sheet-based mobile menu. Perfect for portfolios, landing pages, and simple websites.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/header-minimal/index.ts` | index |
10
+ | `$modules$/header-minimal/header-minimal.tsx` | component |
11
+ | `$modules$/header-minimal/lang/en.json` | lang |
12
+ | `$modules$/header-minimal/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeaderMinimal`
17
+
18
+ ```typescript
19
+ import { HeaderMinimal } from '@/modules/header-minimal';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeaderMinimal } from '@/modules/header-minimal';
26
+
27
+ <HeaderMinimal />
28
+
29
+ - Simple horizontal links on desktop
30
+ - Mobile Sheet menu
31
+ - Single CTA button
32
+ - No dropdowns or complex navigation
33
+ ```
34
+
35
+ ## Dependencies
36
+
37
+ This component requires:
38
+ - `sheet`
@@ -0,0 +1,32 @@
1
+ # Simple Header
2
+
3
+ Simple centered navigation header with logo in center and navigation links on both sides. Clean, minimal design suitable for landing pages and marketing sites. Features mobile hamburger menu, language switcher, and dark mode toggle. Sticky positioning with subtle shadow on scroll.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/header-simple/index.ts` | index |
10
+ | `$modules$/header-simple/header-simple.tsx` | component |
11
+ | `$modules$/header-simple/lang/en.json` | lang |
12
+ | `$modules$/header-simple/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeaderSimple`
17
+
18
+ ```typescript
19
+ import { HeaderSimple } from '@/modules/header-simple';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeaderSimple } from '@/modules/header-simple';
26
+
27
+ <HeaderSimple />
28
+
29
+ • Installed at: src/modules/header-simple/
30
+ • Customize navigation: src/modules/header-simple/lang/*.json
31
+ • Clean, centered design for landing pages
32
+ ```
@@ -0,0 +1,38 @@
1
+ # Hero CTA
2
+
3
+ Two-column hero section with social proof avatars, star ratings, and dual CTA buttons. Features a large heading, descriptive text, user avatar stack with reviews count, and responsive image. Perfect for SaaS landing pages and product showcases.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/hero-cta/index.ts` | index |
10
+ | `$modules$/hero-cta/hero-cta.tsx` | component |
11
+ | `$modules$/hero-cta/lang/en.json` | lang |
12
+ | `$modules$/hero-cta/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeroCta`
17
+
18
+ ```typescript
19
+ import { HeroCta } from '@/modules/hero-cta';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeroCta } from '@/modules/hero-cta';
26
+
27
+ <HeroCta />
28
+
29
+ - Two-column responsive layout
30
+ - Social proof with avatars and ratings
31
+ - Primary and secondary CTA buttons
32
+ - Decorative gradient blur effect
33
+ ```
34
+
35
+ ## Dependencies
36
+
37
+ This component requires:
38
+ - `avatar`
@@ -0,0 +1,33 @@
1
+ # Hero Gradient
2
+
3
+ Centered hero section with animated gradient background, floating orbs, and grid pattern overlay. Features a badge, large two-line heading with gradient text, description, dual CTA buttons, and trust metric badges. Perfect for SaaS and tech landing pages.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/hero-gradient/index.ts` | index |
10
+ | `$modules$/hero-gradient/hero-gradient.tsx` | component |
11
+ | `$modules$/hero-gradient/lang/en.json` | lang |
12
+ | `$modules$/hero-gradient/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeroGradient`
17
+
18
+ ```typescript
19
+ import { HeroGradient } from '@/modules/hero-gradient';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeroGradient } from '@/modules/hero-gradient';
26
+
27
+ <HeroGradient />
28
+
29
+ - Animated gradient background with orbs
30
+ - Grid pattern overlay
31
+ - Badge with pulse animation
32
+ - Trust metrics (users, uptime, support)
33
+ ```
@@ -0,0 +1,40 @@
1
+ # Hero Grid
2
+
3
+ Hero section with decorative image grid on the right side. Features a bold headline, description text, and CTA button on the left with a floating grid of 7 product images on the right. Perfect for e-commerce landing pages.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/hero-grid/index.ts` | index |
10
+ | `$modules$/hero-grid/hero-grid.tsx` | component |
11
+ | `$modules$/hero-grid/lang/en.json` | lang |
12
+ | `$modules$/hero-grid/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeroGrid`
17
+
18
+ ```typescript
19
+ import { HeroGrid } from '@/modules/hero-grid';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeroGrid } from '@/modules/hero-grid';
26
+
27
+ <HeroGrid
28
+ images={[
29
+ '/images/product-1.jpg',
30
+ '/images/product-2.jpg',
31
+ // ... 7 images total
32
+ ]}
33
+ ctaHref="/products"
34
+ />
35
+ ```
36
+
37
+ ## Dependencies
38
+
39
+ This component requires:
40
+ - `button`
@@ -0,0 +1,33 @@
1
+ # Profile Hero
2
+
3
+ Personal profile hero with profile card (photo, name, title, bio, social links), animated company/client logo carousel, and glassmorphism card design. Works for portfolios, personal branding, freelancer sites, and any professional showcase.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/hero-profile/index.ts` | index |
10
+ | `$modules$/hero-profile/hero-profile.tsx` | component |
11
+ | `$modules$/hero-profile/lang/en.json` | lang |
12
+ | `$modules$/hero-profile/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `HeroProfile`
17
+
18
+ ```typescript
19
+ import { HeroProfile } from '@/modules/hero-profile';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { HeroProfile } from '@/modules/hero-profile';
26
+
27
+ <HeroProfile />
28
+
29
+ - Profile card with photo, name, bio
30
+ - Social media links (Facebook, X, LinkedIn)
31
+ - Animated company carousel
32
+ - Glassmorphism design
33
+ ```
@@ -0,0 +1,32 @@
1
+ # Hero Section
2
+
3
+ Modern hero section with gradient background (customizable via CSS variables), large headline, subtitle text, and dual CTA buttons (primary and secondary). Features animated entrance effects, responsive typography scaling, and optional background pattern overlay. Perfect for landing pages and marketing sites.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/hero/index.ts` | index |
10
+ | `$modules$/hero/hero.tsx` | component |
11
+ | `$modules$/hero/lang/en.json` | lang |
12
+ | `$modules$/hero/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `Hero`
17
+
18
+ ```typescript
19
+ import { Hero } from '@/modules/hero';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import { Hero } from '@/modules/hero';
26
+
27
+ <Hero />
28
+
29
+ • Installed at: src/modules/hero/
30
+ • Customize content: src/modules/hero/lang/*.json
31
+ • Customize gradient: --hero-gradient-from, --hero-gradient-to
32
+ ```
@@ -0,0 +1,40 @@
1
+ # Login Page Split
2
+
3
+ Split-screen login page with form on the left and full-height image on the right. Features email/password fields, Google login button, sign up and forgot password links. Clean minimal design with responsive layout.
4
+
5
+ ## Files
6
+
7
+ | Target | Type |
8
+ |--------|------|
9
+ | `$modules$/login-page-split/index.ts` | index |
10
+ | `$modules$/login-page-split/login-page-split.tsx` | component |
11
+ | `$modules$/login-page-split/lang/en.json` | lang |
12
+ | `$modules$/login-page-split/lang/tr.json` | lang |
13
+
14
+ ## Exports
15
+
16
+ **Components/Functions:** `LoginPageSplit`
17
+
18
+ ```typescript
19
+ import { LoginPageSplit } from '@/modules/login-page-split';
20
+ ```
21
+
22
+ ## Usage
23
+
24
+ ```
25
+ import LoginPageSplit from '@/modules/login-page-split';
26
+
27
+ <LoginPageSplit
28
+ image="/images/login-bg.jpg"
29
+ />
30
+
31
+ • Installed at: src/modules/login-page-split/
32
+ • Customize text: src/modules/login-page-split/lang/*.json
33
+ • Add to your router as a page component
34
+ ```
35
+
36
+ ## Dependencies
37
+
38
+ This component requires:
39
+ - `input`
40
+ - `button`