A modern, responsive landing page built with Next.js for the OpenAuditLabs initiative. This repository contains the complete codebase for the project's official website, designed to showcase the mission and provide information to visitors.
OpenAuditLabs/Site serves as the digital front door for the OpenAuditLabs project. Built using modern web technologies, this landing page delivers a fast, accessible, and engaging user experience while maintaining professional standards and optimal performance.
- Modern Architecture: Built with Next.js 15 and the App Router for optimal performance
- Responsive Design: Fully responsive layout that works seamlessly across all devices
- Performance Optimized: Server-side rendering and static generation for fast load times
- Professional UI: Clean, modern interface designed for accessibility and usability
- SEO Ready: Optimized for search engines with proper meta tags and structured data
Technology | Description |
---|---|
Next.js 15 - React framework for production | |
Tailwind CSS - Utility-first CSS framework | |
TypeScript - Typed JavaScript at scale | |
Vercel - Deployment and hosting platform |
- Node.js 18.0 or later
- pnpm package manager
-
Clone the repository
git clone https://github.com/openauditslabs/site.git cd site
-
Install dependencies
pnpm install
-
Run the development server
pnpm dev
-
Open your browser
Navigate to http://localhost:3000 to view the application.
pnpm run build
pnpm start
This project follows Next.js best practices and modern development standards:
- Code Quality: ESLint and Prettier for consistent code formatting
- Type Safety: Full TypeScript implementation
- Performance: Optimized images, fonts, and assets
- Accessibility: WCAG 2.1 AA compliance standards
Below is the main folder structure of the project:
src/
├── app/ # Next.js App Router
│ ├── favicon.ico
│ ├── layout.tsx # Root layout
│ ├── (landing)/ # Landing page and subpages
│ │ ├── layout.tsx
│ │ ├── page.tsx
│ │ ├── about/
│ │ │ └── about.tsx
│ │ ├── contact/
│ │ │ └── contact.tsx
│ │ ├── features/
│ │ │ └── features.tsx
│ │ ├── OpenAuditAction/
│ │ │ └── OpenAuditAction.tsx
│ │ ├── pricing/
│ │ │ └── pricing.tsx
│ │ ├── research/
│ │ │ └── research.tsx
│ │ └── RevolutionaryFeatures/
│ │ └── revolutionaryFeatures.tsx
│ ├── actions/
│ │ └── contact.ts
│ └── privacy/
│ └── page.tsx
│
├── components/ # Reusable components
│ ├── common/
│ │ ├── PrivacyPolicyModal.tsx
│ │ ├── SectionHeading.tsx
│ │ └── ToSModal.tsx
│ ├── landing/
│ │ ├── ContactForm.tsx
│ │ ├── Hero.tsx
│ │ ├── PricingTableCard.tsx
│ │ ├── revFeaturesCard.tsx
│ │ └── hero/
│ │ └── HeroCarousel.tsx
│ ├── layout/
│ │ ├── Footer.tsx
│ │ └── Navbar.tsx
│ └── ui/
│ ├── badge.tsx
│ ├── button.tsx
│ ├── card.tsx
│ ├── form.tsx
│ ├── input.tsx
│ ├── label.tsx
│ └── shadcn-io/
│ └── code-editor/
│ └── index.tsx
│
├── lib/ # Utility functions
│ └── utils.ts
│
├── providers/ # Context providers
│ └── theme-provider.tsx
│
└── styles/ # CSS files
├── animation.css
└── globals.css
This structure ensures a clean and organized codebase, making it easier to maintain and scale the project.
This project is licensed under the GNU Affero General Public License v3.0. See the LICENSE file for details.
For questions, issues, or feature requests, please use the GitHub Issues tracker. We aim to respond to all inquiries in a timely manner.