Genie 3 Landing Page

A high-conversion, SEO-optimized landing page for Genie 3, the revolutionary AI world model by Google DeepMind.

Tech Stack

Framework: Next.js 15 with TypeScript
Styling: Tailwind CSS + Shadcn UI
Deployment: OpenNext on Cloudflare Workers
Package Manager: pnpm

Features

SEO-optimized with focus on "Genie 3" keyword
Responsive design with modern UI components
High-performance landing page with all essential sections
Privacy Policy and Terms of Service pages
Ready for Cloudflare Workers deployment

Installation

Install dependencies:

pnpm install

Run development server:

pnpm dev

Open http://localhost:3000 to view the site.

Deployment to Cloudflare Workers

Prerequisites

Install Wrangler CLI (already included as dev dependency):

pnpm install

wrangler login

Create R2 bucket for caching (optional):

wrangler r2 bucket create genie3-vip-cache

Deploy

Build and deploy to Cloudflare Workers:

pnpm deploy

Or preview locally before deploying:

pnpm preview

Custom Domain Setup

Add your domain (genie3.vip) to Cloudflare
Update DNS settings to point to your Cloudflare Pages project
Configure SSL/TLS settings in Cloudflare dashboard

Project Structure

├── app/
│   ├── page.tsx          # Landing page
│   ├── privacy/
│   │   └── page.tsx      # Privacy Policy
│   ├── terms/
│   │   └── page.tsx      # Terms of Service
│   ├── layout.tsx        # Root layout with SEO metadata
│   └── globals.css       # Global styles
├── components/
│   └── ui/              # Shadcn UI components
├── lib/
│   └── utils.ts         # Utility functions
├── public/
│   ├── robots.txt       # SEO robots file
│   └── sitemap.xml      # SEO sitemap
├── open-next.config.ts  # OpenNext configuration
└── wrangler.toml        # Cloudflare Workers config

SEO Features

Optimized meta tags and Open Graph data
Structured data for search engines
Sitemap.xml for better indexing
Robots.txt for crawler guidance
Semantic HTML structure
Fast loading times with edge deployment

Performance Optimization

Server-side rendering with Next.js
Edge deployment on Cloudflare Workers
Optimized images and assets
Minimal JavaScript bundle
Tailwind CSS for efficient styling

tianlelyd/genie3.vip