Skip to content

Commit 4ef6b79

Browse files
Smit2011Smit2011
committed
CI/CD Implemented
2 parents 179398d + a1267bc commit 4ef6b79

21 files changed

Lines changed: 6529 additions & 0 deletions

‎.gitignore‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.*
7+
.yarn/*
8+
!.yarn/patches
9+
!.yarn/plugins
10+
!.yarn/releases
11+
!.yarn/versions
12+
13+
# testing
14+
/coverage
15+
16+
# next.js
17+
/.next/
18+
/out/
19+
20+
# production
21+
/build
22+
23+
# misc
24+
.DS_Store
25+
*.pem
26+
27+
# debug
28+
npm-debug.log*
29+
yarn-debug.log*
30+
yarn-error.log*
31+
.pnpm-debug.log*
32+
33+
# env files (can opt-in for committing if needed)
34+
.env*
35+
36+
# vercel
37+
.vercel
38+
39+
# typescript
40+
*.tsbuildinfo
41+
next-env.d.ts

‎README.md‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2+
3+
UI/UX Wireframe:- https://preview--access-ai-guardian-ui.lovable.app/
4+
## Getting Started
5+
6+
First, run the development server:
7+
8+
```bash
9+
npm run dev
10+
# or
11+
yarn dev
12+
# or
13+
pnpm dev
14+
# or
15+
bun dev
16+
```
17+
18+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
19+
20+
You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
21+
22+
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
23+
24+
## Learn More
25+
26+
To learn more about Next.js, take a look at the following resources:
27+
28+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
29+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
30+
31+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
32+
33+
## Deploy on Vercel
34+
35+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
36+
37+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

‎app/favicon.ico‎

25.3 KB
Binary file not shown.

‎app/globals.css‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
@import "tailwindcss";
2+
3+
:root {
4+
--background: #ffffff;
5+
--foreground: #171717;
6+
}
7+
8+
@theme inline {
9+
--color-background: var(--background);
10+
--color-foreground: var(--foreground);
11+
--font-sans: var(--font-geist-sans);
12+
--font-mono: var(--font-geist-mono);
13+
}
14+
15+
@media (prefers-color-scheme: dark) {
16+
:root {
17+
--background: #0a0a0a;
18+
--foreground: #ededed;
19+
}
20+
}
21+
22+
body {
23+
background: var(--background);
24+
color: var(--foreground);
25+
font-family: Arial, Helvetica, sans-serif;
26+
}

‎app/layout.js‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
import { Geist, Geist_Mono } from "next/font/google";
2+
import "./globals.css";
3+
import Footer from "@/components/footer";
4+
import Navbar from "@/components/navbar";
5+
const geistSans = Geist({
6+
variable: "--font-geist-sans",
7+
subsets: ["latin"],
8+
});
9+
10+
const geistMono = Geist_Mono({
11+
variable: "--font-geist-mono",
12+
subsets: ["latin"],
13+
});
14+
15+
export const metadata = {
16+
title: "Create Next App",
17+
description: "Generated by create next app",
18+
};
19+
20+
export default function RootLayout({ children }) {
21+
return (
22+
<html lang="en">
23+
<body
24+
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
25+
>
26+
<Navbar />
27+
{children}
28+
<Footer />
29+
</body>
30+
</html>
31+
);
32+
}

‎app/page.js‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
import Image from "next/image";
2+
3+
export default function Home() {
4+
return (
5+
<div className="font-sans grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20">
6+
<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
7+
<Image
8+
className="dark:invert"
9+
src="/next.svg"
10+
alt="Next.js logo"
11+
width={180}
12+
height={38}
13+
priority
14+
/>
15+
<ol className="font-mono list-inside list-decimal text-sm/6 text-center sm:text-left">
16+
<li className="mb-2 tracking-[-.01em]">
17+
Get started by editing{" "}
18+
<code className="bg-black/[.05] dark:bg-white/[.06] font-mono font-semibold px-1 py-0.5 rounded">
19+
app/page.js
20+
</code>
21+
.
22+
</li>
23+
<li className="tracking-[-.01em]">
24+
Save and see your changes instantly.
25+
</li>
26+
</ol>
27+
28+
<div className="flex gap-4 items-center flex-col sm:flex-row">
29+
<a
30+
className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:w-auto"
31+
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
32+
target="_blank"
33+
rel="noopener noreferrer"
34+
>
35+
<Image
36+
className="dark:invert"
37+
src="/vercel.svg"
38+
alt="Vercel logomark"
39+
width={20}
40+
height={20}
41+
/>
42+
Deploy now
43+
</a>
44+
<a
45+
className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-full sm:w-auto md:w-[158px]"
46+
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
47+
target="_blank"
48+
rel="noopener noreferrer"
49+
>
50+
Read our docs
51+
</a>
52+
</div>
53+
</main>
54+
<footer className="row-start-3 flex gap-[24px] flex-wrap items-center justify-center">
55+
<a
56+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
57+
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
58+
target="_blank"
59+
rel="noopener noreferrer"
60+
>
61+
<Image
62+
aria-hidden
63+
src="/file.svg"
64+
alt="File icon"
65+
width={16}
66+
height={16}
67+
/>
68+
Learn
69+
</a>
70+
<a
71+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
72+
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
73+
target="_blank"
74+
rel="noopener noreferrer"
75+
>
76+
<Image
77+
aria-hidden
78+
src="/window.svg"
79+
alt="Window icon"
80+
width={16}
81+
height={16}
82+
/>
83+
Examples
84+
</a>
85+
<a
86+
className="flex items-center gap-2 hover:underline hover:underline-offset-4"
87+
href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
88+
target="_blank"
89+
rel="noopener noreferrer"
90+
>
91+
<Image
92+
aria-hidden
93+
src="/globe.svg"
94+
alt="Globe icon"
95+
width={16}
96+
height={16}
97+
/>
98+
Go to nextjs.org →
99+
</a>
100+
</footer>
101+
</div>
102+
);
103+
}

‎components/footer.jsx‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
"use client";
2+
import React from 'react';
3+
4+
export default function Footer() {
5+
const currentYear = new Date().getFullYear();
6+
7+
return (
8+
<footer className="bg-[#00483a] text-white py-16">
9+
<div className="max-w-7xl mx-auto px-6">
10+
<div className="grid md:grid-cols-4 gap-8 mb-12">
11+
<div className="md:col-span-2">
12+
<h3 className="font-poppins text-2xl font-bold mb-4">AccessibilityGuard</h3>
13+
<p className="font-roboto text-white/80 mb-6 max-w-md">
14+
Making the web accessible for everyone. Protect your business with AI-powered WCAG compliance.
15+
</p>
16+
<a href="#trial" className="inline-flex items-center justify-center rounded-md bg-[#00d4ff] text-white font-medium text-sm py-2 px-6 hover:bg-[#00d4ff]/90 transition-all">
17+
Start Free Trial
18+
</a>
19+
</div>
20+
<div>
21+
<h4 className="font-poppins font-semibold mb-4">Product</h4>
22+
<ul className="space-y-2 font-roboto text-white/80">
23+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#features">Features</a></li>
24+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#pricing">Pricing</a></li>
25+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#">API Docs</a></li>
26+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#">Integrations</a></li>
27+
</ul>
28+
</div>
29+
<div>
30+
<h4 className="font-poppins font-semibold mb-4">Company</h4>
31+
<ul className="space-y-2 font-roboto text-white/80">
32+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#about">About</a></li>
33+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#">Contact</a></li>
34+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#">Privacy</a></li>
35+
<li><a className="hover:text-[#00d4ff] transition-colors" href="#">Terms</a></li>
36+
</ul>
37+
</div>
38+
</div>
39+
<div className="border-t border-white/20 pt-8 flex flex-col md:flex-row justify-between items-center">
40+
<p className="font-roboto text-white/60 text-sm">
41+
© {currentYear} AccessibilityGuard. All rights reserved.
42+
</p>
43+
<div className="flex space-x-4 mt-4 md:mt-0">
44+
<a href="#" className="text-white/60 hover:text-[#00d4ff] transition-colors">Twitter</a>
45+
<a href="#" className="text-white/60 hover:text-[#00d4ff] transition-colors">LinkedIn</a>
46+
<a href="#" className="text-white/60 hover:text-[#00d4ff] transition-colors">GitHub</a>
47+
</div>
48+
</div>
49+
</div>
50+
</footer>
51+
);
52+
}

‎components/footer.tmp.jsx‎

Whitespace-only changes.

‎components/navbar.jsx‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
"use client";
2+
import React, { useState } from 'react';
3+
4+
export default function Navbar() {
5+
const [isMenuOpen, setIsMenuOpen] = useState(false);
6+
7+
const toggleMenu = () => {
8+
setIsMenuOpen(!isMenuOpen);
9+
};
10+
11+
return (
12+
<nav className="bg-white/95 backdrop-blur-sm border-b border-gray-200 fixed top-0 left-0 right-0 z-50">
13+
<div className="max-w-7xl mx-auto px-6">
14+
<div className="flex items-center justify-between h-16">
15+
<a className="font-poppins text-xl font-bold text-blue-600" href="/">
16+
AccessibilityGuard
17+
</a>
18+
<div className="hidden md:flex items-center space-x-8">
19+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#features">Features</a>
20+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#how-it-works">How It Works</a>
21+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#pricing">Pricing</a>
22+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#about">About</a>
23+
</div>
24+
<div className="hidden md:flex items-center space-x-3">
25+
<a
26+
className="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors h-10 px-4 py-2"
27+
href="/dashboard/overview"
28+
>
29+
Sign In
30+
</a>
31+
<a
32+
className="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm bg-[#00d4ff] text-white font-semibold hover:bg-[#00d4ff]/90 shadow-md transition-all duration-300 h-10 px-4 py-2"
33+
href="/dashboard/overview"
34+
>
35+
Get Started Free
36+
</a>
37+
</div>
38+
<button
39+
className="md:hidden p-2"
40+
aria-label="Toggle menu"
41+
onClick={toggleMenu}
42+
>
43+
<svg
44+
xmlns="http://www.w3.org/2000/svg"
45+
width="24"
46+
height="24"
47+
viewBox="0 0 24 24"
48+
fill="none"
49+
stroke="currentColor"
50+
strokeWidth="2"
51+
strokeLinecap="round"
52+
strokeLinejoin="round"
53+
className="lucide lucide-menu h-6 w-6 text-gray-600"
54+
>
55+
<line x1="4" x2="20" y1="12" y2="12"></line>
56+
<line x1="4" x2="20" y1="6" y2="6"></line>
57+
<line x1="4" x2="20" y1="18" y2="18"></line>
58+
</svg>
59+
</button>
60+
61+
{/* Mobile menu, show/hide based on menu state */}
62+
{isMenuOpen && (
63+
<div className="md:hidden absolute top-16 left-0 right-0 bg-white shadow-lg p-4">
64+
<div className="flex flex-col space-y-4">
65+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#features">Features</a>
66+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#how-it-works">How It Works</a>
67+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#pricing">Pricing</a>
68+
<a className="font-roboto text-gray-600 hover:text-[#00d4ff] transition-colors font-medium" href="#about">About</a>
69+
<a className="font-medium text-[#00d4ff]" href="/dashboard/overview">Sign In</a>
70+
<a className="inline-flex items-center justify-center rounded-md bg-[#00d4ff] text-white font-semibold px-4 py-2" href="/dashboard/overview">Get Started Free</a>
71+
</div>
72+
</div>
73+
)}
74+
</div>
75+
</div>
76+
</nav>
77+
);
78+
}

‎components/navbar.tmp.jsx‎

Whitespace-only changes.

0 commit comments

Comments
 (0)