98:I[903690,["/chat-static/_next/static/immutable/chunks/31n61ghs8rmv5.js","/chat-static/_next/static/immutable/chunks/1y2bsbsbyxhrd.js","/chat-static/_next/static/immutable/chunks/2w32a37kj0mcq.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/0iy9i8p65rpg9.js","/chat-static/_next/static/immutable/chunks/1u50wn2kbi6gm.js","/chat-static/_next/static/immutable/chunks/0sxli_t5tjx17.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/3my68vmtl-_et.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/3jcppue8tkzp-.js","/chat-static/_next/static/immutable/chunks/2pqzsqlo20uhj.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/0xwxfsyge6ajq.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/0_0cjja_qg_5n.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gdd26lvq120i.js","/chat-static/_next/static/immutable/chunks/286-_7hvrlp96.js","/chat-static/_next/static/immutable/chunks/296p94gz62u7b.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/2n2cl3ur75prf.js","/chat-static/_next/static/immutable/chunks/1r05hdbmn7x54.js","/chat-static/_next/static/immutable/chunks/3onxldbrh6ob_.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/2_j51em_sdudl.js","/chat-static/_next/static/immutable/chunks/37c02pbgwkg5r.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/3mtz53r39-sdj.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/3iwjjn69p6vc6.js","/chat-static/_next/static/immutable/chunks/2k0t6m9hg03ay.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"ExplicitChatIdProvider"] 99:I[838238,["/chat-static/_next/static/immutable/chunks/31n61ghs8rmv5.js","/chat-static/_next/static/immutable/chunks/1y2bsbsbyxhrd.js","/chat-static/_next/static/immutable/chunks/2w32a37kj0mcq.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/0iy9i8p65rpg9.js","/chat-static/_next/static/immutable/chunks/1u50wn2kbi6gm.js","/chat-static/_next/static/immutable/chunks/0sxli_t5tjx17.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/3my68vmtl-_et.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/3jcppue8tkzp-.js","/chat-static/_next/static/immutable/chunks/2pqzsqlo20uhj.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/0xwxfsyge6ajq.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/0_0cjja_qg_5n.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gdd26lvq120i.js","/chat-static/_next/static/immutable/chunks/286-_7hvrlp96.js","/chat-static/_next/static/immutable/chunks/296p94gz62u7b.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/2n2cl3ur75prf.js","/chat-static/_next/static/immutable/chunks/1r05hdbmn7x54.js","/chat-static/_next/static/immutable/chunks/3onxldbrh6ob_.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/2_j51em_sdudl.js","/chat-static/_next/static/immutable/chunks/37c02pbgwkg5r.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/3mtz53r39-sdj.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/3iwjjn69p6vc6.js","/chat-static/_next/static/immutable/chunks/2k0t6m9hg03ay.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"SWRDataProvider"] 9b:[] 9c:[["b_NJ0YAfqXRAm",null],["b_ptukEEhQXBP",null],["b_NsiGm6zDqiF",null],["b_eFDCz3KAUOO",null]] 9d:[["b_NJ0YAfqXRAm",{"templateVersionId":null,"templateCanonId":null}],["b_ptukEEhQXBP",{"templateVersionId":null,"templateCanonId":null}],["b_NsiGm6zDqiF",{"templateVersionId":null,"templateCanonId":null}],["b_eFDCz3KAUOO",{"templateVersionId":null,"templateCanonId":null}]] 9e:[["b_HC4zhucmvXT","$D2025-10-14T20:34:10.419Z"],["b_Kry3L3kiINM","$D2025-10-14T20:36:46.549Z"],["b_SXINjIYVXWa","$D2025-10-14T20:41:29.492Z"],["b_SA9bzPFTjIe","$D2025-10-14T20:51:39.975Z"],["b_MeIBzRI5U8j","$D2025-10-14T20:56:41.204Z"],["b_H8DhaoPg3uy","$D2025-10-14T21:08:37.871Z"],["b_sjJmvLmxQwi","$D2025-10-14T21:11:11.792Z"],["b_YpEYKF8ULt1","$D2025-10-14T21:18:22.355Z"],["b_qWmrHYS2dwB","$D2025-10-14T21:30:34.231Z"],["b_x0DNQKM8Ez1","$D2025-10-14T21:33:01.282Z"],["b_IL703T0AdkU","$D2025-10-14T21:40:21.410Z"],["b_DQY5y2bnG1J","$D2025-10-14T21:49:46.274Z"],["b_iO3B8aaCWaB","$D2025-10-14T21:52:15.657Z"],["b_Dc63mrPNWkL","$D2025-10-14T21:54:14.519Z"],["b_A4DUFlGsOFj","$D2025-10-14T21:58:32.447Z"],["b_rM17ccF2BLt","$D2025-10-14T22:04:37.783Z"],["b_tI0RiTtQynr","$D2025-10-14T22:08:09.173Z"],["b_QlaP57znsAz","$D2025-10-14T22:10:34.023Z"],["b_8DOePq9GBfs","$D2025-10-14T22:13:26.112Z"],["b_4ayHLDl4AyO","$D2025-10-14T22:15:53.426Z"],["b_oXnhuv5xYva","$D2025-10-14T22:16:31.490Z"],["b_oKcXzrt2PIm","$D2025-10-14T22:17:37.961Z"],["b_eN7z8eC0Jhv","$D2025-10-14T22:20:37.113Z"],["b_noPvXoWhmlo","$D2025-10-14T22:20:51.072Z"],["b_zQ8SKpvYdW3","$D2025-10-14T22:22:32.610Z"],["b_Q4t0UuuDyQ6","$D2025-10-14T22:25:09.848Z"],["b_YkwTVaFWt0F","$D2025-10-14T22:59:52.089Z"],["b_2bZhkqWRGSo","$D2025-10-14T23:00:35.709Z"],["b_nP5RNt7cRRO","$D2025-10-14T23:00:49.349Z"],["b_d8beHOCuWiD","$D2025-10-14T23:03:25.080Z"],["b_eGLTKzvLSIt","$D2025-10-14T23:03:30.717Z"],["b_eNaYzMbykXi","$D2025-10-14T23:07:53.964Z"],["b_q3xQfQkne6Q","$D2025-10-16T23:26:25.175Z"],["b_sL0J1NaiUkx","$D2025-10-16T23:28:19.879Z"],["b_u5rr3dXvtan","$D2025-10-16T23:29:53.552Z"],["b_2P2HFlk5Zcy","$D2025-10-16T23:31:52.308Z"],["b_acEwzrFr7a5","$D2025-10-16T23:34:31.054Z"],["b_dJaIqGN3EUG","$D2025-10-16T23:34:56.616Z"],["b_FyDRXVVLM1d","$D2025-10-16T23:35:47.092Z"],["b_geAXdz0e05v","$D2025-10-16T23:36:11.344Z"],["b_25PAGkjK2XB","$D2025-10-16T23:36:57.274Z"],["b_XHEkCTIOSdp","$D2025-10-16T23:37:33.310Z"],["b_VhQmHx3q8J0","$D2025-10-16T23:38:43.540Z"],["b_5bFAhJ6LK3b","$D2025-10-16T23:43:02.965Z"],["b_L3dzKxn2yiQ","$D2025-10-16T23:43:07.673Z"],["b_QeQslsaaOLL","$D2025-10-16T23:45:18.785Z"],["b_ngwmx0DTPxl","$D2025-10-16T23:48:43.333Z"],["b_zLYeMDWcE7U","$D2025-10-16T23:57:46.059Z"],["b_UXeNFChNvWQ","$D2025-10-16T23:57:54.315Z"],["b_DmNPBZgAksU","$D2025-10-17T00:04:31.812Z"],["b_HR1jvsC1jLh","$D2025-10-17T00:04:38.756Z"],["b_IdbZgZQLwI4","$D2025-10-17T00:04:55.097Z"],["b_3tWVGA2XI0m","$D2025-10-17T00:22:41.679Z"],["b_pdLCH2p5wVV","$D2025-10-17T00:27:38.195Z"],["b_JQxnPxUhayg","$D2025-10-17T00:28:08.396Z"],["b_G24alJc5Uf4","$D2025-10-17T00:28:29.883Z"],["b_cw0uKNIVnAm","$D2025-10-17T00:30:12.830Z"],["b_bJVi3iOMd6Z","$D2025-10-17T00:32:33.723Z"],["b_JjbUTLeuLjS","$D2025-10-17T00:32:46.008Z"],["b_DRM1MYzZapg","$D2025-10-17T00:33:13.583Z"],["b_drLTDqbukFE","$D2025-10-17T00:35:23.787Z"],["b_2vZ9kBSCG0P","$D2025-10-17T00:35:34.596Z"],["b_yANM8EOZkhk","$D2025-10-17T01:32:58.080Z"],["b_rh1z3BtXZKZ","$D2025-10-17T01:33:03.399Z"],["b_o0Yxd91FAOo","$D2025-10-17T01:33:42.767Z"],["b_GNx1LLVozyC","$D2025-10-17T01:33:56.583Z"],["b_Ohvq2GV0X8R","$D2025-10-17T01:35:57.810Z"],["b_sSIk48YHNFn","$D2025-10-17T01:37:11.336Z"],["b_3ZTFE0WAWRA","$D2025-10-19T20:59:54.272Z"],["b_VaWsDffLdyX","$D2025-10-19T21:27:49.657Z"],["b_19VfsFz7w2C","$D2025-10-19T21:46:41.333Z"],["b_KDsIoUIfE4a","$D2025-10-19T21:51:45.135Z"],["b_gr9NsJfZuHE","$D2025-10-21T22:32:31.233Z"],["b_TA99ved0Qfa","$D2025-10-21T22:35:06.839Z"],["b_K256fAHjTw5","$D2025-10-21T22:35:24.963Z"],["b_4iewYpGdr8t","$D2025-10-21T22:37:44.994Z"],["b_CctsB03Nytt","$D2025-10-21T22:40:33.107Z"],["b_8bLTwLxJb0t","$D2025-10-21T22:42:32.075Z"],["b_L9nNQCz1jG9","$D2025-10-21T22:44:05.303Z"],["b_929XjPAyvRF","$D2025-10-21T22:48:31.255Z"],["b_3UwTsgV8x3W","$D2025-10-21T22:50:26.023Z"],["b_3N6pskp64vL","$D2025-10-21T22:50:43.343Z"],["b_HSffm1P4h4w","$D2025-10-21T22:55:17.628Z"],["b_RwHzUM3nToT","$D2025-10-21T22:57:56.098Z"],["b_NJ0YAfqXRAm","$D2025-10-21T23:10:13.222Z"],["b_ptukEEhQXBP","$D2025-11-02T20:12:18.823Z"],["b_NsiGm6zDqiF","$D2025-11-02T20:15:18.742Z"],["b_eFDCz3KAUOO","$D2025-12-26T23:19:24.272Z"]] 9f:[["b_NJ0YAfqXRAm",false],["b_ptukEEhQXBP",false],["b_NsiGm6zDqiF",false],["b_eFDCz3KAUOO",false]] a0:[["b_NJ0YAfqXRAm",{"deploymentId":"dpl_6xB3czG5WmWmosjUfQi2aupUAH27"}],["b_ptukEEhQXBP","$undefined"],["b_NsiGm6zDqiF",{"deploymentId":"dpl_Fc7jSeUDMHymJg4PGCr33Mzf37pF"}],["b_eFDCz3KAUOO",{"deploymentId":"dpl_3VdxTvbapkRdGtPi1hxjNnn927t9"}]] a1:[["b_NJ0YAfqXRAm",null],["b_ptukEEhQXBP",null],["b_NsiGm6zDqiF",null],["b_eFDCz3KAUOO",null]] a2:[["b_NJ0YAfqXRAm",true],["b_ptukEEhQXBP",true],["b_NsiGm6zDqiF",true],["b_eFDCz3KAUOO",true]] a3:[["b_NJ0YAfqXRAm",true],["b_ptukEEhQXBP",true],["b_NsiGm6zDqiF",true],["b_eFDCz3KAUOO",true]] a4:[] a5:T438,Looking at the image provided: - The image shows a browser window with the URL "/antalya-old-town-tattoo" - The page displays "SAYFA BULUNAMADI" (Page Not Found) in white text on a black background - This is a 404 error page The user is showing me that the Antalya Old Town Tattoo page is not working - it's showing a "Page Not Found" error. This means the page I created is not being properly routed or there's an issue with how the dynamic route is handling this slug. The issue is likely that: - The slug "antalya-old-town-tattoo" is not being found in the district-data.ts file - Or the dynamic route [district]/page.tsx is not properly handling this slug - Or there's a mismatch between the slug in the URL and the slug in the data I need to: - Check if "antalya-old-town-tattoo" exists in the district-data.ts file - Verify the slug is correct - Make sure the page is properly exported in the getAllDistrictPages() function - Check if there are any typos or issues with the slug Let me investigate the district-data.ts file to see what's wrong with the Old Town page.a6:T410,Perfect! I can see that there IS a page with slug "antalya-kaleici-tattoo" at line 2483, but the user is trying to access "/antalya-old-town-tattoo" which doesn't exist. The issue is that I created a page with the slug "antalya-kaleici-tattoo" but the user is trying to access "antalya-old-town-tattoo". I have two options: - Change the slug from "antalya-kaleici-tattoo" to "antalya-old-town-tattoo" - Create a second page with the slug "antalya-old-town-tattoo" Since Kaleiçi and Old Town are the same place (Kaleiçi is the Turkish name for Old Town), I should probably just change the slug to "antalya-old-town-tattoo" to match what the user is trying to access. Or better yet, I could create both slugs pointing to the same content, but that would be duplicate content which is bad for SEO. The best solution is to change the slug from "antalya-kaleici-tattoo" to "antalya-old-town-tattoo" and update the translations and links accordingly. Let me read the Kaleiçi page content and change its slug to "antalya-old-town-tattoo".a7:T6f1,Looking at the image provided: - The image shows Google Search Console interface - The URL being inspected is from tattoostudioantalya.com - The page shows "Keşfedildi - şu anda dizine eklenmiş değil" (Discovered - currently not indexed) - There's a graph showing "Etkilenen sayfa sayısı" (Affected page count) of 3 pages - At the bottom, there are examples of URLs that are "Yok" (Not indexed): - - - The user is saying: - They're getting errors in Google Search Console - Previously when searching "google kaş tattoo studio" they ranked first, but now Google is detecting their pages as duplicates - They want me to scan all their pages and prevent Google from detecting duplicate content issues - They want to fix these issues and re-index the pages The main issues are: - Duplicate content - Google is seeing pages as copies of each other - Pages not being indexed - Some pages are discovered but not indexed - Loss of rankings - They used to rank #1 for "kaş tattoo studio" but not anymore To fix duplicate content issues, I need to: - Make sure each district page has UNIQUE content (not just template content with location name swapped) - Add canonical URLs to prevent duplicate content issues - Add proper meta descriptions that are unique for each page - Ensure each page has unique H1, H2, and content - Add schema markup for local business to each page - Make sure the sitemap is properly configured - Add proper internal linking structure Let me: - First, read several district pages to see if they have duplicate content - Check if canonical URLs are set - Check if meta descriptions are unique - Update pages to have more unique content - Add schema markup for local business - Update the sitemap to ensure proper priority and change frequencya8:T565,Now I can see the issues: - Duplicate Content Problem: Looking at the Adrasan page, it has very SHORT and GENERIC content compared to Beldibi which has VERY DETAILED content. This inconsistency can cause issues. Also, many pages might have similar structure which Google sees as duplicate. - Kaş Page Issue: The Kaş page still has "BG Tatto Studio" (typo) instead of "BG TATTOO STUDIO" - Canonical URLs: The district page template already has canonical URLs set, which is good. - Missing Schema Markup: There's no LocalBusiness schema markup which is crucial for local SEO - Content Quality Issues: - Adrasan page has very thin content (bad for SEO) - Some pages have much more content than others (inconsistent) - Need to ensure each page has UNIQUE, SUBSTANTIAL content To fix the Google Search Console issues and prevent duplicate content detection: - Add LocalBusiness Schema Markup to each district page - Ensure each page has unique, substantial content (at least 500-800 words) - Fix all "Tatto" typos to "TATTOO" - Add unique meta descriptions for each page - Improve internal linking structure - Update sitemap with proper priorities and change frequencies - Add hreflang tags for Turkish/English versions Let me start by: - Adding schema markup to the district page template - Expanding the thin content pages (Adrasan, etc.) - Fixing typos - Updating the sitemapa9:T45267,[V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.9", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/language-switcher.tsx" isMerged="true" "use client" import { useLanguage } from "@/lib/language-context" import { Button } from "@/components/ui/button" import { Globe } from "lucide-react" export function LanguageSwitcher() { const { language, setLanguage } = useLanguage() return (

) } [V0_FILE]typescriptreact:file="app/blog/[slug]/page.tsx" isMerged="true" import type { Metadata } from "next" import { getBlogPost, getAllBlogPosts } from "@/lib/blog-data" import BlogPostClient from "./blog-post-client" interface Props { params: Promise<{ slug: string }> } export async function generateStaticParams() { const posts = getAllBlogPosts() return posts.map((post) => ({ slug: post.slug, })) } export async function generateMetadata({ params }: Props): Promise { const { slug } = await params const post = getBlogPost(slug) if (!post) { return { title: "Post Not Found", } } return { title: `${post.title.tr} | BG Tatto Studio Blog`, description: post.excerpt.tr, keywords: [post.category.tr, post.category.en, "dövme", "tattoo", "blog"], authors: [{ name: post.author }], openGraph: { title: post.title.tr, description: post.excerpt.tr, type: "article", publishedTime: post.date, authors: [post.author], locale: "tr_TR", alternateLocale: "en_US", }, } } export default async function BlogPostPage({ params }: Props) { const { slug } = await params const post = getBlogPost(slug) if (!post) { return (

Post Not Found

) } return } [V0_FILE]png:file="public/ry asks to render an SVG image, so I will directly generate the image without prompt enhancement.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ry%20asks%20to%20render%20an%20SVG%20image%2C%20so%20I%20will%20directly%20generate%20the%20image%20without%20prompt%20enhancement-0adExGbjUikmsKu620GkcD4hxcO1yA.png" isMerged="true" [V0_FILE]jpg:file="public/ceholder-svg-key-3s0bj.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ceholder-svg-key-3s0bj-Onwri1OO8LoWG0NhfKbKaSxDjNmifX.jpg" isMerged="true" [V0_FILE]plaintext:file="public/videos/1.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/1-40dJS4CNLmPXzLQx5ecmuNpyEqggov.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/2.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/2-7Aqx4FgQyXPkfUrgxAWLv39l2ZQTbs.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/3.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/3%20-eIF8pMB60pdQvCVJ74afnPfGS3jjb8.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/4.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/4%20-Wyn5U0GYuxV4QGLYqJDsbp4GrZNhs6.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/5.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/5%20-RJFOf3vpHJoHdTVZ5vf6kDtxHNYhGp.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/6.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/6-wMQtl83GR6q8ZOpTu2AWGtAFNTdrJB.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/11.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/11-sjai2VFec0sfD1tWDrv4ZL02z8ph2u.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/77.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/77%20-lhx9q0E7tzN9xDYRgC4ZC3F3qQvuHO.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/44.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/44-g9QeMjvb2YbsuNMlfYGORT5V3VWWlO.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/66.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/66-mc3wbyNEy12AVtKZT8rCe0ZcJVIEjA.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/55.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/55-ewoPQMyBmk4kUgDR6iHDegnI3BewAY.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/88.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/88-r5zw6h2C4v5l9QJFlUVTiX0F719eDq.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/22.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/22-yz5rEFDABtrydJz5llRJkGY2LGyw6C.mp4" isMerged="true" [V0_FILE]plaintext:file="public/videos/11-2.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/11%20-azbw9kVqox18eke1T3RzxeYDmlXSAZ.mp4" isMerged="true" [V0_FILE]png:file="public/images/batuhan-gole.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/bb-Ue8mUZjQVa1q42RaYD4dbLsE5K7ATC.png" isMerged="true" [V0_FILE]typescriptreact:file="components/text-pressure.tsx" isMerged="true" "use client" import { useEffect, useRef } from "react" interface TextPressureProps { text: string flex?: boolean alpha?: boolean stroke?: boolean width?: boolean weight?: boolean italic?: boolean textColor?: string strokeColor?: string minFontSize?: number } export default function TextPressure({ text, flex = true, alpha = false, stroke = false, width = true, weight = true, italic = true, textColor = "#ffffff", strokeColor = "#ff0000", minFontSize = 36, }: TextPressureProps) { const canvasRef = useRef(null) const containerRef = useRef(null) useEffect(() => { const canvas = canvasRef.current const container = containerRef.current if (!canvas || !container) return const ctx = canvas.getContext("2d") if (!ctx) return let animationFrameId: number let mouseX = 0 let mouseY = 0 const resize = () => { canvas.width = container.offsetWidth canvas.height = container.offsetHeight } const handleMouseMove = (e: MouseEvent) => { const rect = canvas.getBoundingClientRect() mouseX = e.clientX - rect.left mouseY = e.clientY - rect.top } const draw = () => { ctx.clearRect(0, 0, canvas.width, canvas.height) const centerX = canvas.width / 2 const centerY = canvas.height / 2 const distance = Math.sqrt(Math.pow(mouseX - centerX, 2) + Math.pow(mouseY - centerY, 2)) const maxDistance = Math.sqrt(Math.pow(canvas.width / 2, 2) + Math.pow(canvas.height / 2, 2)) const pressure = 1 - Math.min(distance / maxDistance, 1) // Calculate font variations based on pressure const fontWeight = weight ? 300 + pressure * 600 : 400 const fontWidth = width ? 75 + pressure * 50 : 100 const fontItalic = italic && pressure > 0.3 ? "italic" : "normal" const fontSize = minFontSize + pressure * 100 const opacity = alpha ? 0.3 + pressure * 0.7 : 1 // Set font with variable properties ctx.font = `${fontItalic} ${fontWeight} ${fontSize}px "Bebas Neue", sans-serif` ctx.textAlign = "center" ctx.textBaseline = "middle" // Apply stroke if enabled if (stroke) { ctx.strokeStyle = strokeColor ctx.lineWidth = 2 + pressure * 3 ctx.strokeText(text, centerX, centerY) } // Apply fill ctx.fillStyle = textColor ctx.globalAlpha = opacity ctx.fillText(text, centerX, centerY) ctx.globalAlpha = 1 animationFrameId = requestAnimationFrame(draw) } resize() window.addEventListener("resize", resize) canvas.addEventListener("mousemove", handleMouseMove) draw() return () => { window.removeEventListener("resize", resize) canvas.removeEventListener("mousemove", handleMouseMove) cancelAnimationFrame(animationFrameId) } }, [text, flex, alpha, stroke, width, weight, italic, textColor, strokeColor, minFontSize]) return (

) } [V0_FILE]jpg:file="public/ceholder-svg-height-400.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ceholder-svg-height-400-KAhTS8Abj1Zpox33nUqcCdZgdqn9Ly.jpg" isMerged="true" [V0_FILE]jpg:file="public/ceholder-svg-key-l3olj.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ceholder-svg-key-l3olj-gzckc5EInhElVcSxKCdZPBWU6kVTCx.jpg" isMerged="true" [V0_FILE]png:file="public/placeholder.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/placeholder-zMOviq8Tz4qAPxJ8xBEI4zq0gV9hRG.png" isMerged="true" [V0_FILE]jpg:file="public/ceholder-svg-key-hztil-height-400-width-600-text-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/ceholder-svg-key-hztil-height-400-width-600-text--k07jWsCgl1WRbIoT6Afkx6Ko347aMB.jpg" isMerged="true" [V0_FILE]jpg:file="public/images/tattoo-background.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/tattoo-background-ZT4giTa9BYNCRYmRIgflbTjq4WKAfM.jpg" isMerged="true" [V0_FILE]plaintext:file="public/videos/nnn.mp4" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/nnn-PHlq9d1JxxJO7BAFyPZVADEjCtiqES.mp4" isMerged="true" [V0_FILE]typescript:file="lib/blog-data.ts" isEdit="true" isQuickEdit="true" isMerged="true" export interface BlogPost { slug: string title: { tr: string en: string } excerpt: { tr: string en: string } content: { tr: string en: string } image: string category: { tr: string en: string } date: string author: string readTime: string } export const blogPosts: BlogPost[] = [ { slug: "dovme-bakim-ipuclari", title: { tr: "Yeni Dövme Bakım İpuçları", en: "New Tattoo Care Tips", }, excerpt: { tr: "Yeni dövmenizin iyileşme sürecinde dikkat etmeniz gereken önemli noktalar ve bakım önerileri.", en: "Important points and care recommendations to consider during the healing process of your new tattoo.", }, content: { tr: `Yeni bir dövme yaptırdıktan sonra doğru bakım, hem iyileşme sürecini hızlandırır hem de dövmenizin uzun yıllar canlı kalmasını sağlar. İşte dikkat etmeniz gereken önemli noktalar: ## İlk 24 Saat Dövme yaptırdıktan sonra sanatçınız bölgeyi koruyucu bir film veya bandajla kaplayacaktır. Bu koruyucu örtüyü en az 2-4 saat, maksimum 24 saat tutmanız önerilir. ## Temizlik - Dövmenizi günde 2-3 kez ılık su ve antibakteriyel sabunla nazikçe yıkayın - Sert ovmaktan kaçının - Temiz bir havlu ile hafifçe kurutun ## Nemlendirme - Günde 2-3 kez özel dövme bakım kremi veya kokusuz nemlendirici kullanın - Aşırı krem kullanmaktan kaçının - Vazelin gibi ağır kremler kullanmayın ## Kaçınılması Gerekenler - İlk 2-3 hafta havuz, deniz ve jakuziden uzak durun - Güneşe direkt maruz kalmaktan kaçının - Dövmeyi kaşımayın - Soyulan kabukları zorla çıkarmayın - Dar ve sürtünen giysiler giymeyin ## İyileşme Süreci Tam iyileşme genellikle 2-4 hafta sürer. Bu süreçte dövmeniz kabuk bağlayabilir ve hafif kaşıntı hissedebilirsiniz. Bu normaldir. Herhangi bir enfeksiyon belirtisi (aşırı kızarıklık, şişlik, akıntı) görürseniz hemen doktorunuza başvurun.`, en: `Proper care after getting a new tattoo both speeds up the healing process and ensures your tattoo stays vibrant for many years. Here are the important points to consider: ## First 24 Hours After getting your tattoo, your artist will cover the area with a protective film or bandage. It's recommended to keep this protective covering for at least 2-4 hours, maximum 24 hours. ## Cleaning - Wash your tattoo gently 2-3 times a day with lukewarm water and antibacterial soap - Avoid harsh scrubbing - Pat dry with a clean towel ## Moisturizing - Use special tattoo care cream or unscented moisturizer 2-3 times a day - Avoid using too much cream - Don't use heavy creams like petroleum jelly ## Things to Avoid - Stay away from pools, sea, and hot tubs for the first 2-3 weeks - Avoid direct sun exposure - Don't scratch the tattoo - Don't forcefully remove peeling scabs - Don't wear tight or rubbing clothes ## Healing Process Complete healing usually takes 2-4 weeks. During this process, your tattoo may scab and you may feel slight itching. This is normal. If you see any signs of infection (excessive redness, swelling, discharge), consult your doctor immediately.`, }, image: "tattoo aftercare products and healing skin", category: { tr: "Bakım", en: "Care", }, date: "2025-01-15", author: "Batuhan Göle", readTime: "5 dk", }, { slug: "dovme-stilleri-rehberi", title: { tr: "Dövme Stilleri Rehberi", en: "Tattoo Styles Guide", }, excerpt: { tr: "Farklı dövme stillerini keşfedin ve size en uygun olanı bulun. Realist'ten minimalist'e tüm stiller.", en: "Discover different tattoo styles and find the one that suits you best. All styles from realistic to minimalist.", }, content: { tr: `Dövme dünyası çok çeşitli stil ve tekniklere ev sahipliği yapar. İşte en popüler dövme stilleri: ## Realist Dövme Fotoğraf gibi gerçekçi görüntüler oluşturan bu stil, portreler ve doğa manzaraları için idealdir. Yüksek detay ve gölgeleme gerektiren karmaşık bir tekniktir. ## Japon (Irezumi) Geleneksel Japon sanatından ilham alan bu stil, ejderhalar, koi balıkları ve çiçek motifleriyle bilinir. Genellikle büyük ölçekli ve renkli çalışmalardır. ## Geometrik Simetrik şekiller, çizgiler ve desenlerle oluşturulan modern bir stildir. Mandala ve kutsal geometri desenleri bu kategoriye girer. ## Minimalist Sade çizgiler ve az detayla maksimum etki yaratan bu stil, son yıllarda çok popüler hale geldi. Küçük ve zarif tasarımlar için idealdir. ## Tribal Polinezya, Maori ve diğer yerli kültürlerden ilham alan geleneksel bir stildir. Kalın siyah çizgiler ve sembolik desenlerle karakterizedir. ## Suluboya Suluboya resim tekniğini taklit eden bu modern stil, yumuşak geçişler ve canlı renklerle bilinir. Sanatsal ve özgür bir görünüm sunar. ## Old School Kalın kontürler, sınırlı renk paleti ve klasik motiflerle (çapa, gül, kalp) karakterize geleneksel Amerikan tarzıdır. Hangi stili seçerseniz seçin, deneyimli bir sanatçıyla çalışmak ve tasarımınızı dikkatlice planlamak önemlidir.`, en: `The tattoo world hosts a wide variety of styles and techniques. Here are the most popular tattoo styles: ## Realistic Tattoo This style creates photographic realistic images, ideal for portraits and nature scenes. It's a complex technique requiring high detail and shading. ## Japanese (Irezumi) Inspired by traditional Japanese art, this style is known for dragons, koi fish, and floral motifs. Usually large-scale and colorful works. ## Geometric A modern style created with symmetrical shapes, lines, and patterns. Mandala and sacred geometry designs fall into this category. ## Minimalist This style creates maximum impact with simple lines and minimal detail, becoming very popular in recent years. Ideal for small and elegant designs. ## Tribal A traditional style inspired by Polynesian, Maori, and other indigenous cultures. Characterized by thick black lines and symbolic patterns. ## Watercolor This modern style mimics watercolor painting technique, known for soft transitions and vibrant colors. Offers an artistic and free appearance. ## Old School Traditional American style characterized by thick outlines, limited color palette, and classic motifs (anchor, rose, heart). Whichever style you choose, it's important to work with an experienced artist and carefully plan your design.`, }, image: "various tattoo styles showcase collage", category: { tr: "Stil", en: "Style", }, date: "2025-01-10", author: "Batuhan Göle", readTime: "7 dk", }, { slug: "ilk-dovme-rehberi", title: { tr: "İlk Dövmenizi Yaptırmadan Önce Bilmeniz Gerekenler", en: "What You Need to Know Before Getting Your First Tattoo", }, excerpt: { tr: "İlk dövmenizi yaptırmayı mı planlıyorsunuz? İşte bilmeniz gereken her şey.", en: "Planning to get your first tattoo? Here's everything you need to know.", }, content: { tr: `İlk dövmenizi yaptırmak heyecan verici ama aynı zamanda biraz korkutucu olabilir. İşte süreç hakkında bilmeniz gerekenler: ## Doğru Stüdyoyu Seçin - Lisanslı ve hijyenik bir stüdyo seçin - Sanatçının portfolyosunu inceleyin - Yorumları ve referansları kontrol edin - Stüdyoyu ziyaret edin ve ortamı gözlemleyin ## Tasarım Seçimi - Acele etmeyin, tasarımınızı dikkatlice düşünün - Kişisel anlamı olan bir şey seçin - Trend yerine zamansız tasarımları tercih edin - Sanatçınızla fikir alışverişinde bulunun ## Ağrı Seviyesi Ağrı toleransı kişiden kişiye değişir, ancak genel olarak: - Kemik üzerindeki bölgeler daha ağrılıdır - Etli bölgeler daha az ağrılıdır - İlk 10-15 dakika en zorludur - Vücut endorfin salgılamaya başlar ## Randevu Öncesi - İyi bir gece uykusu alın - Tok karnına gelin - Alkol ve kan sulandırıcı ilaçlardan kaçının - Rahat giysiler giyin - Bölgeyi tıraş edin (gerekirse) ## Fiyatlandırma - Kaliteli iş ucuz olmaz - Saatlik ücret veya proje bazlı fiyatlandırma olabilir - Bahşiş vermeyi unutmayın (genellikle %15-20) ## Sonrası - Bakım talimatlarını dikkatlice takip edin - İyileşme 2-4 hafta sürer - Güneşten koruyun - Sabırlı olun, sonuç buna değer! Unutmayın, dövme kalıcıdır. Acele etmeyin ve doğru kararı verin.`, en: `Getting your first tattoo is exciting but can also be a bit scary. Here's what you need to know about the process: ## Choose the Right Studio - Select a licensed and hygienic studio - Review the artist's portfolio - Check reviews and references - Visit the studio and observe the environment ## Design Selection - Don't rush, think carefully about your design - Choose something with personal meaning - Prefer timeless designs over trends - Exchange ideas with your artist ## Pain Level Pain tolerance varies from person to person, but generally: - Areas over bone are more painful - Fleshy areas are less painful - The first 10-15 minutes are the hardest - The body starts releasing endorphins ## Before Appointment - Get a good night's sleep - Come on a full stomach - Avoid alcohol and blood thinners - Wear comfortable clothes - Shave the area (if necessary) ## Pricing - Quality work isn't cheap - Can be hourly rate or project-based pricing - Don't forget to tip (usually 15-20%) ## Aftercare - Follow care instructions carefully - Healing takes 2-4 weeks - Protect from sun - Be patient, the result is worth it! Remember, tattoos are permanent. Don't rush and make the right decision.`, }, image: "first tattoo consultation and preparation", category: { tr: "Rehber", en: "Guide", }, date: "2025-01-05", author: "Batuhan Göle", readTime: "6 dk", }, ] export function getBlogPost(slug: string): BlogPost | undefined { return blogPosts.find((post) => post.slug === slug) } export function getAllBlogPosts(): BlogPost[] { return blogPosts.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()) } [V0_FILE]png:file="public/images/bb.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/bb-nZMMh3Ivqs9qjR06f52zuvz7VD6o04.png" isMerged="true" [V0_FILE]png:file="public/images/design-mode/bb.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/design-mode-images/bb-oGHtCQpTDvWgOmc92uC6S1rVez5lin.png" isMerged="true" [V0_FILE]typescriptreact:file="components/ui/command.tsx" isQuickEdit="true" isMerged="true" "use client" import type * as React from "react" import { Command as CommandPrimitive } from "cmdk" import { SearchIcon } from "lucide-react" import { cn } from "@/lib/utils" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog" function Command({ className, ...props }: React.ComponentProps) { return ( ) } function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }: React.ComponentProps & { title?: string description?: string className?: string showCloseButton?: boolean }) { return ( ) } function CommandInput({ className, ...props }: React.ComponentProps) { return (

) } function CommandList({ className, ...props }: React.ComponentProps) { return ( ) } function CommandEmpty({ ...props }: React.ComponentProps) { return } function CommandGroup({ className, ...props }: React.ComponentProps) { return ( ) } function CommandSeparator({ className, ...props }: React.ComponentProps) { return ( ) } function CommandItem({ className, ...props }: React.ComponentProps) { return ( ) } function CommandShortcut({ className, ...props }: React.ComponentProps<"span">) { return ( ) } export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, } [V0_FILE]typescriptreact:file="components/ui/navigation-menu.tsx" isQuickEdit="true" isMerged="true" import type * as React from "react" import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu" import { cva } from "class-variance-authority" import { ChevronDownIcon } from "lucide-react" import { cn } from "@/lib/utils" function NavigationMenu({ className, children, viewport = true, ...props }: React.ComponentProps & { viewport?: boolean }) { return ( {children} {viewport && } ) } function NavigationMenuList({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuItem({ className, ...props }: React.ComponentProps) { return ( ) } const navigationMenuTriggerStyle = cva( "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1", ) function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps) { return ( {children}{" "} ) } function NavigationMenuContent({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuViewport({ className, ...props }: React.ComponentProps) { return (

) } function NavigationMenuLink({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuIndicator({ className, ...props }: React.ComponentProps) { return (

) } export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, } [V0_FILE]typescriptreact:file="components/ui/calendar.tsx" isQuickEdit="true" isMerged="true" "use client" import * as React from "react" import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react" import { type DayButton, DayPicker, getDefaultClassNames } from "react-day-picker" import { cn } from "@/lib/utils" import { Button, buttonVariants } from "@/components/ui/button" function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }: React.ComponentProps & { buttonVariant?: React.ComponentProps["variant"] }) { const defaultClassNames = getDefaultClassNames() return ( svg]:rotate-180`, String.raw`rtl:*:[.rdp-button\_previous>svg]:rotate-180`, className, )} captionLayout={captionLayout} formatters={{ formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }), ...formatters, }} classNames={{ root: cn("w-fit", defaultClassNames.root), months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months), month: cn("flex flex-col w-full gap-4", defaultClassNames.month), nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav), button_previous: cn( buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous, ), button_next: cn( buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next, ), month_caption: cn( "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption, ), dropdowns: cn( "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns, ), dropdown_root: cn( "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root, ), dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown), caption_label: cn( "select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label, ), table: "w-full border-collapse", weekdays: cn("flex", defaultClassNames.weekdays), weekday: cn( "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday, ), week: cn("flex w-full mt-2", defaultClassNames.week), week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header), week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number), day: cn( "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day, ), range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start), range_middle: cn("rounded-none", defaultClassNames.range_middle), range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end), today: cn( "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today, ), outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside), disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled), hidden: cn("invisible", defaultClassNames.hidden), ...classNames, }} components={{ Root: ({ className, rootRef, ...props }) => { return

}, Chevron: ({ className, orientation, ...props }) => { if (orientation === "left") { return } if (orientation === "right") { return } return }, DayButton: CalendarDayButton, WeekNumber: ({ children, ...props }) => { return (

{children}

) }, ...components, }} {...props} /> ) } function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps) { const defaultClassNames = getDefaultClassNames() const ref = React.useRef(null) React.useEffect(() => { if (modifiers.focused) ref.current?.focus() }, [modifiers.focused]) return (

Post Not Found

Sayfa Bulunamadı