fixes

Author: Xeven777

LICENSE

@@ -8,5 +8,5 @@ import react from "@astrojs/react";
 // https://astro.build/config
 export default defineConfig({
   site: "https://astrojs.org",
-  integrations: [tailwind(), mdx(), sitemap(), icon(), react()],
+  integrations: [tailwind({ applyBaseStyles: false, }), mdx(), sitemap(), icon(), react()],
 });

astro.config.mjs

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.cjs",
+    "css": "src/styles/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@components",
+    "utils": "@lib/utils"
+  }
+}

bun.lockb

@@ -20,16 +20,19 @@
     "@iconify-json/bx": "^1.1.11",
     "@iconify-json/simple-icons": "^1.1.115",
     "@iconify-json/uil": "^1.1.9",
+    "@radix-ui/react-slot": "^1.1.0",
     "@tailwindcss/typography": "^0.5.15",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "astro": "^4.15.1",
     "astro-icon": "^1.1.1",
     "astro-navbar": "^2.3.3",
     "astro-seo": "^0.8.4",
+    "class-variance-authority": "^0.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sharp": "^0.33.5",
+    "tailwind-merge": "^2.5.2",
     "tailwindcss": "^3.4.10"
   }
 }

components.json

@@ -2,7 +2,9 @@
 import { Picture } from "astro:assets";
 import heroImage from "assets/hero.png";
 import Link from "@components/ui/link.astro";
+// @ts-expect-error
 import { Icon } from "astro-icon/components";
+import { Button } from "./ui/button";
 ---
 
 <main
@@ -28,16 +30,7 @@ import { Icon } from "astro-icon/components";
       create any website with this starter.
     </p>
     <div class="mt-6 flex flex-col sm:flex-row gap-3">
-      <Link
-        href="#"
-        href="https://web3templates.com/templates/astroship-starter-website-template-for-astro"
-        target="_blank"
-        class="flex gap-1 items-center justify-center"
-        rel="noopener">
-        <Icon class="text-white w-5 h-5" name="bx:bxs-cloud-download" />
-
-         Download for Free
-      </Link>
+      <Button> Get Started </Button>
       <Link
         size="lg"
         style="outline"

package.json

@@ -0,0 +1,56 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button, buttonVariants }

public/codestack.yaml

@@ -2,19 +2,34 @@
 import { z, defineCollection } from 'astro:content';
 
 // 2. Define your collection(s)
