[V0_FILE]css:file="app/globals.css" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(0.08 0 0); --foreground: oklch(0.98 0 0); --card: oklch(0.12 0 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.12 0 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.45 0.15 142); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.18 0 0); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.15 0 0); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.65 0.18 85); --accent-foreground: oklch(0.08 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.25 0 0); --input: oklch(0.18 0 0); --ring: oklch(0.45 0.15 142); --chart-1: oklch(0.45 0.15 142); --chart-2: oklch(0.65 0.18 85); --chart-3: oklch(0.55 0.12 200); --chart-4: oklch(0.75 0.08 60); --chart-5: oklch(0.35 0.2 320); --radius: 0.5rem; --sidebar: oklch(0.12 0 0); --sidebar-foreground: oklch(0.98 0 0); --sidebar-primary: oklch(0.45 0.15 142); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.18 0 0); --sidebar-accent-foreground: oklch(0.98 0 0); --sidebar-border: oklch(0.25 0 0); --sidebar-ring: oklch(0.45 0.15 142); } .dark { --background: oklch(0.08 0 0); --foreground: oklch(0.98 0 0); --card: oklch(0.12 0 0); --card-foreground: oklch(0.98 0 0); --popover: oklch(0.12 0 0); --popover-foreground: oklch(0.98 0 0); --primary: oklch(0.45 0.15 142); --primary-foreground: oklch(0.98 0 0); --secondary: oklch(0.18 0 0); --secondary-foreground: oklch(0.98 0 0); --muted: oklch(0.15 0 0); --muted-foreground: oklch(0.65 0 0); --accent: oklch(0.65 0.18 85); --accent-foreground: oklch(0.08 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.98 0 0); --border: oklch(0.25 0 0); --input: oklch(0.18 0 0); --ring: oklch(0.45 0.15 142); --chart-1: oklch(0.45 0.15 142); --chart-2: oklch(0.65 0.18 85); --chart-3: oklch(0.55 0.12 200); --chart-4: oklch(0.75 0.08 60); --chart-5: oklch(0.35 0.2 320); --sidebar: oklch(0.12 0 0); --sidebar-foreground: oklch(0.98 0 0); --sidebar-primary: oklch(0.45 0.15 142); --sidebar-primary-foreground: oklch(0.98 0 0); --sidebar-accent: oklch(0.18 0 0); --sidebar-accent-foreground: oklch(0.98 0 0); --sidebar-border: oklch(0.25 0 0); --sidebar-ring: oklch(0.45 0.15 142); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/page.tsx" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Music, Leaf, MapPin, Clock, Users } from "lucide-react" export default function HomePage() { return (

{/* Navigation */} {/* Hero Section */}

{/* Main Hero Content */}

Live Music & Plants

Where Music Grows Wild

A unique fusion of live acoustic performances and botanical beauty. Sip artisan coffee surrounded by lush greenery while discovering emerging artists.

{/* Hero Image Grid */}

{/* Features Section */}

THE VERDANT EXPERIENCE

Our process that begins and ends with culture - where music, nature, and community converge

1. Discover

We help you discover new sounds and artists in an intimate setting where every note resonates.

2. Connect

Connect with nature and community in our botanical oasis designed for mindful listening.

3. Grow

Watch artists and community flourish in a space that nurtures creativity and authentic connections.

{/* Events Grid */}

UPCOMING SHOWS

Tonight

Luna Rivers

Indie folk with botanical storytelling

8:00 PM

25 seats

Tomorrow

The Greenhouse Trio

Jazz fusion meets nature sounds

7:30 PM

30 seats

This Weekend

Moss & Circuits

Ambient electronic with live plant sensors

9:00 PM

40 seats

{/* About Section */}

Cultivating Sound in Living Spaces

Verdant Sound is more than a venue—it's an ecosystem where music and nature create symbiotic experiences. Our space features over 200 carefully curated plants that respond to sound frequencies, creating a living, breathing backdrop for intimate performances.

Every corner tells a story of growth, from our coffee sourced from musician-owned farms to our acoustic design that lets both music and nature flourish together.

200+

Living Plants

50+

Artists Monthly

{/* CTA Section */}

Ready to Experience Music That Grows?

Join our community of music lovers and plant enthusiasts. Reserve your spot for an unforgettable evening where sound and nature unite.

{/* Footer */}

) } [V0_FILE]jpg:file="public/acoustic-guitar-player-in-plant-filled-cafe.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/acoustic-guitar-player-in-plant-filled-cafe-R1bu1zGX5HNEymPbj6K63o18eOtZDc.jpg" [V0_FILE]jpg:file="public/lush-green-plants-and-hanging-gardens-in-cafe.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lush-green-plants-and-hanging-gardens-in-cafe-sJnLWvIdeH7MdVLoKeqCEwbO5AvopT.jpg" [V0_FILE]jpg:file="public/artisan-coffee-and-pastries-on-wooden-table.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/artisan-coffee-and-pastries-on-wooden-table-LYAwz5WWfMJSKeLuYWB6IBj3wR6idI.jpg" [V0_FILE]jpg:file="public/intimate-music-venue-with-plants-and-warm-lighting.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/intimate-music-venue-with-plants-and-warm-lighting-QpOxmMfN321OUKcAIeahgG5siKh0hK.jpg" [V0_FILE]jpg:file="public/indie-folk-singer-with-acoustic-guitar-in-intimate.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/indie-folk-singer-with-acoustic-guitar-in-intimate-SYaxJTPetrd1qXqZKJ00ZY3zDL7AFw.jpg" [V0_FILE]jpg:file="public/jazz-trio-performing-in-plant-filled-venue.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/jazz-trio-performing-in-plant-filled-venue-AioUgCnS6LJRhTxd0672I3z6wzMcxb.jpg" [V0_FILE]jpg:file="public/electronic-ambient-musician-with-synthesizers-and-.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/electronic-ambient-musician-with-synthesizers-and--llpHVcu9yPUyCaanBW1BRolxp49y8a.jpg" [V0_FILE]jpg:file="public/lush-indoor-garden-cafe-with-hanging-plants-and-na.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/lush-indoor-garden-cafe-with-hanging-plants-and-na-kGIbfzOHgAIemqbgTNfIgNJI10XzVH.jpg" [V0_FILE]json:file="package.json" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } }

About

Tags

Share

About

Tags

Share

More from rickeymcgregor

More Templates Like This

About

Tags

Share

About

Tags

Share

More from rickeymcgregor

More Templates Like This