Merge branch 'main' of https://github.com/themeselection/master-shadcn-astro-template

Author: CodeByOmm

src/components/blocks/changelog-section/v1_1_0.tsx

@@ -26,7 +26,9 @@ function v1_1_0() {
             consistent visuals across all environments. Tokens for colors, spacing, typography, and more are now fully
             type-safe and easily customizable, ensuring that your design system can grow alongside your projects.{' '}
           </p>
-          <Button>Read More</Button>
+          <Button asChild>
+            <a href='#'>Read More</a>
+          </Button>
           <Accordion data={accordionDataV1_1_0} />
         </div>
       </TimelineItem>

src/components/layout/theme-toggle.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import * as React from 'react'
-import { MoonStar, Sun } from 'lucide-react'
+import { MoonStarIcon, SunIcon } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 
 function ThemeToggle() {
@@ -30,8 +30,8 @@ function ThemeToggle() {
       className='relative'
       onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}
     >
-      <MoonStar className='size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90' />
-      <Sun className='absolute size-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0' />
+      <MoonStarIcon className='size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90' />
+      <SunIcon className='absolute size-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0' />
       <span className='sr-only'>Toggle theme</span>
     </Button>
   )

src/consts.ts

@@ -1,17 +1,16 @@
 // Site Configuration
 // Centralized configuration for site metadata, SEO, and branding
 
-export const SITE_TITLE = 'shadcn Studio - Modern Astro Template'
+export const SITE_TITLE = 'Track - Changelog Landing Page | Shadcn Studio'
 export const SITE_DESCRIPTION =
-  'Build lightning-fast, SEO-optimized websites with our professional Astro template featuring shadcn/ui components, Tailwind CSS, and modern best practices.'
+  'A clean, centralized page that highlights product updates, improvements, and fixes so users can quickly see what’s new.'
 
-export const GITHUB_URL = 'https://github.com/yourusername/master-shadcn-astro'
-export const SITE_URL = 'https://shadcnstudio.com/'
+export const GITHUB_URL = 'https://github.com/yourusername/shadcn-astro-track-landing-page'
+export const SITE_URL = 'https://shadcn-astro-track-landing-page.vercel.app/'
 
 export const SITE_METADATA = {
   title: {
-    default: 'shadcn Studio - Modern Astro Template',
-    template: '%s | shadcn Studio'
+    default: 'Demo: Track - Changelog Landing Page | Shadcn Studio'
   },
   description:
     'A professional Astro template built with shadcn/ui, Tailwind CSS & React. Optimized for performance and SEO. Open source - MIT License.',

src/layouts/HeadSeo.astro

@@ -31,7 +31,7 @@ const {
 } = Astro.props
 
 // Use site metadata defaults if not provided
-const finalTitle = title ? `${title} | ${SITE_METADATA.title.default}` : SITE_METADATA.title.default
+const finalTitle = title ? `Demo: ${title} | Track | Shadcn Studio` : SITE_METADATA.title.default
 const finalDescription = description || SITE_METADATA.description
 const finalKeywords = keywords || SITE_METADATA.keywords.join(', ')
 const finalImage = image || SITE_METADATA.openGraph.images[0].url
@@ -148,10 +148,18 @@ const schemaData = schema || defaultSchema
 <!-- Performance and Resource Hints -->
 <link rel='dns-prefetch' href='https://fonts.googleapis.com' />
 <link rel='preconnect' href='https://fonts.googleapis.com' />
-<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin />
+<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin='anonymous' />
+<!-- Google Fonts - Optimized Loading -->
 <link
-  href='https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap'
+  rel='preload'
+  as='style'
+  href='https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap'
+/>
+<link
+  href='https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&display=swap'
   rel='stylesheet'
+  media='print'
+  onload="this.media='all'"
 />
 
 <!-- Theme Color -->

src/pages/index.astro

@@ -8,7 +8,7 @@ import CTASection from '@/components/blocks/cta-section/cta-section'
 import { faqItems } from '@/components/sections/faq-content'
 
 // Page-specific SEO configuration
-const pageTitle = 'Track - Changelog Landing Page'
+const pageTitle = ''
 const pageDescription =
   'Create lightning-fast, SEO-optimized websites with our Astro template featuring shadcn/ui components and Tailwind CSS. Perfect for developers building modern web applications.'
 const pageKeywords =

src/styles/global.css

@@ -157,6 +157,9 @@
     @apply border-border outline-ring/50;
   }
   body {
-    @apply bg-background text-foreground;
+    @apply bg-background text-foreground antialiased;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
   }
 }