Update config, dependencies and add icon
- Update next.config.ts and tsconfig.json configuration - Update ContactInfo component - Add app icon (SVG) - Add blog image prompts Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Claude Opus 4.5
@@ -0,0 +1,457 @@
|
||||
================================================================================
|
||||
BLOG IMAGE PROMPTS - PORTFOLIO
|
||||
================================================================================
|
||||
Format: 8K Resolution, 16:9 Aspect Ratio
|
||||
CI: Dark moss (#181C14), Sage green (#697565/#465B50), Cream (#ECDFCC)
|
||||
Style: Modern, minimalist, tech-forward with earthy tones
|
||||
================================================================================
|
||||
|
||||
|
||||
================================================================================
|
||||
AI & LLM (01-20)
|
||||
================================================================================
|
||||
|
||||
01 - Agentic AI 2026
|
||||
--------------------
|
||||
Futuristic dark moss green control room with multiple holographic AI agent interfaces, interconnected neural network visualization, enterprise server infrastructure in background, soft sage green ambient lighting, cream-colored data streams, 8K resolution, 16:9 aspect ratio, cinematic lighting, minimalist tech aesthetic
|
||||
|
||||
02 - DeepSeek R1 vs OpenAI o1
|
||||
-----------------------------
|
||||
Split-screen comparison of two abstract AI brain architectures, left side with blue reasoning pathways, right side with orange logic networks, dark moss background (#181C14), floating mathematical equations in cream color, sage green connection lines, 8K resolution, 16:9 aspect ratio, clean minimalist design
|
||||
|
||||
03 - Multi-Agent Systeme TypeScript
|
||||
-----------------------------------
|
||||
Abstract visualization of multiple interconnected AI agents as geometric nodes, TypeScript code fragments floating in space, dark sage green (#465B50) connecting lines, dark moss background, cream-colored data packets flowing between agents, 8K resolution, 16:9 aspect ratio, modern tech aesthetic
|
||||
|
||||
04 - AI Cost Optimization
|
||||
-------------------------
|
||||
Minimalist visualization of descending cost graph transforming into efficiency curve, golden coins morphing into data bits, dark moss environment, sage green accent lighting on graph elements, cream-colored financial metrics floating, 8K resolution, 16:9 aspect ratio, clean corporate aesthetic
|
||||
|
||||
05 - Human-in-the-Loop
|
||||
----------------------
|
||||
Elegant human hand reaching toward AI holographic interface, feedback loop visualization connecting human and machine, dark moss background, sage green neural pathways, cream-colored approval checkmarks, 8K resolution, 16:9 aspect ratio, sophisticated tech-human harmony
|
||||
|
||||
06 - Claude Haiku vs Sonnet vs Opus
|
||||
-----------------------------------
|
||||
Three abstract AI model representations as ascending geometric structures, smallest to largest, dark moss environment, sage green light gradients distinguishing each model, cream-colored performance metrics floating, 8K resolution, 16:9 aspect ratio, elegant comparative visualization
|
||||
|
||||
07 - Tool Use Patterns
|
||||
----------------------
|
||||
AI agent hand reaching toward floating API tool icons, gear mechanisms, database symbols, webhook connections, dark moss background, sage green tool outlines, cream-colored data flows, 8K resolution, 16:9 aspect ratio, clean technical illustration
|
||||
|
||||
08 - AI Governance Frameworks
|
||||
-----------------------------
|
||||
Balanced scales with AI brain on one side and ethical guidelines document on other, governance framework structure surrounding, dark moss background, sage green framework lines, cream-colored policy text elements, 8K resolution, 16:9 aspect ratio, professional corporate aesthetic
|
||||
|
||||
09 - Physical AI Robotics
|
||||
-------------------------
|
||||
Sleek robotic arm with integrated LLM visualization, holographic decision-making interface, industrial environment with dark moss tones, sage green sensor lights, cream-colored data streams connecting brain to mechanics, 8K resolution, 16:9 aspect ratio, futuristic industrial design
|
||||
|
||||
10 - Open Source AI Demokratisierung
|
||||
------------------------------------
|
||||
Open hands releasing multiple AI models into the world, community collaboration visualization, dark moss background, sage green open-source symbols, cream-colored accessibility icons, diverse representation, 8K resolution, 16:9 aspect ratio, empowering community aesthetic
|
||||
|
||||
11 - DeepSeek R1 Training Paradigm
|
||||
----------------------------------
|
||||
Abstract visualization of reinforcement learning training loop, reward signals as golden particles, neural network layers expanding, dark moss background, sage green gradient learning curves, cream-colored milestone markers, 8K resolution, 16:9 aspect ratio, scientific research aesthetic
|
||||
|
||||
12 - Telegram Bots AI Enterprise
|
||||
--------------------------------
|
||||
Telegram logo morphing into enterprise AI interface, chat bubbles with intelligent responses, corporate environment silhouette, dark moss background, sage green Telegram accent, cream-colored message threads, 8K resolution, 16:9 aspect ratio, professional communication aesthetic
|
||||
|
||||
13 - AI Agent Testing
|
||||
---------------------
|
||||
Quality assurance visualization with AI agent under examination, test case checkboxes, debugging magnifying glass, dark moss background, sage green test success indicators, cream-colored test metrics, 8K resolution, 16:9 aspect ratio, quality-focused technical design
|
||||
|
||||
14 - Prompt Engineering 2026
|
||||
----------------------------
|
||||
Artistic representation of prompt crafting as sculpting light, human hands shaping text into AI responses, dark moss environment, sage green text highlighting, cream-colored output manifestation, 8K resolution, 16:9 aspect ratio, creative technical artistry
|
||||
|
||||
15 - Human-AI Teams
|
||||
-------------------
|
||||
Human and AI avatar working at shared holographic workspace, collaborative task completion visualization, dark moss office environment, sage green connection threads, cream-colored shared documents, 8K resolution, 16:9 aspect ratio, harmonious teamwork aesthetic
|
||||
|
||||
16 - Voice AI Infrastructure
|
||||
----------------------------
|
||||
Sound wave transforming into structured data pipeline, server infrastructure with audio processing nodes, dark moss data center, sage green audio waveforms, cream-colored transcription text, 8K resolution, 16:9 aspect ratio, technical infrastructure visualization
|
||||
|
||||
17 - Conversational AI Turn-Taking
|
||||
----------------------------------
|
||||
Two speech bubbles in elegant dance, timing visualization with conversation rhythm, dark moss background, sage green speaker indicators, cream-colored dialogue text, 8K resolution, 16:9 aspect ratio, fluid communication design
|
||||
|
||||
18 - Multilingual Voice Bots
|
||||
----------------------------
|
||||
Global languages floating around central voice AI core, translation pathways connecting cultures, dark moss globe, sage green language bridges, cream-colored text in multiple scripts, 8K resolution, 16:9 aspect ratio, international connectivity aesthetic
|
||||
|
||||
19 - Deepgram Nova German
|
||||
-------------------------
|
||||
German language waveform being processed by Nova neural network, Umlauts and German text elements, dark moss background, sage green processing nodes, cream-colored German transcription, 8K resolution, 16:9 aspect ratio, precision speech recognition visualization
|
||||
|
||||
20 - ElevenLabs Turbo Performance
|
||||
---------------------------------
|
||||
Speed-optimized voice synthesis visualization, sound wave racing through optimized pipeline, dark moss environment, sage green performance metrics, cream-colored latency indicators showing improvement, 8K resolution, 16:9 aspect ratio, high-performance audio aesthetic
|
||||
|
||||
|
||||
================================================================================
|
||||
VOICE & REAL-TIME (21-27)
|
||||
================================================================================
|
||||
|
||||
21 - WebSockets Voice AI
|
||||
------------------------
|
||||
Bidirectional data streams carrying voice data between client and server, persistent connection visualization, dark moss network environment, sage green WebSocket channels, cream-colored audio packets, 8K resolution, 16:9 aspect ratio, real-time communication design
|
||||
|
||||
22 - N8N AI Agents Workflow
|
||||
---------------------------
|
||||
Visual workflow canvas with AI agent nodes connected by automation paths, n8n interface elements, dark moss background, sage green workflow connections, cream-colored trigger events, 8K resolution, 16:9 aspect ratio, workflow automation aesthetic
|
||||
|
||||
23 - Zapier vs N8N vs Make
|
||||
--------------------------
|
||||
Three workflow platforms represented as distinct geometric islands connected by bridges, comparison visualization, dark moss ocean, sage green platform accents, cream-colored feature labels, 8K resolution, 16:9 aspect ratio, clean platform comparison design
|
||||
|
||||
24 - Event-Driven AI Architecture
|
||||
---------------------------------
|
||||
Event bus with AI processors responding to streaming events, pub-sub pattern visualization, dark moss infrastructure, sage green event streams, cream-colored message payloads, 8K resolution, 16:9 aspect ratio, architectural diagram aesthetic
|
||||
|
||||
25 - Socket.IO AI Chat
|
||||
----------------------
|
||||
Real-time chat interface with AI responses appearing instantly, Socket.IO room visualization, dark moss chat environment, sage green user indicators, cream-colored message bubbles, 8K resolution, 16:9 aspect ratio, modern chat application design
|
||||
|
||||
26 - Realtime Dashboards WebSocket
|
||||
----------------------------------
|
||||
Live updating dashboard with streaming metrics and charts, WebSocket data feeds, dark moss dashboard background, sage green chart lines, cream-colored metric numbers updating, 8K resolution, 16:9 aspect ratio, data visualization aesthetic
|
||||
|
||||
27 - SSE vs WebSocket
|
||||
---------------------
|
||||
Split comparison showing one-way SSE stream vs bidirectional WebSocket, protocol visualization, dark moss background, sage green data direction arrows, cream-colored protocol labels, 8K resolution, 16:9 aspect ratio, technical comparison design
|
||||
|
||||
|
||||
================================================================================
|
||||
FRONTEND & FRAMEWORK (28-40)
|
||||
================================================================================
|
||||
|
||||
28 - Next.js 15 Deep Dive
|
||||
-------------------------
|
||||
Next.js logo descending into deep architectural layers, RSC, routing, caching visualization, dark moss code environment, sage green framework structure, cream-colored component hierarchy, 8K resolution, 16:9 aspect ratio, framework deep-dive aesthetic
|
||||
|
||||
29 - React Server Components
|
||||
----------------------------
|
||||
Server and client components separated by elegant boundary line, data flowing from server to client, dark moss background, sage green server zone, cream-colored client hydration, 8K resolution, 16:9 aspect ratio, React architecture visualization
|
||||
|
||||
30 - Streaming UI Patterns
|
||||
--------------------------
|
||||
UI skeleton progressively filling with content, streaming data visualization, dark moss interface, sage green loading states, cream-colored content appearing, 8K resolution, 16:9 aspect ratio, progressive enhancement design
|
||||
|
||||
31 - TypeScript 6 Advanced Patterns
|
||||
-----------------------------------
|
||||
Abstract type system visualization with generics, conditional types, mapped types floating, dark moss IDE environment, sage green type annotations, cream-colored TypeScript syntax, 8K resolution, 16:9 aspect ratio, type-safe code aesthetic
|
||||
|
||||
32 - Tailwind CSS 4
|
||||
-------------------
|
||||
Utility classes transforming into beautiful UI components, CSS-in-JS visualization, dark moss design environment, sage green utility badges, cream-colored styled components, 8K resolution, 16:9 aspect ratio, modern CSS framework design
|
||||
|
||||
33 - Zod Schema Validation
|
||||
--------------------------
|
||||
Data passing through validation gates, schema structure protecting application, dark moss security environment, sage green validation checkmarks, cream-colored schema definitions, 8K resolution, 16:9 aspect ratio, data validation aesthetic
|
||||
|
||||
34 - Prisma 7 ORM
|
||||
-----------------
|
||||
Database schema transforming into TypeScript types, Prisma client connecting to database, dark moss database environment, sage green model relationships, cream-colored query results, 8K resolution, 16:9 aspect ratio, ORM visualization design
|
||||
|
||||
35 - tRPC Type-Safe APIs
|
||||
------------------------
|
||||
End-to-end type safety visualization from client to server, type inference flowing, dark moss API environment, sage green type connections, cream-colored procedure calls, 8K resolution, 16:9 aspect ratio, type-safe API aesthetic
|
||||
|
||||
36 - Zustand vs Jotai
|
||||
---------------------
|
||||
Two state management approaches visualized as different architectural styles, comparison view, dark moss application state, sage green store structures, cream-colored state atoms, 8K resolution, 16:9 aspect ratio, state management comparison design
|
||||
|
||||
37 - TanStack Query
|
||||
-------------------
|
||||
Data fetching lifecycle visualization with caching layers, stale-while-revalidate pattern, dark moss data layer, sage green cache indicators, cream-colored fresh data, 8K resolution, 16:9 aspect ratio, query management aesthetic
|
||||
|
||||
38 - React Hook Form
|
||||
--------------------
|
||||
Form fields with elegant validation states, hook-based form management visualization, dark moss form interface, sage green valid indicators, cream-colored form labels, 8K resolution, 16:9 aspect ratio, form handling design
|
||||
|
||||
39 - Vitest Testing
|
||||
-------------------
|
||||
Test suite running with fast execution visualization, green checkmarks appearing rapidly, dark moss terminal environment, sage green passing tests, cream-colored test descriptions, 8K resolution, 16:9 aspect ratio, testing framework aesthetic
|
||||
|
||||
40 - Radix UI Components
|
||||
------------------------
|
||||
Accessible UI primitives assembling into polished components, headless design system, dark moss component library, sage green accessibility indicators, cream-colored component labels, 8K resolution, 16:9 aspect ratio, design system visualization
|
||||
|
||||
|
||||
================================================================================
|
||||
BACKEND & DATABASES (41-50)
|
||||
================================================================================
|
||||
|
||||
41 - Supabase Fullstack Platform
|
||||
--------------------------------
|
||||
Supabase ecosystem with auth, database, storage, functions orbiting central platform, dark moss cloud environment, sage green service connections, cream-colored data flows, 8K resolution, 16:9 aspect ratio, platform architecture design
|
||||
|
||||
42 - MongoDB Atlas Vector Search
|
||||
--------------------------------
|
||||
Vector embeddings in high-dimensional space with semantic search visualization, dark moss database cloud, sage green vector arrows, cream-colored similar document clusters, 8K resolution, 16:9 aspect ratio, vector database aesthetic
|
||||
|
||||
43 - Redis Stack Vector Database
|
||||
--------------------------------
|
||||
Redis data structures with vector similarity search, in-memory speed visualization, dark moss cache layer, sage green vector indices, cream-colored fast query results, 8K resolution, 16:9 aspect ratio, high-performance database design
|
||||
|
||||
44 - Drizzle ORM Lightweight
|
||||
----------------------------
|
||||
Lightweight ORM as elegant minimal structure, SQL-like syntax with TypeScript types, dark moss database connection, sage green query builder, cream-colored lean code, 8K resolution, 16:9 aspect ratio, minimalist ORM aesthetic
|
||||
|
||||
45 - Turso LibSQL Edge
|
||||
----------------------
|
||||
Edge database nodes distributed globally, LibSQL replication visualization, dark moss edge network, sage green sync connections, cream-colored regional data, 8K resolution, 16:9 aspect ratio, edge computing database design
|
||||
|
||||
46 - PlanetScale MySQL Serverless
|
||||
---------------------------------
|
||||
Serverless MySQL scaling visualization, branching database schema, dark moss cloud infrastructure, sage green branch connections, cream-colored schema migrations, 8K resolution, 16:9 aspect ratio, serverless database aesthetic
|
||||
|
||||
47 - Hono Edge Framework
|
||||
------------------------
|
||||
Ultrafast edge runtime with minimal footprint, Hono bird silhouette, dark moss edge environment, sage green request routing, cream-colored response paths, 8K resolution, 16:9 aspect ratio, lightweight framework design
|
||||
|
||||
48 - API Design Patterns
|
||||
------------------------
|
||||
RESTful and GraphQL patterns visualized as architectural blueprints, dark moss API layer, sage green endpoint structures, cream-colored request/response flows, 8K resolution, 16:9 aspect ratio, API architecture aesthetic
|
||||
|
||||
49 - Authentication Patterns
|
||||
----------------------------
|
||||
Security layers with JWT tokens, session management, OAuth flows, dark moss security environment, sage green authentication shields, cream-colored user credentials protected, 8K resolution, 16:9 aspect ratio, auth security design
|
||||
|
||||
50 - Background Jobs Queues
|
||||
---------------------------
|
||||
Job queue with workers processing tasks, async execution visualization, dark moss worker pool, sage green job progress, cream-colored task payloads, 8K resolution, 16:9 aspect ratio, background processing aesthetic
|
||||
|
||||
|
||||
================================================================================
|
||||
WEB SCRAPING & AUTOMATION (51-60)
|
||||
================================================================================
|
||||
|
||||
51 - Playwright Web Scraping
|
||||
----------------------------
|
||||
Automated browser navigating through web pages, data extraction visualization, dark moss browser environment, sage green selector highlights, cream-colored extracted data, 8K resolution, 16:9 aspect ratio, web automation design
|
||||
|
||||
52 - Puppeteer Browser Automation
|
||||
---------------------------------
|
||||
Puppet strings controlling browser actions, headless Chrome visualization, dark moss automation environment, sage green action paths, cream-colored DOM elements, 8K resolution, 16:9 aspect ratio, browser puppetry aesthetic
|
||||
|
||||
53 - Cheerio HTML Parsing
|
||||
-------------------------
|
||||
HTML document being parsed into structured data tree, jQuery-like selection, dark moss code environment, sage green parsed elements, cream-colored data extraction, 8K resolution, 16:9 aspect ratio, HTML parsing design
|
||||
|
||||
54 - Anti-Bot Detection
|
||||
-----------------------
|
||||
Shield protecting scraper from detection, fingerprinting evasion visualization, dark moss security layer, sage green protection barriers, cream-colored stealth indicators, 8K resolution, 16:9 aspect ratio, anti-detection aesthetic
|
||||
|
||||
55 - Data Extraction Pipelines
|
||||
------------------------------
|
||||
Data flowing through extraction, transformation, loading stages, ETL pipeline visualization, dark moss data flow, sage green processing stages, cream-colored clean output data, 8K resolution, 16:9 aspect ratio, pipeline architecture design
|
||||
|
||||
56 - Cron Job Scheduling
|
||||
------------------------
|
||||
Clock with scheduled tasks triggering at specific times, calendar automation visualization, dark moss scheduling environment, sage green time indicators, cream-colored task executions, 8K resolution, 16:9 aspect ratio, scheduling aesthetic
|
||||
|
||||
57 - Browser Extensions Automation
|
||||
----------------------------------
|
||||
Browser extension icon with automation gears inside, content script injection visualization, dark moss browser chrome, sage green extension actions, cream-colored automated workflows, 8K resolution, 16:9 aspect ratio, extension development design
|
||||
|
||||
58 - API Integration Patterns
|
||||
-----------------------------
|
||||
Multiple APIs connecting through integration hub, adapter pattern visualization, dark moss integration layer, sage green API connectors, cream-colored data transformations, 8K resolution, 16:9 aspect ratio, integration architecture aesthetic
|
||||
|
||||
59 - Email Automation
|
||||
---------------------
|
||||
Automated email sequences flowing to recipients, campaign visualization, dark moss email infrastructure, sage green trigger points, cream-colored email templates, 8K resolution, 16:9 aspect ratio, email marketing automation design
|
||||
|
||||
60 - Workflow Orchestration
|
||||
---------------------------
|
||||
Complex workflow with conditional branches, parallel execution paths, orchestration visualization, dark moss workflow canvas, sage green decision nodes, cream-colored execution paths, 8K resolution, 16:9 aspect ratio, orchestration aesthetic
|
||||
|
||||
|
||||
================================================================================
|
||||
IOT & SMART HOME (61-70)
|
||||
================================================================================
|
||||
|
||||
61 - Home Assistant Integration
|
||||
-------------------------------
|
||||
Smart home central hub connecting all devices, Home Assistant dashboard visualization, dark moss home environment, sage green device connections, cream-colored automation flows, 8K resolution, 16:9 aspect ratio, smart home aesthetic
|
||||
|
||||
62 - MQTT Protocol IoT
|
||||
----------------------
|
||||
Publish-subscribe messaging pattern with IoT devices, broker connecting publishers and subscribers, dark moss IoT network, sage green topic channels, cream-colored message payloads, 8K resolution, 16:9 aspect ratio, MQTT protocol design
|
||||
|
||||
63 - ESP32 Development
|
||||
----------------------
|
||||
ESP32 microcontroller with connected sensors and actuators, embedded development visualization, dark moss electronics environment, sage green circuit traces, cream-colored data readings, 8K resolution, 16:9 aspect ratio, embedded systems aesthetic
|
||||
|
||||
64 - Raspberry Pi IoT
|
||||
---------------------
|
||||
Raspberry Pi as IoT gateway connecting edge devices to cloud, dark moss computing environment, sage green GPIO connections, cream-colored sensor data streams, 8K resolution, 16:9 aspect ratio, single-board computer design
|
||||
|
||||
65 - Matter Thread Protocol
|
||||
---------------------------
|
||||
Matter-enabled devices communicating over Thread mesh network, interoperability visualization, dark moss smart home, sage green mesh connections, cream-colored device icons, 8K resolution, 16:9 aspect ratio, next-gen smart home protocol aesthetic
|
||||
|
||||
66 - Zigbee Zigbee2MQTT
|
||||
-----------------------
|
||||
Zigbee mesh network with MQTT bridge, device communication visualization, dark moss IoT environment, sage green Zigbee links, cream-colored MQTT messages, 8K resolution, 16:9 aspect ratio, Zigbee network design
|
||||
|
||||
67 - InfluxDB Sensor Data
|
||||
-------------------------
|
||||
Time-series data streaming into InfluxDB, sensor metrics visualization, dark moss database environment, sage green time buckets, cream-colored metric graphs, 8K resolution, 16:9 aspect ratio, time-series database aesthetic
|
||||
|
||||
68 - IoT Security
|
||||
-----------------
|
||||
Security layers protecting IoT devices, encryption and authentication visualization, dark moss security perimeter, sage green security shields, cream-colored protected devices, 8K resolution, 16:9 aspect ratio, IoT security design
|
||||
|
||||
69 - Smart Home Dashboard
|
||||
-------------------------
|
||||
Beautiful dashboard displaying all smart home controls and metrics, dark moss interface, sage green active device indicators, cream-colored temperature and status readings, 8K resolution, 16:9 aspect ratio, dashboard UI aesthetic
|
||||
|
||||
70 - Edge Computing IoT
|
||||
-----------------------
|
||||
Processing happening at the edge before cloud, reduced latency visualization, dark moss edge nodes, sage green local processing, cream-colored optimized data to cloud, 8K resolution, 16:9 aspect ratio, edge computing design
|
||||
|
||||
|
||||
================================================================================
|
||||
3D & GRAPHICS (71-73)
|
||||
================================================================================
|
||||
|
||||
71 - Three.js React Three Fiber
|
||||
-------------------------------
|
||||
3D scene rendered with React components, Three.js geometry with declarative syntax, dark moss 3D space, sage green wireframe meshes, cream-colored lighting effects, 8K resolution, 16:9 aspect ratio, 3D web development aesthetic
|
||||
|
||||
72 - WebGPU 3D Graphics
|
||||
-----------------------
|
||||
GPU-accelerated 3D rendering with WebGPU, shader pipelines visualization, dark moss graphics environment, sage green compute shaders, cream-colored rendered output, 8K resolution, 16:9 aspect ratio, next-gen web graphics design
|
||||
|
||||
73 - glTF Model Optimization
|
||||
----------------------------
|
||||
3D model being optimized and compressed, polygon reduction visualization, dark moss 3D workspace, sage green optimized mesh, cream-colored file size reduction metrics, 8K resolution, 16:9 aspect ratio, 3D optimization aesthetic
|
||||
|
||||
|
||||
================================================================================
|
||||
SEO & PERFORMANCE (74-80)
|
||||
================================================================================
|
||||
|
||||
74 - Next.js SEO Metadata
|
||||
-------------------------
|
||||
Search engine crawling Next.js pages with rich metadata, structured data visualization, dark moss search environment, sage green metadata tags, cream-colored search results preview, 8K resolution, 16:9 aspect ratio, SEO optimization design
|
||||
|
||||
75 - Core Web Vitals Optimization
|
||||
---------------------------------
|
||||
LCP, FID, CLS metrics being optimized, performance gauges improving, dark moss performance dashboard, sage green optimal scores, cream-colored metric improvements, 8K resolution, 16:9 aspect ratio, web vitals aesthetic
|
||||
|
||||
76 - Structured Data JSON-LD
|
||||
----------------------------
|
||||
JSON-LD schema enriching search results, rich snippets visualization, dark moss semantic web, sage green structured connections, cream-colored enhanced search listings, 8K resolution, 16:9 aspect ratio, structured data design
|
||||
|
||||
77 - Image Optimization Web
|
||||
---------------------------
|
||||
Images being compressed and optimized for web delivery, format conversion visualization, dark moss media pipeline, sage green optimization process, cream-colored faster loading indicators, 8K resolution, 16:9 aspect ratio, image optimization aesthetic
|
||||
|
||||
78 - Technical SEO Checklist
|
||||
----------------------------
|
||||
SEO audit checklist with items being completed, technical optimization visualization, dark moss audit environment, sage green completed checkmarks, cream-colored improvement items, 8K resolution, 16:9 aspect ratio, SEO checklist design
|
||||
|
||||
79 - International SEO i18n
|
||||
---------------------------
|
||||
Global map with localized content versions, hreflang connections, dark moss world view, sage green regional markers, cream-colored translated content, 8K resolution, 16:9 aspect ratio, international SEO aesthetic
|
||||
|
||||
80 - Performance Monitoring Analytics
|
||||
-------------------------------------
|
||||
Real-time performance metrics dashboard, analytics visualization, dark moss monitoring center, sage green healthy metrics, cream-colored trend graphs, 8K resolution, 16:9 aspect ratio, performance analytics design
|
||||
|
||||
|
||||
================================================================================
|
||||
SAAS & GROWTH (81-100)
|
||||
================================================================================
|
||||
|
||||
81 - A/B Testing Implementation
|
||||
-------------------------------
|
||||
Split test visualization with variant A and B, statistical significance indicators, dark moss testing environment, sage green winning variant, cream-colored conversion data, 8K resolution, 16:9 aspect ratio, A/B testing aesthetic
|
||||
|
||||
82 - Conversion Rate Optimization
|
||||
---------------------------------
|
||||
Funnel optimization with improved conversion at each stage, dark moss marketing funnel, sage green optimization points, cream-colored conversion percentages, 8K resolution, 16:9 aspect ratio, CRO design
|
||||
|
||||
83 - SaaS Pricing Strategies
|
||||
----------------------------
|
||||
Pricing tiers as elegant ascending platforms, value proposition visualization, dark moss pricing environment, sage green tier highlights, cream-colored feature lists, 8K resolution, 16:9 aspect ratio, SaaS pricing aesthetic
|
||||
|
||||
84 - Subscription Billing Stripe
|
||||
--------------------------------
|
||||
Recurring payment cycle with Stripe integration, subscription management visualization, dark moss billing environment, sage green successful payments, cream-colored invoice flows, 8K resolution, 16:9 aspect ratio, subscription billing design
|
||||
|
||||
85 - Multi-Tenancy Architecture
|
||||
-------------------------------
|
||||
Isolated tenant environments within shared infrastructure, data separation visualization, dark moss cloud architecture, sage green tenant boundaries, cream-colored shared services, 8K resolution, 16:9 aspect ratio, multi-tenant aesthetic
|
||||
|
||||
86 - Feature Flags Progressive Rollout
|
||||
--------------------------------------
|
||||
Feature being gradually enabled for user segments, rollout percentage visualization, dark moss deployment environment, sage green enabled features, cream-colored user segments, 8K resolution, 16:9 aspect ratio, feature flag design
|
||||
|
||||
87 - User Onboarding Flows
|
||||
--------------------------
|
||||
New user journey through onboarding steps, progress visualization, dark moss onboarding interface, sage green completed steps, cream-colored welcome screens, 8K resolution, 16:9 aspect ratio, onboarding experience aesthetic
|
||||
|
||||
88 - SaaS Analytics Metrics
|
||||
---------------------------
|
||||
Key SaaS metrics dashboard showing MRR, churn, LTV, dark moss analytics environment, sage green positive trends, cream-colored metric values, 8K resolution, 16:9 aspect ratio, SaaS metrics design
|
||||
|
||||
89 - Customer Success Automation
|
||||
--------------------------------
|
||||
Automated customer success workflows, health score monitoring visualization, dark moss CS environment, sage green healthy accounts, cream-colored intervention triggers, 8K resolution, 16:9 aspect ratio, customer success aesthetic
|
||||
|
||||
90 - SaaS Security Compliance
|
||||
-----------------------------
|
||||
Security compliance badges SOC2, GDPR, with audit trail visualization, dark moss compliance environment, sage green certified checkmarks, cream-colored compliance documentation, 8K resolution, 16:9 aspect ratio, security compliance design
|
||||
|
||||
91 - API Design Documentation
|
||||
-----------------------------
|
||||
Beautiful API documentation with interactive examples, developer portal visualization, dark moss documentation environment, sage green endpoint categories, cream-colored code samples, 8K resolution, 16:9 aspect ratio, API docs aesthetic
|
||||
|
||||
92 - Webhook Implementation
|
||||
---------------------------
|
||||
Event-driven webhook notifications flowing to external systems, payload delivery visualization, dark moss integration environment, sage green successful deliveries, cream-colored event payloads, 8K resolution, 16:9 aspect ratio, webhook design
|
||||
|
||||
93 - Rate Limiting Throttling
|
||||
-----------------------------
|
||||
Traffic being controlled through rate limiting gates, protection visualization, dark moss API gateway, sage green allowed requests, cream-colored throttled indicators, 8K resolution, 16:9 aspect ratio, rate limiting aesthetic
|
||||
|
||||
94 - Developer Experience DX
|
||||
----------------------------
|
||||
Developer workflow with excellent tooling, productivity visualization, dark moss development environment, sage green efficient workflows, cream-colored documentation and CLI tools, 8K resolution, 16:9 aspect ratio, DX design
|
||||
|
||||
95 - API Versioning
|
||||
-------------------
|
||||
Multiple API versions coexisting, deprecation and migration visualization, dark moss API timeline, sage green current version, cream-colored legacy support, 8K resolution, 16:9 aspect ratio, API versioning aesthetic
|
||||
|
||||
96 - Marketplace Platform
|
||||
-------------------------
|
||||
Two-sided marketplace connecting sellers and buyers, platform architecture visualization, dark moss marketplace environment, sage green transaction flows, cream-colored product listings, 8K resolution, 16:9 aspect ratio, marketplace design
|
||||
|
||||
97 - Payment Integration Providers
|
||||
----------------------------------
|
||||
Multiple payment providers unified through single integration, payment method icons, dark moss checkout environment, sage green successful transactions, cream-colored payment options, 8K resolution, 16:9 aspect ratio, payment integration aesthetic
|
||||
|
||||
98 - Digital Product Delivery
|
||||
-----------------------------
|
||||
Digital products being delivered instantly after purchase, download and access visualization, dark moss delivery system, sage green completed deliveries, cream-colored product files, 8K resolution, 16:9 aspect ratio, digital delivery design
|
||||
|
||||
99 - Affiliate Referral Systems
|
||||
-------------------------------
|
||||
Referral network with tracked conversions and commissions, viral growth visualization, dark moss affiliate environment, sage green successful referrals, cream-colored commission payouts, 8K resolution, 16:9 aspect ratio, referral system aesthetic
|
||||
|
||||
100 - Scaling SaaS Infrastructure
|
||||
---------------------------------
|
||||
Infrastructure scaling from small to massive, auto-scaling visualization with growing servers, dark moss cloud environment, sage green healthy instances, cream-colored traffic growth graph, 8K resolution, 16:9 aspect ratio, infrastructure scaling design
|
||||
|
||||
|
||||
================================================================================
|
||||
END OF PROMPTS
|
||||
================================================================================
|
||||
@@ -6,6 +6,7 @@ const withNextIntl = createNextIntlPlugin('./src/i18n/request.ts');
|
||||
|
||||
const nextConfig: NextConfig = {
|
||||
output: 'standalone',
|
||||
outputFileTracingRoot: process.cwd(),
|
||||
|
||||
// Enable React strict mode for better error detection
|
||||
reactStrictMode: true,
|
||||
|
||||
Generated
+68
-33
@@ -595,19 +595,28 @@ packages:
|
||||
'@jridgewell/gen-mapping@0.3.12':
|
||||
resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
|
||||
|
||||
'@jridgewell/gen-mapping@0.3.13':
|
||||
resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
|
||||
|
||||
'@jridgewell/resolve-uri@3.1.2':
|
||||
resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
|
||||
engines: {node: '>=6.0.0'}
|
||||
|
||||
'@jridgewell/source-map@0.3.10':
|
||||
resolution: {integrity: sha512-0pPkgz9dY+bijgistcTTJ5mR+ocqRXLuhXHYdzoMmmoJ2C9S46RCm2GMUbatPEUK9Yjy26IrAy8D/M00lLkv+Q==}
|
||||
'@jridgewell/source-map@0.3.11':
|
||||
resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
|
||||
|
||||
'@jridgewell/sourcemap-codec@1.5.4':
|
||||
resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
|
||||
|
||||
'@jridgewell/sourcemap-codec@1.5.5':
|
||||
resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
|
||||
|
||||
'@jridgewell/trace-mapping@0.3.29':
|
||||
resolution: {integrity: sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==}
|
||||
|
||||
'@jridgewell/trace-mapping@0.3.31':
|
||||
resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
|
||||
|
||||
'@mdx-js/loader@3.1.0':
|
||||
resolution: {integrity: sha512-xU/lwKdOyfXtQGqn3VnJjlDrmKXEvMi1mgYxVmukEUtVycIz1nh7oQ40bKTd4cA7rLStqu0740pnhGYxGoqsCg==}
|
||||
peerDependencies:
|
||||
@@ -925,8 +934,8 @@ packages:
|
||||
peerDependencies:
|
||||
'@opentelemetry/api': ^1.8
|
||||
|
||||
'@puppeteer/browsers@2.11.1':
|
||||
resolution: {integrity: sha512-YmhAxs7XPuxN0j7LJloHpfD1ylhDuFmmwMvfy/+6nBSrETT2ycL53LrhgPtR+f+GcPSybQVuQ5inWWu5MrWCpA==}
|
||||
'@puppeteer/browsers@2.11.2':
|
||||
resolution: {integrity: sha512-GBY0+2lI9fDrjgb5dFL9+enKXqyOPok9PXg/69NVkjW3bikbK9RQrNrI3qccQXmDNN7ln4j/yL89Qgvj/tfqrw==}
|
||||
engines: {node: '>=18'}
|
||||
hasBin: true
|
||||
|
||||
@@ -1587,8 +1596,8 @@ packages:
|
||||
bare-abort-controller:
|
||||
optional: true
|
||||
|
||||
bare-fs@4.5.2:
|
||||
resolution: {integrity: sha512-veTnRzkb6aPHOvSKIOy60KzURfBdUflr5VReI+NSaPL6xf+XLdONQgZgpYvUuZLVQ8dCqxpBAudaOM1+KpAUxw==}
|
||||
bare-fs@4.5.3:
|
||||
resolution: {integrity: sha512-9+kwVx8QYvt3hPWnmb19tPnh38c6Nihz8Lx3t0g9+4GoIf3/fTgYwM4Z6NxgI+B9elLQA7mLE9PpqcWtOMRDiQ==}
|
||||
engines: {bare: '>=1.16.0'}
|
||||
peerDependencies:
|
||||
bare-buffer: '*'
|
||||
@@ -1676,8 +1685,8 @@ packages:
|
||||
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
|
||||
engines: {node: '>= 6'}
|
||||
|
||||
caniuse-lite@1.0.30001731:
|
||||
resolution: {integrity: sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==}
|
||||
caniuse-lite@1.0.30001766:
|
||||
resolution: {integrity: sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==}
|
||||
|
||||
ccount@2.0.1:
|
||||
resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
|
||||
@@ -3467,8 +3476,8 @@ packages:
|
||||
resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
|
||||
engines: {node: '>=6'}
|
||||
|
||||
puppeteer-core@24.36.0:
|
||||
resolution: {integrity: sha512-P3Ou0MAFDCQ0dK1d9F9+8jTrg6JvXjUacgG0YkJQP4kbEnUOGokSDEMmMId5ZhXD5HwsHM202E9VwEpEjWfwxg==}
|
||||
puppeteer-core@24.36.1:
|
||||
resolution: {integrity: sha512-L7ykMWc3lQf3HS7ME3PSjp7wMIjJeW6+bKfH/RSTz5l6VUDGubnrC2BKj3UvM28Y5PMDFW0xniJOZHBZPpW1dQ==}
|
||||
engines: {node: '>=18'}
|
||||
|
||||
querystringify@2.2.0:
|
||||
@@ -3579,6 +3588,11 @@ packages:
|
||||
engines: {node: '>= 0.4'}
|
||||
hasBin: true
|
||||
|
||||
resolve@1.22.11:
|
||||
resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
hasBin: true
|
||||
|
||||
resolve@2.0.0-next.5:
|
||||
resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
|
||||
hasBin: true
|
||||
@@ -3923,11 +3937,11 @@ packages:
|
||||
resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
|
||||
engines: {node: '>=14.0.0'}
|
||||
|
||||
tldts-core@7.0.19:
|
||||
resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
|
||||
tldts-core@7.0.21:
|
||||
resolution: {integrity: sha512-oVOMdHvgjqyzUZH1rOESgJP1uNe2bVrfK0jUHHmiM2rpEiRbf3j4BrsIc6JigJRbHGanQwuZv/R+LTcHsw+bLA==}
|
||||
|
||||
tldts-icann@7.0.19:
|
||||
resolution: {integrity: sha512-PZgda8E2cXMNa7QlBbiZh3vcS8UaPTDRIBmcGPDlujSMtQLrzjvikeJxzQSqWxn3muaMJ7BsC+aL464Yl2I6cA==}
|
||||
tldts-icann@7.0.21:
|
||||
resolution: {integrity: sha512-cO9tYYUAz1LJ3NV22UdQSCvfVPvUDhNyvyS3UgPUuj3e//TgUOqqo7xnp2z/KI4PmfoBIITKxxL5vLSqneZndg==}
|
||||
|
||||
to-regex-range@5.0.1:
|
||||
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
|
||||
@@ -4662,21 +4676,36 @@ snapshots:
|
||||
'@jridgewell/sourcemap-codec': 1.5.4
|
||||
'@jridgewell/trace-mapping': 0.3.29
|
||||
|
||||
'@jridgewell/gen-mapping@0.3.13':
|
||||
dependencies:
|
||||
'@jridgewell/sourcemap-codec': 1.5.5
|
||||
'@jridgewell/trace-mapping': 0.3.31
|
||||
optional: true
|
||||
|
||||
'@jridgewell/resolve-uri@3.1.2': {}
|
||||
|
||||
'@jridgewell/source-map@0.3.10':
|
||||
'@jridgewell/source-map@0.3.11':
|
||||
dependencies:
|
||||
'@jridgewell/gen-mapping': 0.3.12
|
||||
'@jridgewell/trace-mapping': 0.3.29
|
||||
'@jridgewell/gen-mapping': 0.3.13
|
||||
'@jridgewell/trace-mapping': 0.3.31
|
||||
optional: true
|
||||
|
||||
'@jridgewell/sourcemap-codec@1.5.4': {}
|
||||
|
||||
'@jridgewell/sourcemap-codec@1.5.5':
|
||||
optional: true
|
||||
|
||||
'@jridgewell/trace-mapping@0.3.29':
|
||||
dependencies:
|
||||
'@jridgewell/resolve-uri': 3.1.2
|
||||
'@jridgewell/sourcemap-codec': 1.5.4
|
||||
|
||||
'@jridgewell/trace-mapping@0.3.31':
|
||||
dependencies:
|
||||
'@jridgewell/resolve-uri': 3.1.2
|
||||
'@jridgewell/sourcemap-codec': 1.5.5
|
||||
optional: true
|
||||
|
||||
'@mdx-js/loader@3.1.0(acorn@8.15.0)':
|
||||
dependencies:
|
||||
'@mdx-js/mdx': 3.1.0(acorn@8.15.0)
|
||||
@@ -5047,7 +5076,7 @@ snapshots:
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
'@puppeteer/browsers@2.11.1':
|
||||
'@puppeteer/browsers@2.11.2':
|
||||
dependencies:
|
||||
debug: 4.4.3
|
||||
extract-zip: 2.0.1
|
||||
@@ -5741,7 +5770,7 @@ snapshots:
|
||||
autoprefixer@10.4.21(postcss@8.5.6):
|
||||
dependencies:
|
||||
browserslist: 4.25.1
|
||||
caniuse-lite: 1.0.30001731
|
||||
caniuse-lite: 1.0.30001766
|
||||
fraction.js: 4.3.7
|
||||
normalize-range: 0.1.2
|
||||
picocolors: 1.1.1
|
||||
@@ -5764,7 +5793,7 @@ snapshots:
|
||||
|
||||
bare-events@2.8.2: {}
|
||||
|
||||
bare-fs@4.5.2:
|
||||
bare-fs@4.5.3:
|
||||
dependencies:
|
||||
bare-events: 2.8.2
|
||||
bare-path: 3.0.0
|
||||
@@ -5824,7 +5853,7 @@ snapshots:
|
||||
|
||||
browserslist@4.25.1:
|
||||
dependencies:
|
||||
caniuse-lite: 1.0.30001731
|
||||
caniuse-lite: 1.0.30001766
|
||||
electron-to-chromium: 1.5.194
|
||||
node-releases: 2.0.19
|
||||
update-browserslist-db: 1.1.3(browserslist@4.25.1)
|
||||
@@ -5857,7 +5886,7 @@ snapshots:
|
||||
|
||||
camelcase-css@2.0.1: {}
|
||||
|
||||
caniuse-lite@1.0.30001731: {}
|
||||
caniuse-lite@1.0.30001766: {}
|
||||
|
||||
ccount@2.0.1: {}
|
||||
|
||||
@@ -7358,11 +7387,11 @@ snapshots:
|
||||
lodash-es: 4.17.23
|
||||
lookup-closest-locale: 6.2.0
|
||||
open: 8.4.2
|
||||
puppeteer-core: 24.36.0
|
||||
puppeteer-core: 24.36.1
|
||||
robots-parser: 3.0.1
|
||||
speedline-core: 1.4.3
|
||||
third-party-web: 0.27.0
|
||||
tldts-icann: 7.0.19
|
||||
tldts-icann: 7.0.21
|
||||
ws: 7.5.10
|
||||
yargs: 17.7.2
|
||||
yargs-parser: 21.1.1
|
||||
@@ -7838,7 +7867,7 @@ snapshots:
|
||||
dependencies:
|
||||
'@next/env': 15.5.9
|
||||
'@swc/helpers': 0.5.15
|
||||
caniuse-lite: 1.0.30001731
|
||||
caniuse-lite: 1.0.30001766
|
||||
postcss: 8.4.31
|
||||
react: 19.2.3
|
||||
react-dom: 19.2.3(react@19.2.3)
|
||||
@@ -8226,9 +8255,9 @@ snapshots:
|
||||
|
||||
punycode@2.3.1: {}
|
||||
|
||||
puppeteer-core@24.36.0:
|
||||
puppeteer-core@24.36.1:
|
||||
dependencies:
|
||||
'@puppeteer/browsers': 2.11.1
|
||||
'@puppeteer/browsers': 2.11.2
|
||||
chromium-bidi: 13.0.1(devtools-protocol@0.0.1551306)
|
||||
debug: 4.4.3
|
||||
devtools-protocol: 0.0.1551306
|
||||
@@ -8370,7 +8399,7 @@ snapshots:
|
||||
dependencies:
|
||||
debug: 4.4.3
|
||||
module-details-from-path: 1.0.4
|
||||
resolve: 1.22.10
|
||||
resolve: 1.22.11
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
@@ -8386,6 +8415,12 @@ snapshots:
|
||||
path-parse: 1.0.7
|
||||
supports-preserve-symlinks-flag: 1.0.0
|
||||
|
||||
resolve@1.22.11:
|
||||
dependencies:
|
||||
is-core-module: 2.16.1
|
||||
path-parse: 1.0.7
|
||||
supports-preserve-symlinks-flag: 1.0.0
|
||||
|
||||
resolve@2.0.0-next.5:
|
||||
dependencies:
|
||||
is-core-module: 2.16.1
|
||||
@@ -8791,7 +8826,7 @@ snapshots:
|
||||
pump: 3.0.3
|
||||
tar-stream: 3.1.7
|
||||
optionalDependencies:
|
||||
bare-fs: 4.5.2
|
||||
bare-fs: 4.5.3
|
||||
bare-path: 3.0.0
|
||||
transitivePeerDependencies:
|
||||
- bare-abort-controller
|
||||
@@ -8809,7 +8844,7 @@ snapshots:
|
||||
|
||||
terser@5.43.1:
|
||||
dependencies:
|
||||
'@jridgewell/source-map': 0.3.10
|
||||
'@jridgewell/source-map': 0.3.11
|
||||
acorn: 8.15.0
|
||||
commander: 2.20.3
|
||||
source-map-support: 0.5.21
|
||||
@@ -8850,11 +8885,11 @@ snapshots:
|
||||
|
||||
tinyspy@2.2.1: {}
|
||||
|
||||
tldts-core@7.0.19: {}
|
||||
tldts-core@7.0.21: {}
|
||||
|
||||
tldts-icann@7.0.19:
|
||||
tldts-icann@7.0.21:
|
||||
dependencies:
|
||||
tldts-core: 7.0.19
|
||||
tldts-core: 7.0.21
|
||||
|
||||
to-regex-range@5.0.1:
|
||||
dependencies:
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
||||
<rect width="32" height="32" rx="6" fill="#0a0a0a"/>
|
||||
<text x="16" y="22" font-family="system-ui, sans-serif" font-size="14" font-weight="600" fill="#ffffff" text-anchor="middle">DS</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 260 B |
@@ -33,9 +33,7 @@ export function ContactInfo() {
|
||||
|
||||
<Link
|
||||
href={`/${locale}/contact`}
|
||||
className="flex items-center justify-between mt-6 px-4 py-2 bg-zinc-800/50
|
||||
hover:bg-zinc-800 rounded-full text-sm text-zinc-400 hover:text-white
|
||||
transition-all duration-200 group border border-zinc-800 hover:border-zinc-700"
|
||||
className="flex items-center justify-between mt-6 px-4 py-2 bg-zinc-800/50 hover:bg-zinc-800 rounded-full text-sm text-zinc-400 hover:text-white transition-all duration-200 group border border-zinc-800 hover:border-zinc-700"
|
||||
>
|
||||
<span className="tracking-wide">Kontakt aufnehmen</span>
|
||||
<ArrowRight className="h-4 w-4 transform group-hover:translate-x-1 transition-transform duration-200" />
|
||||
|
||||
+10
-3
@@ -1,7 +1,11 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2017",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"lib": [
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"esnext"
|
||||
],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
@@ -19,14 +23,17 @@
|
||||
}
|
||||
],
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
"@/*": [
|
||||
"./src/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"next-env.d.ts",
|
||||
"**/*.ts",
|
||||
"**/*.tsx",
|
||||
".next/types/**/*.ts"
|
||||
".next/types/**/*.ts",
|
||||
".next/dev/types/**/*.ts"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
|
||||
Reference in New Issue
Block a user