Removed unused components - removed integrations - updated to v4

package.json

@@ -10,8 +10,8 @@
     "astro": "astro"
   },
   "devDependencies": {
-    "@astrojs/sitemap": "^3.0.0",
-    "@astrojs/tailwind": "^5.0.0",
-    "astro": "^3.0.7"
+    "@astrojs/sitemap": "^3.0.3",
+    "@astrojs/tailwind": "^5.0.3",
+    "astro": "^4.0.3"
   }
 }

src/components/global/Footer.astro

@@ -1,4 +1,4 @@
-<footer aria-labelledby="footer-heading">
+<footer >
   <div class="items-center text-center 2xl:max-w-7xl lg:px-16 md:px-12 mx-auto px-8 w-xl xl:px-36">
     <div class="flex flex-col gap-y-12 items-start justify-between lg:flex-row lg:items-center lg:py-16 pb-6 pt-16">
       <div class="lg:text-center lg:mx-auto">
@@ -20,20 +20,20 @@
           </div>
         </div>
         <nav class="flex gap-8 mt-11">
-          <a href="https://lexingtonthemes.com/" class="text-negroni-500  h-8 delay-150  hover:text-[#fd664e]  text-sm transition-colors">
+          <a href="https://lexingtonthemes.com/" class="text-negroni-500  h-8 delay-150  hover:text-tomato-500  text-sm transition-colors">
            Lexington Themes
           </a>
-          <a href="https://github.com/michael-andreuzza/quickstore" class="text-negroni-500  h-8 delay-150  hover:text-[#fd664e]  text-sm transition-colors">
+          <a href="https://github.com/michael-andreuzza/quickstore" class="text-negroni-500  h-8 delay-150  hover:text-tomato-500  text-sm transition-colors">
             Github
           </a>
-          <a href="https://twitter.com/lexingtonthemes" class="text-negroni-500  h-8 delay-150  hover:text-[#fd664e]  text-sm transition-colors">
+          <a href="https://twitter.com/lexingtonthemes" class="text-negroni-500  h-8 delay-150  hover:text-tomato-500  text-sm transition-colors">
             Twiter
           </a>
         </nav>
       </div>
     </div>
     <div class="flex flex-col border-t border-negroni-500/10 lg:mx-auto lg:text-center md:pt-6 pb-12 pt-8">
-      <p class="text-[#fd664e] md:mt-0 mt-6 text-sm">
+      <p class="text-tomato-500 md:mt-0 mt-6 text-sm">
         A free template by Lexington Themes
       </p>
     </div>

src/components/landing/Hero.astro

@@ -1,26 +1,22 @@
-<main aria-labelledby="header" class="relative overflow-hidden">
-  <h2 class="sr-only" id="header">Header</h2>
-  <div class="relative mx-auto px-8 max-w-7xl p-24 lg:px-36 md:px-12">
-    <div class="mx-auto text-center">
-      <div class="sm:flex sm:justify-center sm:mb-8">
-        <div class="text-base tracking-tight text-negroni-500 rounded-full">
-          quickstore
-        </div>
-      </div>
+<main  class="relative overflow-hidden">
+
+  <div class="relative mx-auto px-8 max-w-7xl py-24  md:px-12">
+    <div class="mx-auto text-center ">
+
       <h1
-        class="text-negroni-500 mt-4 font-bold md:text-6xl text-3xl tracking-tight">
-        An Astro and Tailwind CSS template for your store.
-        <span >
-          Display products from services like Gumroad or Lemonsqueezy.
-        </span>
+        class="text-negroni-500  font-bold md:text-6xl text-3xl tracking-tight">
+        An Astro and Tailwind CSS <span class="md:block">template for your store.</span>
       </h1>
+      <p class="mt-8 text-white">
+        Display products from services like Gumroad or Lemon Squeezy.
+      </p>
       <div class="flex justify-center flex-col gap-3 mt-10 sm:flex-row">
         <a
-          class="items-center h-12 justify-center rounded-full border-negroni-500 duration-200 focus:outline-none inline-flex px-6 py-3 text-center w-full text-negroni-500 font-medium lg:w-auto border focus-visible:outline-negroni-500 text-negroni-500/80"
+          class="items-center h-12 justify-center font-semibold rounded-full border-negroni-500 duration-200 focus:outline-none inline-flex px-6 py-3 text-center w-full text-negroni-500  lg:w-auto border focus-visible:outline-negroni-500 text-negroni-500/80"
           href="https://github.com/michael-andreuzza/quickstore">GitHub</a
         >
         <a
-          class="items-center h-12 justify-center rounded-full duration-200 focus:outline-none inline-flex px-6 py-3 text-center w-full border-2 hover:bg-transparent border-negroni-500 bg-negroni-500 focus-visible:outline-negroni-500 focus-visible:ring-negroni-500 font-medium hover:border-negroni-500 hover:text-negroni-500 lg:w-auto text-charcoal-500"
+          class="items-center h-12 justify-center rounded-full font-semibold duration-200 focus:outline-none inline-flex px-6 py-3 text-center w-full border-2 hover:bg-transparent border-negroni-500 bg-negroni-500 focus-visible:outline-negroni-500 focus-visible:ring-negroni-500  hover:border-negroni-500 hover:text-negroni-500 lg:w-auto text-charcoal-500"
           href="https://lexingtonthemes.com">Lexington Themes &nbsp; →</a
         >
       </div>

src/components/landing/Products.astro

@@ -1,8 +1,8 @@
-<main aria-labelledby="header" class="relative overflow-hidden">
-  <h2 class="sr-only" id="header">Header</h2>
-  <div class="relative mx-auto px-8 max-w-7xl py-12 lg:py-24 lg:px-36 md:px-12">
+<main  >
+
+  <div class="relative mx-auto px-8 max-w-7xl py-12   md:px-12">
     <div
-      class="grid grid-cols-1 gap-6 py-12 lg:gap-y-32 md:grid-cols-2 lg:grid-cols-2">
+      class="grid grid-cols-1 gap-6 lg:gap-y-32 md:grid-cols-2 ">
       <figure>
         <img
           class="w-full rounded-3xl shadow-2xl"

src/styles/global.css

@@ -0,0 +1,26 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+/* CSS */
+:root {
+    font-family: Inter, sans-serif;
+    font-feature-settings:
+    "liga" 1,
+    "calt" 1, /* Contextual Alternates */
+    "dlig" 1, /* Discretionary Ligatures */
+    "ss07" 1, /* fSquare punctuation */
+    "ss08" 1, /* Square quotes */
+    "zero" 1, /* Slashed zero */
+    "tnum" 1, /* Tabular numbers */
+      "cv03", /* Open six */
+      "cv04" 1, /* Open nine */
+      "cv01" 1, /* Alternate one */
+      "cv09", /* Flat-top three */
+      "cv02" 1; /* Open 4 */
+  }
+  @supports (font-variation-settings: normal) {
+    /* Use variable font if supported */
+    :root {
+      font-family: InterVariable, sans-serif;
+    }
+  }

tsconfig.json

@@ -10,6 +10,10 @@
     // Enable stricter transpilation for better output.
     "isolatedModules": true,
     // Astro will directly run your TypeScript code, no transpilation needed.
-    "noEmit": true
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   }
-}
+}