Template
Remove README
This commit is contained in:
@@ -1,66 +0,0 @@
|
||||
# Vertex landing page starter
|
||||
|
||||
A single-page AI SaaS landing page built with Next.js, TypeScript, Tailwind CSS, shadcn/ui, Magic UI, and next-themes. Includes light/dark themes, animated feature visuals, pricing tabs, and testimonial marquees.
|
||||
|
||||
## Getting started
|
||||
|
||||
Use the repository's pinned Yarn version:
|
||||
|
||||
```bash
|
||||
yarn install
|
||||
yarn dev
|
||||
```
|
||||
|
||||
Open the local URL printed by Next.js. To use a specific port, run `yarn dev --port 3002`.
|
||||
|
||||
## Folder organization
|
||||
|
||||
```text
|
||||
app/
|
||||
page.tsx # Page frame and section order
|
||||
layout.tsx # Metadata, Geist fonts, and theme provider
|
||||
globals.css # Theme tokens, animations, and frame styles
|
||||
components/
|
||||
layout/ # Header, footer, theme provider, and toggle
|
||||
sections/
|
||||
hero-section.tsx
|
||||
logos-section.tsx
|
||||
features-section.tsx
|
||||
features/ # Terminal, orbit, activity list, chart, globe
|
||||
developers-section.tsx
|
||||
reliability-section.tsx
|
||||
pricing-section.tsx
|
||||
testimonials-section.tsx
|
||||
cta-section.tsx
|
||||
shared/ # Brand, headings, frame crosses, reusable copy/cards
|
||||
ui/ # shadcn/ui and Magic UI primitives
|
||||
hooks/ # Shared hooks
|
||||
lib/ # Utilities
|
||||
public/ # Brand logo and Open Graph image
|
||||
```
|
||||
|
||||
Each section is a named component imported directly into `app/page.tsx`. Reorder or remove its component there to change the page composition. Sections retain the shared page frame, borders, and responsive spacing.
|
||||
|
||||
Copy, logo URLs, sample metrics, plans, and testimonials live in the components that use them. There is no separate content or site configuration layer. Feature-specific data lives beside its visual in `components/sections/features/`.
|
||||
|
||||
Pricing owns its billing state. Theme controls and JavaScript-driven visuals keep their own client boundaries; the page composition and static sections do not need a page-wide client component.
|
||||
|
||||
## Customizing the template
|
||||
|
||||
- Edit section copy and data in `components/sections/`.
|
||||
- Edit navigation and footer links in `components/layout/`.
|
||||
- Change the wordmark in `components/shared/brand.tsx` and replace `public/logo.svg`.
|
||||
- Adjust colors, typography tokens, and decorative effects in `app/globals.css`.
|
||||
- Update metadata in `app/layout.tsx`, the favicon in `app/favicon.ico`, and the social preview in `public/og.png`. Set `NEXT_PUBLIC_SITE_URL` to your site's origin when publishing.
|
||||
- Logos and portrait photos are loaded from `https://sb.frontend.co`. Update the source URLs in their components and `images.remotePatterns` in `next.config.js` if using another host.
|
||||
|
||||
Testimonials, portraits, metrics, and pricing are sample content, not verified customer endorsements or service guarantees. Replace them and connect the placeholder signup, sales, status, and privacy links before publishing.
|
||||
|
||||
## Checks and production build
|
||||
|
||||
```bash
|
||||
yarn lint
|
||||
yarn tsc --noEmit
|
||||
yarn build
|
||||
yarn start
|
||||
```
|
||||
Reference in New Issue
Block a user