-const blogCollection = defineCollection({
+const softwareCollection = defineCollection({
+  type:"data",
   schema: z.object({
-    draft: z.boolean(),
-    title: z.string(),
-    snippet: z.string(),
-    image: z.object({
-      src: z.string(),
-      alt: z.string(),
-    }),
-    publishDate: z.string().transform(str => new Date(str)),
-    author: z.string().default('Astroship'),
-    category: z.string(),
-    tags: z.array(z.string()),
+    Name: z.string(),
+    Tagline: z.string(),
+    Description: z.string(),
+    Website: z.string().url(),
+    Features: z.array(z.string()),
+    Logo: z.string(),
+    Demo: z.string().url(),
+    Images: z.array(z.string()),
+    Makers: z.array(z.string().url()),
+    Category: z.string(),
+    Tags: z.array(z.string()),
+    Stage: z.enum(["Active Customers", "In Development"]),
+    HQ: z
+      .object({
+        City: z.string(),
+        Country: z.string(),
+      })
+      .array(),
+    DC: z
+      .object({
+        City: z.string(),
+        Country: z.string(),
+      })
+      .array(),
+    Customers: z.array(z.string()),
   }),
 });
 
@@ -34,6 +49,6 @@ const teamCollection = defineCollection({
 // 3. Export a single `collections` object to register your collection(s)
 //    This key should match your collection directory name in "src/content"
 export const collections = {
-  'blog': blogCollection,
+  'software': softwareCollection,
   'team': teamCollection,
 };

src/components/hero.astro

@@ -0,0 +1,33 @@
+Name: "CodeStack"
+Tagline: "Streamline your development workflow with advanced AI insights."
+Description: "CodeStack offers cutting-edge AI tools designed to enhance coding efficiency and reduce debugging time."
+Website: "https://codestack.tech"
+Features:
+  - "Real-time code optimization."
+  - "Automated error detection and suggestions."
+  - "Integration with popular IDEs."
+Logo: "assets/logos/codestack_logo.png"
+Demo: "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+Images:
+  - "assets/images/codestack_screen1.png"
+  - "assets/images/codestack_screen2.png"
+Makers:
+  - "https://www.linkedin.com/in/john-doe"
+  - "https://www.linkedin.com/in/jane-doe"
+Category: "Development"
+Tags:
+  - "AI"
+  - "Optimization"
+  - "IDE"
+Stage: "Active Customers"
+HQ:
+  - City: "Bengaluru"
+    Country: "India"
+DC:
+  - City: "Bengaluru"
+    Country: "India"
+  - City: "Pune"
+    Country: "India"
+Customers:
+  - "TechCorp"
+  - "DevSolutions"

src/components/ui/button.tsx

@@ -39,8 +39,7 @@ const makeTitle = title
       description="Astroship is a starter website template for Astro built with TailwindCSS."
       canonical={canonicalURL}
       twitter={{
-        creator: "@surjithctly",
-        site: "@web3templates",
+        creator: "@xevenbiswas",
         card: "summary_large_image",
       }}
       openGraph={{
@@ -61,8 +60,6 @@ const makeTitle = title
     <slot />
     <Footer />
     <style is:global>
-      /* Improve Page speed */
-      /* https://css-tricks.com/almanac/properties/c/content-visibility/ */
       img {
         content-visibility: auto;
       }

src/content/blog/how-to-become-frontend-master.md

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

src/content/blog/kitchensink.mdx

@@ -1,5 +1,6 @@
 ---
 import Container from "@components/container.astro";
+import "@styles/globals.css";
 import Layout from "@layouts/Layout.astro";
 ---
 

src/content/config.ts

@@ -1,6 +1,7 @@
 ---
 import Container from "@components/container.astro";
 import Cta from "@components/cta.astro";
+import '@styles/globals.css';
 import Features from "@components/features.astro";
 import Hero from "@components/hero.astro";
 import Logos from "@components/logos.astro";

src/content/software/codestack.yaml

@@ -6,14 +6,17 @@ import Container from "@components/container.astro";
 import Sectionhead from "@components/sectionhead.astro";
 
 // Filter blog entries with 'draft: false' & date before current date
-const publishedBlogEntries = await getCollection("blog", ({ data }) => {
-  return !data.draft && data.publishDate < new Date();
-});
+// const publishedBlogEntries = await getCollection("software", ({ data }) => {
+//   return !data.draft && data.publishDate < new Date();
+// });
 
-// Sort content entries by publication date
-publishedBlogEntries.sort(function (a, b) {
-  return b.data.publishDate.valueOf() - a.data.publishDate.valueOf();
-});
+const softwareEntries = await getCollection("software");
+console.log(softwareEntries);
+
+// // Sort content entries by publication date
+// publishedBlogEntries.sort(function (a, b) {
+//   return b.data.publishDate.valueOf() - a.data.publishDate.valueOf();
+// });
 ---
 
 <Layout title="Blog">
@@ -25,7 +28,7 @@ publishedBlogEntries.sort(function (a, b) {
       </Fragment>
     </Sectionhead>
     <main class="mt-16">
-      <ul class="grid gap-16 max-w-4xl mx-auto">
+      <!-- <ul class="grid gap-16 max-w-4xl mx-auto">
         {
           publishedBlogEntries.map((blogPostEntry, index) => (
             <li>
@@ -67,7 +70,7 @@ publishedBlogEntries.sort(function (a, b) {
             </li>
           ))
         }
-      </ul>
+      </ul> -->
     </main>
   </Container>
 </Layout>

src/layouts/Layout.astro

@@ -5,19 +5,19 @@ import Container from "@components/container.astro";
 
 // Generate a new path for every collection entry
 export async function getStaticPaths() {
-  const blogEntries = await getCollection("blog");
-  return blogEntries.map((entry) => ({
-    params: { slug: entry.slug },
+  const softwareEntries = await getCollection("software");
+  console.log(softwareEntries);
+  return softwareEntries.map((entry) => ({
+    params: { slug: entry.id },
     props: { entry },
   }));
 }
 
-// Get the entry directly from the prop on render
 const { entry } = Astro.props;
-const { Content } = await entry.render();
+console.log(entry);
 ---
 
-<Layout title={entry.data.title}>
+<Layout title={entry.data.Name}>
   <Container>
     <!-- <div class="mx-auto max-w-3xl mt-14">
       <span class="text-blue-400 uppercase tracking-wider text-sm font-medium">
@@ -49,7 +49,7 @@ const { Content } = await entry.render();
     </div> -->
 
     <div class="mx-auto prose prose-lg mt-6 max-w-3xl">
-      <Content />
+      <!-- <Content /> -->
     </div>
     <div class="text-center mt-8">
       <a

src/lib/utils.ts

@@ -0,0 +1,73 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 10% 3.9%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+  }
+}
+
+@layer base {
+  body {
+    @apply bg-background text-foreground;
+  }
+}

src/pages/404.astro

@@ -1,8 +1,16 @@
 /** @type {import('tailwindcss').Config} */
 const defaultTheme = require("tailwindcss/defaultTheme");
 module.exports = {
+  darkMode: ["class"],
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
   theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
     extend: {
       fontFamily: {
         sans: [
@@ -12,6 +20,60 @@ module.exports = {
           ...defaultTheme.fontFamily.sans,
         ],
       },
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
     },
   },
   plugins: [require("@tailwindcss/typography")],

src/pages/index.astro

@@ -10,6 +10,7 @@
       "@lib/*": ["lib/*"],
       "@utils/*": ["utils/*"],
       "@components/*": ["components/*"],
+      "@styles/*": ["styles/*"],
       "@layouts/*": ["layouts/*"],
       "@assets/*": ["assets/*"],
       "@pages/*": ["pages/*"]