@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.
- package/dist/index.js +212 -0
- package/dist/registry/about-page.json +45 -0
- package/dist/registry/about-section.json +40 -0
- package/dist/registry/animations.json +69 -0
- package/dist/registry/bento-grid-section.json +42 -0
- package/dist/registry/blog-core.json +74 -0
- package/dist/registry/blog-list-page.json +48 -0
- package/dist/registry/blog-section.json +43 -0
- package/dist/registry/cards-carousel-section.json +46 -0
- package/dist/registry/cart-drawer.json +43 -0
- package/dist/registry/cart-page.json +47 -0
- package/dist/registry/category-section.json +43 -0
- package/dist/registry/checkout-page.json +47 -0
- package/dist/registry/contact-info-grid.json +40 -0
- package/dist/registry/contact-page-centered.json +50 -0
- package/dist/registry/contact-page-map-overlay.json +54 -0
- package/dist/registry/contact-page-map-split.json +54 -0
- package/dist/registry/contact-page-split.json +49 -0
- package/dist/registry/contact-page.json +45 -0
- package/dist/registry/content-section.json +40 -0
- package/dist/registry/cookies-page.json +45 -0
- package/dist/registry/cta-section.json +40 -0
- package/dist/registry/docs/about-page.md +32 -0
- package/dist/registry/docs/about-section.md +33 -0
- package/dist/registry/docs/animations.md +44 -0
- package/dist/registry/docs/bento-grid-section.md +40 -0
- package/dist/registry/docs/blog-core.md +37 -0
- package/dist/registry/docs/blog-list-page.md +38 -0
- package/dist/registry/docs/blog-section.md +39 -0
- package/dist/registry/docs/cards-carousel-section.md +39 -0
- package/dist/registry/docs/cart-drawer.md +42 -0
- package/dist/registry/docs/cart-page.md +37 -0
- package/dist/registry/docs/category-section.md +34 -0
- package/dist/registry/docs/checkout-page.md +38 -0
- package/dist/registry/docs/contact-info-grid.md +33 -0
- package/dist/registry/docs/contact-page-centered.md +41 -0
- package/dist/registry/docs/contact-page-map-overlay.md +44 -0
- package/dist/registry/docs/contact-page-map-split.md +44 -0
- package/dist/registry/docs/contact-page-split.md +40 -0
- package/dist/registry/docs/contact-page.md +33 -0
- package/dist/registry/docs/content-section.md +35 -0
- package/dist/registry/docs/cookies-page.md +32 -0
- package/dist/registry/docs/cta-section.md +32 -0
- package/dist/registry/docs/ecommerce-core.md +41 -0
- package/dist/registry/docs/empty-page.md +31 -0
- package/dist/registry/docs/faq-categorized.md +38 -0
- package/dist/registry/docs/faq-simple.md +38 -0
- package/dist/registry/docs/favorites-blog-block.md +38 -0
- package/dist/registry/docs/favorites-ecommerce-block.md +38 -0
- package/dist/registry/docs/feature-section.md +33 -0
- package/dist/registry/docs/featured-products.md +38 -0
- package/dist/registry/docs/footer-detailed.md +33 -0
- package/dist/registry/docs/footer-minimal.md +32 -0
- package/dist/registry/docs/footer.md +32 -0
- package/dist/registry/docs/google-map.md +36 -0
- package/dist/registry/docs/header-centered-pill.md +37 -0
- package/dist/registry/docs/header-ecommerce.md +38 -0
- package/dist/registry/docs/header-mega.md +40 -0
- package/dist/registry/docs/header-minimal.md +38 -0
- package/dist/registry/docs/header-simple.md +32 -0
- package/dist/registry/docs/hero-cta.md +38 -0
- package/dist/registry/docs/hero-gradient.md +33 -0
- package/dist/registry/docs/hero-grid.md +40 -0
- package/dist/registry/docs/hero-profile.md +33 -0
- package/dist/registry/docs/hero.md +32 -0
- package/dist/registry/docs/login-page-split.md +40 -0
- package/dist/registry/docs/login-page.md +39 -0
- package/dist/registry/docs/newsletter-section.md +40 -0
- package/dist/registry/docs/order-card-compact.md +37 -0
- package/dist/registry/docs/order-detail-block.md +37 -0
- package/dist/registry/docs/orders-list-block.md +40 -0
- package/dist/registry/docs/payment-success-block.md +32 -0
- package/dist/registry/docs/post-card.md +37 -0
- package/dist/registry/docs/post-detail-block.md +37 -0
- package/dist/registry/docs/pricing-card.md +37 -0
- package/dist/registry/docs/pricing-section.md +39 -0
- package/dist/registry/docs/privacy-page.md +32 -0
- package/dist/registry/docs/product-card-detailed.md +42 -0
- package/dist/registry/docs/product-card-hover.md +35 -0
- package/dist/registry/docs/product-card.md +37 -0
- package/dist/registry/docs/product-detail-block.md +37 -0
- package/dist/registry/docs/product-detail-section.md +45 -0
- package/dist/registry/docs/products-page.md +39 -0
- package/dist/registry/docs/related-posts-block.md +38 -0
- package/dist/registry/docs/related-products-block.md +38 -0
- package/dist/registry/docs/service-card.md +34 -0
- package/dist/registry/docs/skill-card.md +33 -0
- package/dist/registry/docs/terms-page.md +32 -0
- package/dist/registry/docs/testimonials-carousel.md +40 -0
- package/dist/registry/docs/testimonials-grid.md +39 -0
- package/dist/registry/ecommerce-core.json +95 -0
- package/dist/registry/empty-page.json +45 -0
- package/dist/registry/faq-categorized.json +42 -0
- package/dist/registry/faq-simple.json +42 -0
- package/dist/registry/favorites-blog-block.json +43 -0
- package/dist/registry/favorites-ecommerce-block.json +43 -0
- package/dist/registry/feature-section.json +40 -0
- package/dist/registry/featured-products.json +43 -0
- package/dist/registry/footer-detailed.json +43 -0
- package/dist/registry/footer-minimal.json +40 -0
- package/dist/registry/footer.json +40 -0
- package/dist/registry/google-map.json +31 -0
- package/dist/registry/header-centered-pill.json +45 -0
- package/dist/registry/header-ecommerce.json +42 -0
- package/dist/registry/header-mega.json +47 -0
- package/dist/registry/header-minimal.json +45 -0
- package/dist/registry/header-simple.json +43 -0
- package/dist/registry/hero-cta.json +42 -0
- package/dist/registry/hero-gradient.json +40 -0
- package/dist/registry/hero-grid.json +42 -0
- package/dist/registry/hero-profile.json +62 -0
- package/dist/registry/hero.json +40 -0
- package/dist/registry/index.json +70 -0
- package/dist/registry/login-page-split.json +47 -0
- package/dist/registry/login-page.json +49 -0
- package/dist/registry/newsletter-section.json +44 -0
- package/dist/registry/order-card-compact.json +42 -0
- package/dist/registry/order-detail-block.json +42 -0
- package/dist/registry/orders-list-block.json +45 -0
- package/dist/registry/payment-success-block.json +40 -0
- package/dist/registry/post-card.json +42 -0
- package/dist/registry/post-detail-block.json +42 -0
- package/dist/registry/pricing-card.json +40 -0
- package/dist/registry/pricing-section.json +43 -0
- package/dist/registry/privacy-page.json +45 -0
- package/dist/registry/product-card-detailed.json +45 -0
- package/dist/registry/product-card-hover.json +40 -0
- package/dist/registry/product-card.json +42 -0
- package/dist/registry/product-detail-block.json +42 -0
- package/dist/registry/product-detail-section.json +46 -0
- package/dist/registry/products-page.json +48 -0
- package/dist/registry/related-posts-block.json +43 -0
- package/dist/registry/related-products-block.json +43 -0
- package/dist/registry/service-card.json +28 -0
- package/dist/registry/skill-card.json +28 -0
- package/dist/registry/terms-page.json +45 -0
- package/dist/registry/testimonials-carousel.json +44 -0
- package/dist/registry/testimonials-grid.json +43 -0
- package/package.json +52 -0
- package/template/.env +6 -0
- package/template/.prettierignore +3 -0
- package/template/.prettierrc +1 -0
- package/template/README.md +73 -0
- package/template/bun.lock +1007 -0
- package/template/components.json +22 -0
- package/template/eslint.config.js +32 -0
- package/template/index.html +285 -0
- package/template/package.json +92 -0
- package/template/promake.json +6 -0
- package/template/public/_redirects +1 -0
- package/template/public/data/database.db +0 -0
- package/template/public/favicon.svg +1 -0
- package/template/public/images/placeholder.png +0 -0
- package/template/public/robots.txt +14 -0
- package/template/scripts/init-db.ts +131 -0
- package/template/src/App.tsx +33 -0
- package/template/src/components/Footer.tsx +100 -0
- package/template/src/components/Header.tsx +79 -0
- package/template/src/components/Hero.tsx +69 -0
- package/template/src/components/LanguageSwitcher.tsx +47 -0
- package/template/src/components/Layout.tsx +25 -0
- package/template/src/components/Logo.tsx +64 -0
- package/template/src/components/ThemeSwitcher.tsx +58 -0
- package/template/src/components/ui/accordion.tsx +64 -0
- package/template/src/components/ui/alert-dialog.tsx +155 -0
- package/template/src/components/ui/alert.tsx +66 -0
- package/template/src/components/ui/aspect-ratio.tsx +11 -0
- package/template/src/components/ui/avatar.tsx +51 -0
- package/template/src/components/ui/badge.tsx +46 -0
- package/template/src/components/ui/breadcrumb.tsx +109 -0
- package/template/src/components/ui/button-group.tsx +83 -0
- package/template/src/components/ui/button.tsx +62 -0
- package/template/src/components/ui/calendar.tsx +220 -0
- package/template/src/components/ui/card.tsx +92 -0
- package/template/src/components/ui/carousel.tsx +239 -0
- package/template/src/components/ui/chart.tsx +357 -0
- package/template/src/components/ui/checkbox.tsx +32 -0
- package/template/src/components/ui/collapsible.tsx +31 -0
- package/template/src/components/ui/command.tsx +182 -0
- package/template/src/components/ui/context-menu.tsx +252 -0
- package/template/src/components/ui/dialog.tsx +141 -0
- package/template/src/components/ui/drawer.tsx +135 -0
- package/template/src/components/ui/dropdown-menu.tsx +255 -0
- package/template/src/components/ui/empty.tsx +104 -0
- package/template/src/components/ui/field.tsx +246 -0
- package/template/src/components/ui/form.tsx +168 -0
- package/template/src/components/ui/hover-card.tsx +44 -0
- package/template/src/components/ui/input-group.tsx +170 -0
- package/template/src/components/ui/input-otp.tsx +75 -0
- package/template/src/components/ui/input.tsx +21 -0
- package/template/src/components/ui/item.tsx +193 -0
- package/template/src/components/ui/kbd.tsx +28 -0
- package/template/src/components/ui/label.tsx +24 -0
- package/template/src/components/ui/menubar.tsx +274 -0
- package/template/src/components/ui/navigation-menu.tsx +168 -0
- package/template/src/components/ui/pagination.tsx +127 -0
- package/template/src/components/ui/popover.tsx +48 -0
- package/template/src/components/ui/progress.tsx +29 -0
- package/template/src/components/ui/radio-group.tsx +45 -0
- package/template/src/components/ui/resizable.tsx +54 -0
- package/template/src/components/ui/scroll-area.tsx +58 -0
- package/template/src/components/ui/select.tsx +188 -0
- package/template/src/components/ui/separator.tsx +28 -0
- package/template/src/components/ui/sheet.tsx +137 -0
- package/template/src/components/ui/sidebar.tsx +726 -0
- package/template/src/components/ui/skeleton.tsx +13 -0
- package/template/src/components/ui/slider.tsx +63 -0
- package/template/src/components/ui/sonner.tsx +38 -0
- package/template/src/components/ui/spinner.tsx +16 -0
- package/template/src/components/ui/switch.tsx +31 -0
- package/template/src/components/ui/table.tsx +114 -0
- package/template/src/components/ui/tabs.tsx +66 -0
- package/template/src/components/ui/textarea.tsx +18 -0
- package/template/src/components/ui/toggle-group.tsx +81 -0
- package/template/src/components/ui/toggle.tsx +45 -0
- package/template/src/components/ui/tooltip.tsx +61 -0
- package/template/src/constants/constants.json +58 -0
- package/template/src/hooks/use-is-mobile.ts +21 -0
- package/template/src/hooks/use-page-title.ts +49 -0
- package/template/src/hooks/use-theme.ts +57 -0
- package/template/src/index.css +128 -0
- package/template/src/lang/en/about.json +4 -0
- package/template/src/lang/en/contact.json +39 -0
- package/template/src/lang/en/cookies.json +4 -0
- package/template/src/lang/en/footer.json +12 -0
- package/template/src/lang/en/forgotPassword.json +37 -0
- package/template/src/lang/en/header.json +10 -0
- package/template/src/lang/en/hero.json +8 -0
- package/template/src/lang/en/index.json +30 -0
- package/template/src/lang/en/login.json +18 -0
- package/template/src/lang/en/notfound.json +7 -0
- package/template/src/lang/en/privacy.json +4 -0
- package/template/src/lang/en/register.json +25 -0
- package/template/src/lang/en/terms.json +4 -0
- package/template/src/lang/index.ts +86 -0
- package/template/src/lang/tr/about.json +4 -0
- package/template/src/lang/tr/contact.json +39 -0
- package/template/src/lang/tr/cookies.json +4 -0
- package/template/src/lang/tr/footer.json +12 -0
- package/template/src/lang/tr/forgotPassword.json +37 -0
- package/template/src/lang/tr/header.json +10 -0
- package/template/src/lang/tr/hero.json +8 -0
- package/template/src/lang/tr/index.json +30 -0
- package/template/src/lang/tr/login.json +18 -0
- package/template/src/lang/tr/notfound.json +7 -0
- package/template/src/lang/tr/privacy.json +4 -0
- package/template/src/lang/tr/register.json +25 -0
- package/template/src/lang/tr/terms.json +4 -0
- package/template/src/lib/api.ts +237 -0
- package/template/src/lib/storage.ts +109 -0
- package/template/src/lib/utils.ts +15 -0
- package/template/src/main.tsx +13 -0
- package/template/src/modules/api/USAGE.md +515 -0
- package/template/src/modules/api/customer-client.ts +20 -0
- package/template/src/modules/api/get-error-message.ts +18 -0
- package/template/src/modules/api/validation/en.json +29 -0
- package/template/src/modules/api/validation/tr.json +29 -0
- package/template/src/modules/auth/USAGE.md +248 -0
- package/template/src/modules/auth/auth-header-menu.tsx +123 -0
- package/template/src/modules/auth/auth-store.ts +57 -0
- package/template/src/modules/auth/forgot-password-page.tsx +371 -0
- package/template/src/modules/auth/login-page.tsx +183 -0
- package/template/src/modules/auth/register-page.tsx +252 -0
- package/template/src/modules/auth/use-auth.ts +273 -0
- package/template/src/modules/db/adapters/IDataAdapter.ts +26 -0
- package/template/src/modules/db/adapters/SqliteAdapter.ts +364 -0
- package/template/src/modules/db/adapters/index.ts +2 -0
- package/template/src/modules/db/config.ts +59 -0
- package/template/src/modules/db/core/DataManager.ts +125 -0
- package/template/src/modules/db/core/types.ts +101 -0
- package/template/src/modules/db/index.ts +42 -0
- package/template/src/modules/db/react/QueryProvider.tsx +16 -0
- package/template/src/modules/db/react/index.ts +23 -0
- package/template/src/modules/db/react/queryClient.ts +64 -0
- package/template/src/modules/db/react/useRepository.ts +400 -0
- package/template/src/modules/db/utils/parsers.ts +96 -0
- package/template/src/pages/Index.tsx +108 -0
- package/template/src/pages/NotFound.tsx +35 -0
- package/template/src/router.tsx +14 -0
- package/template/src/types/index.ts +0 -0
- package/template/src/vite-env.d.ts +1 -0
- package/template/tsconfig.app.json +32 -0
- package/template/tsconfig.json +17 -0
- package/template/tsconfig.node.json +26 -0
- 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`
|