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 = {
|
const nextConfig: NextConfig = {
|
||||||
output: 'standalone',
|
output: 'standalone',
|
||||||
|
outputFileTracingRoot: process.cwd(),
|
||||||
|
|
||||||
// Enable React strict mode for better error detection
|
// Enable React strict mode for better error detection
|
||||||
reactStrictMode: true,
|
reactStrictMode: true,
|
||||||
|
|||||||
Generated
+68
-33
@@ -595,19 +595,28 @@ packages:
|
|||||||
'@jridgewell/gen-mapping@0.3.12':
|
'@jridgewell/gen-mapping@0.3.12':
|
||||||
resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
|
resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
|
||||||
|
|
||||||
|
'@jridgewell/gen-mapping@0.3.13':
|
||||||
|
resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
|
||||||
|
|
||||||
'@jridgewell/resolve-uri@3.1.2':
|
'@jridgewell/resolve-uri@3.1.2':
|
||||||
resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
|
resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
|
||||||
engines: {node: '>=6.0.0'}
|
engines: {node: '>=6.0.0'}
|
||||||
|
|
||||||
'@jridgewell/source-map@0.3.10':
|
'@jridgewell/source-map@0.3.11':
|
||||||
resolution: {integrity: sha512-0pPkgz9dY+bijgistcTTJ5mR+ocqRXLuhXHYdzoMmmoJ2C9S46RCm2GMUbatPEUK9Yjy26IrAy8D/M00lLkv+Q==}
|
resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
|
||||||
|
|
||||||
'@jridgewell/sourcemap-codec@1.5.4':
|
'@jridgewell/sourcemap-codec@1.5.4':
|
||||||
resolution: {integrity: sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==}
|
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':
|
'@jridgewell/trace-mapping@0.3.29':
|
||||||
resolution: {integrity: sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==}
|
resolution: {integrity: sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==}
|
||||||
|
|
||||||
|
'@jridgewell/trace-mapping@0.3.31':
|
||||||
|
resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
|
||||||
|
|
||||||
'@mdx-js/loader@3.1.0':
|
'@mdx-js/loader@3.1.0':
|
||||||
resolution: {integrity: sha512-xU/lwKdOyfXtQGqn3VnJjlDrmKXEvMi1mgYxVmukEUtVycIz1nh7oQ40bKTd4cA7rLStqu0740pnhGYxGoqsCg==}
|
resolution: {integrity: sha512-xU/lwKdOyfXtQGqn3VnJjlDrmKXEvMi1mgYxVmukEUtVycIz1nh7oQ40bKTd4cA7rLStqu0740pnhGYxGoqsCg==}
|
||||||
peerDependencies:
|
peerDependencies:
|
||||||
@@ -925,8 +934,8 @@ packages:
|
|||||||
peerDependencies:
|
peerDependencies:
|
||||||
'@opentelemetry/api': ^1.8
|
'@opentelemetry/api': ^1.8
|
||||||
|
|
||||||
'@puppeteer/browsers@2.11.1':
|
'@puppeteer/browsers@2.11.2':
|
||||||
resolution: {integrity: sha512-YmhAxs7XPuxN0j7LJloHpfD1ylhDuFmmwMvfy/+6nBSrETT2ycL53LrhgPtR+f+GcPSybQVuQ5inWWu5MrWCpA==}
|
resolution: {integrity: sha512-GBY0+2lI9fDrjgb5dFL9+enKXqyOPok9PXg/69NVkjW3bikbK9RQrNrI3qccQXmDNN7ln4j/yL89Qgvj/tfqrw==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
@@ -1587,8 +1596,8 @@ packages:
|
|||||||
bare-abort-controller:
|
bare-abort-controller:
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
bare-fs@4.5.2:
|
bare-fs@4.5.3:
|
||||||
resolution: {integrity: sha512-veTnRzkb6aPHOvSKIOy60KzURfBdUflr5VReI+NSaPL6xf+XLdONQgZgpYvUuZLVQ8dCqxpBAudaOM1+KpAUxw==}
|
resolution: {integrity: sha512-9+kwVx8QYvt3hPWnmb19tPnh38c6Nihz8Lx3t0g9+4GoIf3/fTgYwM4Z6NxgI+B9elLQA7mLE9PpqcWtOMRDiQ==}
|
||||||
engines: {bare: '>=1.16.0'}
|
engines: {bare: '>=1.16.0'}
|
||||||
peerDependencies:
|
peerDependencies:
|
||||||
bare-buffer: '*'
|
bare-buffer: '*'
|
||||||
@@ -1676,8 +1685,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
|
resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
|
||||||
engines: {node: '>= 6'}
|
engines: {node: '>= 6'}
|
||||||
|
|
||||||
caniuse-lite@1.0.30001731:
|
caniuse-lite@1.0.30001766:
|
||||||
resolution: {integrity: sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==}
|
resolution: {integrity: sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==}
|
||||||
|
|
||||||
ccount@2.0.1:
|
ccount@2.0.1:
|
||||||
resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
|
resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
|
||||||
@@ -3467,8 +3476,8 @@ packages:
|
|||||||
resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
|
resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
|
||||||
engines: {node: '>=6'}
|
engines: {node: '>=6'}
|
||||||
|
|
||||||
puppeteer-core@24.36.0:
|
puppeteer-core@24.36.1:
|
||||||
resolution: {integrity: sha512-P3Ou0MAFDCQ0dK1d9F9+8jTrg6JvXjUacgG0YkJQP4kbEnUOGokSDEMmMId5ZhXD5HwsHM202E9VwEpEjWfwxg==}
|
resolution: {integrity: sha512-L7ykMWc3lQf3HS7ME3PSjp7wMIjJeW6+bKfH/RSTz5l6VUDGubnrC2BKj3UvM28Y5PMDFW0xniJOZHBZPpW1dQ==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
|
|
||||||
querystringify@2.2.0:
|
querystringify@2.2.0:
|
||||||
@@ -3579,6 +3588,11 @@ packages:
|
|||||||
engines: {node: '>= 0.4'}
|
engines: {node: '>= 0.4'}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
|
|
||||||
|
resolve@1.22.11:
|
||||||
|
resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
|
||||||
|
engines: {node: '>= 0.4'}
|
||||||
|
hasBin: true
|
||||||
|
|
||||||
resolve@2.0.0-next.5:
|
resolve@2.0.0-next.5:
|
||||||
resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
|
resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
|
||||||
hasBin: true
|
hasBin: true
|
||||||
@@ -3923,11 +3937,11 @@ packages:
|
|||||||
resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
|
resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
|
||||||
engines: {node: '>=14.0.0'}
|
engines: {node: '>=14.0.0'}
|
||||||
|
|
||||||
tldts-core@7.0.19:
|
tldts-core@7.0.21:
|
||||||
resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
|
resolution: {integrity: sha512-oVOMdHvgjqyzUZH1rOESgJP1uNe2bVrfK0jUHHmiM2rpEiRbf3j4BrsIc6JigJRbHGanQwuZv/R+LTcHsw+bLA==}
|
||||||
|
|
||||||
tldts-icann@7.0.19:
|
tldts-icann@7.0.21:
|
||||||
resolution: {integrity: sha512-PZgda8E2cXMNa7QlBbiZh3vcS8UaPTDRIBmcGPDlujSMtQLrzjvikeJxzQSqWxn3muaMJ7BsC+aL464Yl2I6cA==}
|
resolution: {integrity: sha512-cO9tYYUAz1LJ3NV22UdQSCvfVPvUDhNyvyS3UgPUuj3e//TgUOqqo7xnp2z/KI4PmfoBIITKxxL5vLSqneZndg==}
|
||||||
|
|
||||||
to-regex-range@5.0.1:
|
to-regex-range@5.0.1:
|
||||||
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
|
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
|
||||||
@@ -4662,21 +4676,36 @@ snapshots:
|
|||||||
'@jridgewell/sourcemap-codec': 1.5.4
|
'@jridgewell/sourcemap-codec': 1.5.4
|
||||||
'@jridgewell/trace-mapping': 0.3.29
|
'@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/resolve-uri@3.1.2': {}
|
||||||
|
|
||||||
'@jridgewell/source-map@0.3.10':
|
'@jridgewell/source-map@0.3.11':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@jridgewell/gen-mapping': 0.3.12
|
'@jridgewell/gen-mapping': 0.3.13
|
||||||
'@jridgewell/trace-mapping': 0.3.29
|
'@jridgewell/trace-mapping': 0.3.31
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
'@jridgewell/sourcemap-codec@1.5.4': {}
|
'@jridgewell/sourcemap-codec@1.5.4': {}
|
||||||
|
|
||||||
|
'@jridgewell/sourcemap-codec@1.5.5':
|
||||||
|
optional: true
|
||||||
|
|
||||||
'@jridgewell/trace-mapping@0.3.29':
|
'@jridgewell/trace-mapping@0.3.29':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@jridgewell/resolve-uri': 3.1.2
|
'@jridgewell/resolve-uri': 3.1.2
|
||||||
'@jridgewell/sourcemap-codec': 1.5.4
|
'@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)':
|
'@mdx-js/loader@3.1.0(acorn@8.15.0)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@mdx-js/mdx': 3.1.0(acorn@8.15.0)
|
'@mdx-js/mdx': 3.1.0(acorn@8.15.0)
|
||||||
@@ -5047,7 +5076,7 @@ snapshots:
|
|||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
'@puppeteer/browsers@2.11.1':
|
'@puppeteer/browsers@2.11.2':
|
||||||
dependencies:
|
dependencies:
|
||||||
debug: 4.4.3
|
debug: 4.4.3
|
||||||
extract-zip: 2.0.1
|
extract-zip: 2.0.1
|
||||||
@@ -5741,7 +5770,7 @@ snapshots:
|
|||||||
autoprefixer@10.4.21(postcss@8.5.6):
|
autoprefixer@10.4.21(postcss@8.5.6):
|
||||||
dependencies:
|
dependencies:
|
||||||
browserslist: 4.25.1
|
browserslist: 4.25.1
|
||||||
caniuse-lite: 1.0.30001731
|
caniuse-lite: 1.0.30001766
|
||||||
fraction.js: 4.3.7
|
fraction.js: 4.3.7
|
||||||
normalize-range: 0.1.2
|
normalize-range: 0.1.2
|
||||||
picocolors: 1.1.1
|
picocolors: 1.1.1
|
||||||
@@ -5764,7 +5793,7 @@ snapshots:
|
|||||||
|
|
||||||
bare-events@2.8.2: {}
|
bare-events@2.8.2: {}
|
||||||
|
|
||||||
bare-fs@4.5.2:
|
bare-fs@4.5.3:
|
||||||
dependencies:
|
dependencies:
|
||||||
bare-events: 2.8.2
|
bare-events: 2.8.2
|
||||||
bare-path: 3.0.0
|
bare-path: 3.0.0
|
||||||
@@ -5824,7 +5853,7 @@ snapshots:
|
|||||||
|
|
||||||
browserslist@4.25.1:
|
browserslist@4.25.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
caniuse-lite: 1.0.30001731
|
caniuse-lite: 1.0.30001766
|
||||||
electron-to-chromium: 1.5.194
|
electron-to-chromium: 1.5.194
|
||||||
node-releases: 2.0.19
|
node-releases: 2.0.19
|
||||||
update-browserslist-db: 1.1.3(browserslist@4.25.1)
|
update-browserslist-db: 1.1.3(browserslist@4.25.1)
|
||||||
@@ -5857,7 +5886,7 @@ snapshots:
|
|||||||
|
|
||||||
camelcase-css@2.0.1: {}
|
camelcase-css@2.0.1: {}
|
||||||
|
|
||||||
caniuse-lite@1.0.30001731: {}
|
caniuse-lite@1.0.30001766: {}
|
||||||
|
|
||||||
ccount@2.0.1: {}
|
ccount@2.0.1: {}
|
||||||
|
|
||||||
@@ -7358,11 +7387,11 @@ snapshots:
|
|||||||
lodash-es: 4.17.23
|
lodash-es: 4.17.23
|
||||||
lookup-closest-locale: 6.2.0
|
lookup-closest-locale: 6.2.0
|
||||||
open: 8.4.2
|
open: 8.4.2
|
||||||
puppeteer-core: 24.36.0
|
puppeteer-core: 24.36.1
|
||||||
robots-parser: 3.0.1
|
robots-parser: 3.0.1
|
||||||
speedline-core: 1.4.3
|
speedline-core: 1.4.3
|
||||||
third-party-web: 0.27.0
|
third-party-web: 0.27.0
|
||||||
tldts-icann: 7.0.19
|
tldts-icann: 7.0.21
|
||||||
ws: 7.5.10
|
ws: 7.5.10
|
||||||
yargs: 17.7.2
|
yargs: 17.7.2
|
||||||
yargs-parser: 21.1.1
|
yargs-parser: 21.1.1
|
||||||
@@ -7838,7 +7867,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
'@next/env': 15.5.9
|
'@next/env': 15.5.9
|
||||||
'@swc/helpers': 0.5.15
|
'@swc/helpers': 0.5.15
|
||||||
caniuse-lite: 1.0.30001731
|
caniuse-lite: 1.0.30001766
|
||||||
postcss: 8.4.31
|
postcss: 8.4.31
|
||||||
react: 19.2.3
|
react: 19.2.3
|
||||||
react-dom: 19.2.3(react@19.2.3)
|
react-dom: 19.2.3(react@19.2.3)
|
||||||
@@ -8226,9 +8255,9 @@ snapshots:
|
|||||||
|
|
||||||
punycode@2.3.1: {}
|
punycode@2.3.1: {}
|
||||||
|
|
||||||
puppeteer-core@24.36.0:
|
puppeteer-core@24.36.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@puppeteer/browsers': 2.11.1
|
'@puppeteer/browsers': 2.11.2
|
||||||
chromium-bidi: 13.0.1(devtools-protocol@0.0.1551306)
|
chromium-bidi: 13.0.1(devtools-protocol@0.0.1551306)
|
||||||
debug: 4.4.3
|
debug: 4.4.3
|
||||||
devtools-protocol: 0.0.1551306
|
devtools-protocol: 0.0.1551306
|
||||||
@@ -8370,7 +8399,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
debug: 4.4.3
|
debug: 4.4.3
|
||||||
module-details-from-path: 1.0.4
|
module-details-from-path: 1.0.4
|
||||||
resolve: 1.22.10
|
resolve: 1.22.11
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- supports-color
|
- supports-color
|
||||||
|
|
||||||
@@ -8386,6 +8415,12 @@ snapshots:
|
|||||||
path-parse: 1.0.7
|
path-parse: 1.0.7
|
||||||
supports-preserve-symlinks-flag: 1.0.0
|
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:
|
resolve@2.0.0-next.5:
|
||||||
dependencies:
|
dependencies:
|
||||||
is-core-module: 2.16.1
|
is-core-module: 2.16.1
|
||||||
@@ -8791,7 +8826,7 @@ snapshots:
|
|||||||
pump: 3.0.3
|
pump: 3.0.3
|
||||||
tar-stream: 3.1.7
|
tar-stream: 3.1.7
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
bare-fs: 4.5.2
|
bare-fs: 4.5.3
|
||||||
bare-path: 3.0.0
|
bare-path: 3.0.0
|
||||||
transitivePeerDependencies:
|
transitivePeerDependencies:
|
||||||
- bare-abort-controller
|
- bare-abort-controller
|
||||||
@@ -8809,7 +8844,7 @@ snapshots:
|
|||||||
|
|
||||||
terser@5.43.1:
|
terser@5.43.1:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@jridgewell/source-map': 0.3.10
|
'@jridgewell/source-map': 0.3.11
|
||||||
acorn: 8.15.0
|
acorn: 8.15.0
|
||||||
commander: 2.20.3
|
commander: 2.20.3
|
||||||
source-map-support: 0.5.21
|
source-map-support: 0.5.21
|
||||||
@@ -8850,11 +8885,11 @@ snapshots:
|
|||||||
|
|
||||||
tinyspy@2.2.1: {}
|
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:
|
dependencies:
|
||||||
tldts-core: 7.0.19
|
tldts-core: 7.0.21
|
||||||
|
|
||||||
to-regex-range@5.0.1:
|
to-regex-range@5.0.1:
|
||||||
dependencies:
|
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
|
<Link
|
||||||
href={`/${locale}/contact`}
|
href={`/${locale}/contact`}
|
||||||
className="flex items-center justify-between mt-6 px-4 py-2 bg-zinc-800/50
|
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"
|
||||||
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>
|
<span className="tracking-wide">Kontakt aufnehmen</span>
|
||||||
<ArrowRight className="h-4 w-4 transform group-hover:translate-x-1 transition-transform duration-200" />
|
<ArrowRight className="h-4 w-4 transform group-hover:translate-x-1 transition-transform duration-200" />
|
||||||
|
|||||||
+10
-3
@@ -1,7 +1,11 @@
|
|||||||
{
|
{
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "ES2017",
|
"target": "ES2017",
|
||||||
"lib": ["dom", "dom.iterable", "esnext"],
|
"lib": [
|
||||||
|
"dom",
|
||||||
|
"dom.iterable",
|
||||||
|
"esnext"
|
||||||
|
],
|
||||||
"allowJs": true,
|
"allowJs": true,
|
||||||
"skipLibCheck": true,
|
"skipLibCheck": true,
|
||||||
"strict": true,
|
"strict": true,
|
||||||
@@ -19,14 +23,17 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"paths": {
|
"paths": {
|
||||||
"@/*": ["./src/*"]
|
"@/*": [
|
||||||
|
"./src/*"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"include": [
|
"include": [
|
||||||
"next-env.d.ts",
|
"next-env.d.ts",
|
||||||
"**/*.ts",
|
"**/*.ts",
|
||||||
"**/*.tsx",
|
"**/*.tsx",
|
||||||
".next/types/**/*.ts"
|
".next/types/**/*.ts",
|
||||||
|
".next/dev/types/**/*.ts"
|
||||||
],
|
],
|
||||||
"exclude": [
|
"exclude": [
|
||||||
"node_modules",
|
"node_modules",
|
||||||
|
|||||||
Reference in New Issue
Block a user