Merge pull request #3 from LadyKerr/complete

Complete

Author: LadyKerr

.astro/data-store.json

@@ -1 +1 @@
-[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.6.0","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"svg\":false,\"serializeConfig\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}"]
+[["Map",1,2],"meta::meta",["Map",3,4,5,6],"astro-version","5.6.0","astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://ladykerr.github.io\",\"compressHTML\":true,\"base\":\"/devflow-landing\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"auto\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"streaming\":true,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"domains\":[],\"remotePatterns\":[]},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":false,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"gfm\":true,\"smartypants\":true},\"security\":{\"checkOrigin\":true},\"env\":{\"schema\":{},\"validateSecrets\":false},\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"responsiveImages\":false,\"svg\":false,\"serializeConfig\":false,\"headingIdCompat\":false,\"preserveScriptOrder\":false},\"legacy\":{\"collections\":false}}"]

README.md

@@ -1,84 +1,23 @@
 # DevFlow Landing Page
 
-A modern landing page for DevFlow - the serverless API platform that helps developers build and deploy APIs quickly and efficiently.
+DevFlow's landing page is built with modern web technologies to showcase our platform's features and capabilities. The site is built with Astro and uses React components with TailwindCSS for styling.
+
+![DevFlow Landing Page Preview](/src/assets/landing-page.png)
 
 # Built with Copilot Agent Mode 🚀
 
 This project was built with the help of GitHub Copilot Agent Mode, a pair programming tool that provides real-time code suggestions and completions. Learn more about [Copilot Agent Mode](https://gh.io/agent-mode) and how you can use it to build your next project.
 
 It was built based on this design that was generated by Claude AI: [Claude Landing Page](https://gh.io/claude-devflow-landing)! ✨
 
-See the video of the full build [here]()
-
-## 🚀 Project Overview
-
-DevFlow's landing page is built with modern web technologies to showcase our platform's features and capabilities. The site is built with Astro and uses React components with TailwindCSS for styling.
-
-## 🛠️ Tech Stack
-
-- [Astro](https://astro.build) v5.x - Static site generator
-- [React](https://reactjs.org) - UI components
-- [TailwindCSS](https://tailwindcss.com) v4.x - Styling
-- TypeScript - Type safety
-
-## 📁 Project Structure
-
-```text
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── assets/
-│   │   ├── astro.svg
-│   │   ├── background.svg
-│   │   └── dashboard-preview.png
-│   ├── components/
-│   │   ├── ApiDevelopment.astro
-│   │   ├── ByDevelopers.astro
-│   │   ├── CallToAction.astro
-│   │   ├── DashboardManagement.astro
-│   │   ├── Footer.astro
-│   │   ├── Hero.astro
-│   │   ├── Navbar.astro
-│   │   ├── TrustedByDevs.astro
-│   │   └── TryYourself.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   ├── pages/
-│   │   └── index.astro
-│   └── styles/
-│       └── global.css
-├── astro.config.mjs
-├── package.json
-└── tsconfig.json
-```
-
-## 📋 Features
-
-- Modern, responsive design
-- Server-side rendered pages for optimal performance
-- Interactive code examples
-- Mobile-first approach
-- TypeScript support
-- TailwindCSS for styling
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+> See the video of the full build [here](add link to video)
+> Read how we built it [here](add link to blog post)
 
 ## 🚀 Quick Start
 
 1. Clone the repository:
 ```bash
-git clone https://github.com/your-username/devflow-landing.git
+git clone https://github.com/ladykerr/devflow-landing.git
 ```
 
 2. Install dependencies:
@@ -107,6 +46,35 @@ The project follows a component-based architecture using Astro components. Key s
 - Call-to-action sections
 - Footer with documentation and community links
 
+## 🛠️ Tech Stack
+
+- [Astro](https://astro.build) v5.x - Static site generator
+- [React](https://reactjs.org) - UI components
+- [TailwindCSS](https://tailwindcss.com) v4.x - Styling
+- TypeScript - Type safety
+
+## 📋 Features
+
+- Modern, responsive design
+- Server-side rendered pages for optimal performance
+- Interactive code examples
+- Mobile-first approach
+- TypeScript support
+- TailwindCSS for styling
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+
+
 ## 📝 License
 
 MIT License - see the [LICENSE](LICENSE) file for details

src/assets/landing-page.png

@@ -182,7 +182,7 @@ api.post('/auth/login', async (req, res) => {
 const { activeTab = 'rest' } = Astro.props;
 ---
 
-<section class="py-20 bg-gray-50">
+<section id="examples" class="py-20 bg-gray-50">
     <div class="container mx-auto px-4">
         <div class="max-w-4xl mx-auto text-center mb-12">
             <h2 class="text-4xl font-bold text-gray-900 mb-4">

src/components/ApiDevelopment.astro

@@ -34,7 +34,7 @@ const features = [
 ];
 ---
 
-<section class="py-20 bg-white">
+<section id="features" class="py-20 bg-white">
     <div class="container mx-auto px-4">
         <div class="text-center mb-16">
             <h2 class="text-4xl font-bold text-gray-900 mb-4">Built for developers, by developers</h2>

src/components/ByDevelopers.astro

@@ -10,7 +10,7 @@
             Join thousands of developers building faster and scaling smarter with DevFlow.
         </p>
         <a 
-            href="/get-started" 
+            href="/devflow-landing" 
             class="inline-block px-8 py-3 bg-white text-indigo-600 font-medium rounded-md hover:bg-indigo-50 transition-colors duration-200"
         >
             Get Started for Free

src/components/CallToAction.astro

@@ -34,13 +34,13 @@ api.deploy();`;
                     </p>
                     <div class="flex flex-wrap gap-4">
                         <a 
-                            href="/get-started" 
+                            href="/devflow-landing" 
                             class="bg-indigo-600 text-white px-8 py-3 rounded-md hover:bg-indigo-700 font-medium transition-colors duration-200"
                         >
                             Get Started Free
                         </a>
                         <a 
-                            href="/docs" 
+                            href="/devflow-landing" 
                             class="text-gray-600 hover:text-gray-900 px-8 py-3 border border-gray-300 rounded-md font-medium transition-colors duration-200 hover:bg-gray-50"
                         >
                             View Docs

src/components/Hero.astro

@@ -3,21 +3,29 @@
 
 <nav class="fixed w-full bg-white/90 backdrop-blur-sm z-50 py-4">
     <div class="container mx-auto px-4 flex items-center justify-between">
-        <a href="/" class="flex items-center">
+        <a href="/devflow-landing" class="flex items-center">
             <span class="text-2xl font-bold">DevFlow</span>
         </a>
 
         <div class="hidden md:flex items-center space-x-8">
-            <a href="#features" class="text-gray-600 hover:text-gray-900">Features</a>
-            <a href="#examples" class="text-gray-600 hover:text-gray-900">Examples</a>
-            <a href="#testimonials" class="text-gray-600 hover:text-gray-900">Testimonials</a>
-            <a href="/docs" class="text-gray-600 hover:text-gray-900">Docs</a>
+            <a href="#features" class="text-gray-600 hover:text-gray-900 transition-colors duration-200">Features</a>
+            <a href="#examples" class="text-gray-600 hover:text-gray-900 transition-colors duration-200">Examples</a>
+            <a href="#testimonials" class="text-gray-600 hover:text-gray-900 transition-colors duration-200">Testimonials</a>
+            <a href="#docs" class="text-gray-600 hover:text-gray-900">Docs</a>
             <a href="#community" class="text-gray-600 hover:text-gray-900">Community</a>
+            <a 
+                href="https://github.com/LadyKerr/devflow-landing" 
+                target="_blank" 
+                rel="noopener noreferrer" 
+                class="px-4 py-2 bg-black text-white rounded-md hover:bg-gray-800 transition-colors duration-200"
+            >
+                GitHub Repo
+            </a>
         </div>
 
         <div class="flex items-center space-x-4">
-            <a href="/login" class="text-gray-600 hover:text-gray-900">Log In</a>
-            <a href="/get-started" class="bg-indigo-600 text-white px-4 py-2 rounded-md hover:bg-indigo-700">
+            <a href="#login" class="text-gray-600 hover:text-gray-900">Log In</a>
+            <a href="#get-started" class="bg-indigo-600 text-white px-4 py-2 rounded-md hover:bg-indigo-700">
                 Get Started
             </a>
         </div>

src/components/Navbar.astro

@@ -31,7 +31,7 @@ const testimonials: Testimonial[] = [
 const companies = ["Company1", "Company2", "Company3", "Company4", "Company5", "Company6"];
 ---
 
-<section class="py-20 bg-gray-50">
+<section id="testimonials" class="py-20 bg-gray-50">
     <div class="container mx-auto px-4">
         <h2 class="text-4xl font-bold text-gray-900 text-center mb-16">
             Trusted by developers worldwide