[V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); /* Italian Made Cars Club — Vintage Heritage Palette Primary: Deep Rosso Corsa (muted Italian racing red) Background: Warm parchment / aged paper cream Foreground: Rich espresso brown-black Accent: Aged gold / brass Muted: Warm stone / taupe */ :root { --background: #f5f0e8; --foreground: #2c2418; --card: #efe9de; --card-foreground: #2c2418; --popover: #efe9de; --popover-foreground: #2c2418; --primary: #8b2d1a; --primary-foreground: #f5f0e8; --secondary: #e8e0d0; --secondary-foreground: #2c2418; --muted: #e0d7c6; --muted-foreground: #6b5d4d; --accent: #b8943f; --accent-foreground: #2c2418; --destructive: #9b3023; --destructive-foreground: #f5f0e8; --border: #d4c9b5; --input: #d4c9b5; --ring: #8b2d1a; --chart-1: #8b2d1a; --chart-2: #b8943f; --chart-3: #4a6741; --chart-4: #6b5d4d; --chart-5: #d4c9b5; --radius: 0.25rem; } @theme inline { --font-sans: 'DM Sans', 'DM Sans Fallback', system-ui, sans-serif; --font-serif: 'Playfair Display', 'Playfair Display Fallback', Georgia, serif; --font-mono: 'Geist Mono', 'Geist Mono Fallback', monospace; --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) - 2px); --radius-md: var(--radius); --radius-lg: calc(var(--radius) + 2px); --radius-xl: calc(var(--radius) + 6px); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } /* Subtle paper texture overlay */ .paper-texture { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"); } /* Vintage divider ornament */ .ornament-divider { display: flex; align-items: center; gap: 1rem; } .ornament-divider::before, .ornament-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); } /* Map container styles */ .leaflet-container { font-family: inherit !important; z-index: 1; } /* Smooth scrolling */ html { scroll-behavior: smooth; } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.9.1", "@vercel/analytics": "1.6.1", "@radix-ui/react-accordion": "1.2.12", "@radix-ui/react-alert-dialog": "1.1.15", "@radix-ui/react-aspect-ratio": "1.1.8", "@radix-ui/react-avatar": "1.1.11", "@radix-ui/react-checkbox": "1.3.3", "@radix-ui/react-collapsible": "1.1.12", "@radix-ui/react-context-menu": "2.2.16", "@radix-ui/react-dialog": "1.1.15", "@radix-ui/react-dropdown-menu": "2.1.16", "@radix-ui/react-hover-card": "1.1.15", "@radix-ui/react-label": "2.1.8", "@radix-ui/react-menubar": "1.1.16", "@radix-ui/react-navigation-menu": "1.2.14", "@radix-ui/react-popover": "1.1.15", "@radix-ui/react-progress": "1.1.8", "@radix-ui/react-radio-group": "1.3.8", "@radix-ui/react-scroll-area": "1.2.10", "@radix-ui/react-select": "2.2.6", "@radix-ui/react-separator": "1.1.8", "@radix-ui/react-slider": "1.3.6", "@radix-ui/react-slot": "1.2.4", "@radix-ui/react-switch": "1.2.6", "@radix-ui/react-tabs": "1.1.13", "@radix-ui/react-toast": "1.2.15", "@radix-ui/react-toggle": "1.1.10", "@radix-ui/react-toggle-group": "1.1.11", "@radix-ui/react-tooltip": "1.2.8", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.1.1", "date-fns": "4.1.0", "embla-carousel-react": "8.6.0", "input-otp": "1.4.2", "lucide-react": "^0.564.0", "next": "16.1.6", "next-themes": "^0.4.6", "react": "19.2.4", "react-day-picker": "9.13.2", "react-dom": "19.2.4", "react-hook-form": "^7.54.1", "react-resizable-panels": "^2.1.7", "recharts": "2.15.0", "sonner": "^1.7.1", "tailwind-merge": "^3.3.1", "vaul": "^1.1.2", "zod": "^3.24.1", "tailwindcss-animate": "1.0.7" }, "devDependencies": { "@tailwindcss/postcss": "^4.2.0", "@types/node": "^22", "@types/react": "19.2.14", "@types/react-dom": "19.2.3", "postcss": "^8.5", "tailwindcss": "^4.2.0", "tw-animate-css": "1.3.3", "typescript": "5.7.3" } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type { Metadata, Viewport } from 'next' import { Playfair_Display, DM_Sans } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import './globals.css' const _playfair = Playfair_Display({ subsets: ['latin'], weight: ['400', '500', '600', '700', '800', '900'], style: ['normal', 'italic'], display: 'swap', }) const _dmSans = DM_Sans({ subsets: ['latin'], weight: ['300', '400', '500', '600', '700'], display: 'swap', }) export const metadata: Metadata = { title: 'Italian Made Cars Club | Adelaide, South Australia', description: 'Adelaide\'s community for Italian car enthusiasts. Monthly drives, breakfast runs, concourse events and social gatherings celebrating the passion of Italian motoring.', generator: 'v0.app', icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export const viewport: Viewport = { themeColor: '#8b2d1a', } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" "use client" import { useState } from "react" import { Menu, X } from "lucide-react" const navLinks = [ { label: "Home", href: "#home" }, { label: "About", href: "#about" }, { label: "Events", href: "#events" }, { label: "Gallery", href: "#gallery" }, { label: "Sponsors", href: "#sponsors" }, { label: "Contact", href: "#contact" }, ] export function Header() { const [mobileOpen, setMobileOpen] = useState(false) return (

{/* Logo / Wordmark */}

{/* Desktop Navigation */} {/* Mobile Toggle */}

{/* Mobile Navigation */} {mobileOpen && ( )}

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isMerged="true" import { ChevronDown } from "lucide-react" export function Hero() { return (

{/* Background pattern: subtle vintage grid */}

{/* Badge */}

Est. Adelaide, South Australia

{/* Decorative top rule */}

{/* Main heading */}

Italian Made Cars Club

{/* Decorative bottom rule */}

{/* Tagline */}

Bringing the driving pleasure and passion together since the golden age of Italian motoring.

{/* CTA Buttons */}

Discover More Get in Touch

{/* Meeting info badge */}

Monthly meetings held{" "} first Tuesday of the month at 7:00 pm

Upstairs at the{" "} Astor Hotel, 437 Pulteney St, Adelaide

{/* Scroll indicator */}

) } [V0_FILE]typescriptreact:file="components/about.tsx" isMerged="true" import { Car, Users, BookOpen, Gauge } from "lucide-react" const pillars = [ { icon: Car, title: "Who We Are", description: "A passionate community driving and celebrating classic Italian motor vehicles, offering social activities for members, their families and friends.", }, { icon: Gauge, title: "Our Aim", description: "To maintain the awareness and the presence of Italian motor vehicles on South Australia\u2019s public roads for generations to come.", }, { icon: Users, title: "What We Offer", description: "Monthly breakfast runs, club-organised lunch drives, concourse events and social activities revolving around the cars we love.", }, { icon: BookOpen, title: "All Welcome", description: "All Italian motor vehicles are welcome, from the humble to the glamorous, and anyone interested in their conservation and maintenance.", }, ] export function About() { return (

{/* Section heading */}

About the Club

A Tradition of Italian Motoring

{/* Opening paragraph */}

Italian Made Cars Club provides log books to members conforming to the Road Transport Authority issued by the Federation of Historic Car Clubs. We offer a flexible membership structure to suit all applicants, and publish a quarterly magazine keeping members up to date with upcoming events and past activities.

{/* Pillar cards */}

{pillars.map((pillar) => (

{pillar.title}

{pillar.description}

))}

{/* Pull quote */}

{'"'}We bring the driving pleasure and passion together.{'"'}

) } [V0_FILE]typescriptreact:file="components/events.tsx" isMerged="true" import { Calendar, MapPin, Clock } from "lucide-react" const events = [ { title: "Monthly Breakfast Run", date: "First Sunday of Every Month", time: "8:30 AM", location: "Various Adelaide Hills Locations", description: "Join fellow enthusiasts for a scenic drive through the Adelaide Hills followed by a leisurely breakfast at a rotating selection of charming cafes.", badge: "Recurring", }, { title: "Concourse & Show Day", date: "Quarterly", time: "10:00 AM", location: "Barossa Valley, SA", description: "Display your prized Italian machinery alongside fellow members at our curated show-and-shine events in the beautiful Barossa Valley.", badge: "Featured", }, { title: "Monthly Club Meeting", date: "First Tuesday of Every Month", time: "7:00 PM", location: "Astor Hotel, 437 Pulteney St, Adelaide", description: "Our regular monthly gathering upstairs at the Astor Hotel. Meet members, discuss upcoming events, and enjoy a lively evening together.", badge: "Recurring", }, { title: "Coastal Run", date: "Seasonal", time: "9:00 AM", location: "Marino to North Haven", description: "A picturesque drive along Adelaide\u2019s coast from Marino Golf Club to North Haven esplanade. A favourite among members.", badge: "Popular", }, { title: "Porchetta & Car Display", date: "Annual", time: "1:00 PM", location: "God\u2019s Hill Winery, Barossa", description: "Our signature annual event combining fine Italian food with a stunning display of Italian motoring heritage at God\u2019s Hill Winery.", badge: "Annual", }, { title: "McLaren Vale Vintage Festival", date: "Annual", time: "9:30 AM", location: "Serafino Winery, McLaren Vale", description: "Drive in together for a day at the McLaren Vale Classic and Vintage Festival, surrounded by wine country and world-class vehicles.", badge: "Annual", }, ] export function Events() { return (

{/* Section heading */}

What{"'"}s On

Events & Gatherings

From scenic breakfast runs through the Adelaide Hills to annual celebrations at Barossa wineries, there is always something on the calendar.

{/* Events grid */}

{events.map((event) => (

{/* Card header with badge */}

{event.title}

{event.badge}

{/* Card body */}

{event.date}

{event.time}

{event.location}

{event.description}

))}

) } [V0_FILE]typescriptreact:file="components/gallery.tsx" isMerged="true" "use client" import { useState } from "react" import { X, ChevronLeft, ChevronRight } from "lucide-react" const galleryItems = [ { title: "Richmond Classic Cars", description: "Members gather at Richmond Classics for a special offsite meeting.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "Fiat Nationals Show & Shine", description: "A stunning display at the Fiat Nationals in Murray Bridge.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "Coastal Run", description: "The scenic Marino to North Haven esplanade drive.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "Barossa Valley Concourse", description: "Italian beauties line up among the vineyards of the Barossa.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "God\u2019s Hill Winery", description: "Porchetta, wine and an Italian car display at its finest.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "Adelaide Hills Breakfast", description: "Early morning drives followed by great food and company.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "McLaren Vale Festival", description: "The Classic and Vintage Festival at Serafino Winery.", placeholder: "/placeholder.svg?height=400&width=600", }, { title: "Adelaide Motorsport Festival", description: "Italian machinery on display at Victoria Park.", placeholder: "/placeholder.svg?height=400&width=600", }, ] export function Gallery() { const [lightboxIndex, setLightboxIndex] = useState(null) const openLightbox = (index: number) => setLightboxIndex(index) const closeLightbox = () => setLightboxIndex(null) const goNext = () => setLightboxIndex((prev) => (prev !== null ? (prev + 1) % galleryItems.length : null)) const goPrev = () => setLightboxIndex((prev) => prev !== null ? (prev - 1 + galleryItems.length) % galleryItems.length : null ) return (

{/* Section heading */}

Memories

Events Gallery

{/* Gallery grid */}

{galleryItems.map((item, index) => ( ))}

{/* Lightbox */} {lightboxIndex !== null && ( )}

) } [V0_FILE]typescriptreact:file="components/sponsors.tsx" isMerged="true" const sponsors = [ { name: "God\u2019s Hill Wines", description: "Lot 211, Gods Hill Road Lyndoch, Barossa Valley SA 5351", category: "Winery", }, { name: "The Spare Place", description: "Specialists in Alfa Romeo spare parts and accessories. We know our Alfa parts so you get the right part the first time.", category: "Parts", }, { name: "Gorge Road Motor Bodies", description: "Over 10 years in the collision repair business. RAA and MTA approved, specialising in vintage to late model repairs.", category: "Auto Body", }, { name: "Jorrell\u2019s", description: "High quality fashionable hair styling, operating in Adelaide, South Australia.", category: "Lifestyle", }, { name: "Veloce Paninoteca", description: "Coffee is our passion! 100% Arabica beans roasted to perfection. CBA Building, 100 King William St Adelaide.", category: "Hospitality", }, ] export function Sponsors() { return (

{/* Section heading */}

Our Partners

Proudly Supported By

{/* Sponsors grid */}

{sponsors.map((sponsor) => (

{sponsor.name}

{sponsor.category}

{sponsor.description}

))}

{/* Become a sponsor CTA */}

Interested in supporting the Italian Made Cars Club?{" "} Get in touch

) } [V0_FILE]typescriptreact:file="components/contact.tsx" isMerged="true" "use client" import { useState, type FormEvent } from "react" import { MapPin, Phone, Mail, Clock, CheckCircle2 } from "lucide-react" import { MapEmbed } from "@/components/map-embed" export function Contact() { const [submitted, setSubmitted] = useState(false) const [formData, setFormData] = useState({ name: "", email: "", subject: "", message: "", }) const handleSubmit = (e: FormEvent) => { e.preventDefault() setSubmitted(true) } const handleChange = ( e: React.ChangeEvent ) => { setFormData((prev) => ({ ...prev, [e.target.name]: e.target.value })) } return (

{/* Section heading */}

Get in Touch

Contact Us

Come along to any of our meetings, meet members and enjoy a lively and entertaining evening. We would love to hear from you.

{/* Contact information + map */}

{/* Info cards */}

Meeting Location

Astor Hotel (Upstairs)
437 Pulteney St
Adelaide SA 5000

Meeting Times

First Tuesday of every month
7:00 PM

Phone

+61 412 361 284

Email

enquiriesitalianmadecarsclub@gmail.com

{/* Map */}

{/* Contact form */}

{submitted ? (

Message Sent

Thank you for reaching out to the Italian Made Cars Club. We will be in touch with you shortly.

) : (

Send Us a Message

Fill out the form below and we will get back to you.

Full Name

Email Address

Subject

Message

</div>

<button
                  type="submit"
                  className="w-full py-3 bg-primary text-primary-foreground font-medium text-sm tracking-widest uppercase rounded-sm hover:bg-primary/90 transition-colors duration-200"
                >
                  Send Message
                </button>
              </form>
            )}
          </div>
        </div>
      </div>
    </section>
  )
}
[V0_FILE]typescriptreact:file="components/map-embed.tsx" isMerged="true"
"use client"

import { useEffect, useRef } from "react"

// Adelaide: Astor Hotel, 437 Pulteney St
const LATITUDE = -34.9285
const LONGITUDE = 138.6116
const ZOOM = 15

export function MapEmbed() {
  const mapRef = useRef<HTMLDivElement>(null)
  const mapInstanceRef = useRef<unknown>(null)

useEffect(() => {
    if (!mapRef.current || mapInstanceRef.current) return

// Dynamically load Leaflet CSS
    const linkEl = document.createElement("link")
    linkEl.rel = "stylesheet"
    linkEl.href = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
    linkEl.crossOrigin = "anonymous"
    document.head.appendChild(linkEl)

// Dynamically load Leaflet JS
    const scriptEl = document.createElement("script")
    scriptEl.src = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
    scriptEl.crossOrigin = "anonymous"
    scriptEl.onload = () => {
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      const L = (window as any).L
      if (!L || !mapRef.current) return

const map = L.map(mapRef.current, {
        scrollWheelZoom: false,
      }).setView([LATITUDE, LONGITUDE], ZOOM)

L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
        attribution:
          '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
        maxZoom: 19,
      }).addTo(map)

L.marker([LATITUDE, LONGITUDE])
        .addTo(map)
        .bindPopup(
          "<strong>Astor Hotel</strong><br>437 Pulteney St<br>Adelaide SA 5000"
        )
        .openPopup()

mapInstanceRef.current = map
    }
    document.head.appendChild(scriptEl)

return () => {
      if (mapInstanceRef.current) {
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        ;(mapInstanceRef.current as any).remove()
        mapInstanceRef.current = null
      }
    }
  }, [])

return (
    <div
      ref={mapRef}
      className="w-full h-full min-h-[300px]"
      role="img"
      aria-label="Map showing the meeting location at the Astor Hotel, 437 Pulteney Street, Adelaide"
    />
  )
}
[V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true"
const footerLinks = [
  { label: "Home", href: "#home" },
  { label: "About", href: "#about" },
  { label: "Events", href: "#events" },
  { label: "Gallery", href: "#gallery" },
  { label: "Sponsors", href: "#sponsors" },
  { label: "Contact", href: "#contact" },
]

export function Footer() {
  return (
    <footer className="bg-foreground text-background">
      <div className="mx-auto max-w-6xl px-6 py-16">
        <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-12">
          {/* Brand column */}
          <div className="lg:col-span-1">
            <div className="flex items-center gap-3 mb-6">
              <div className="flex items-center justify-center w-11 h-11 rounded-full border-2 border-background/30">
                <span className="font-serif font-bold text-lg leading-none text-background">
                  IM
                </span>
              </div>
              <div>
                <span className="font-serif text-sm font-semibold tracking-wide uppercase leading-none block text-background">
                  Italian Made
                </span>
                <span className="font-serif text-xs tracking-widest uppercase leading-none block mt-0.5 text-background/60">
                  Cars Club
                </span>
              </div>
            </div>
            <p className="text-sm text-background/50 leading-relaxed max-w-xs">
              Adelaide{"'"}s community for Italian car enthusiasts. Celebrating the passion and
              heritage of Italian motoring since the golden age.
            </p>
          </div>

{/* Navigation */}
          <div>
            <h4 className="font-serif text-sm font-semibold tracking-widest uppercase mb-6 text-background/70">
              Navigation
            </h4>
            <ul className="flex flex-col gap-3">
              {footerLinks.map((link) => (
                <li key={link.href}>
                  <a
                    href={link.href}
                    className="text-sm text-background/50 hover:text-background transition-colors duration-200"
                  >
                    {link.label}
                  </a>
                </li>
              ))}
            </ul>
          </div>

{/* Contact details */}
          <div>
            <h4 className="font-serif text-sm font-semibold tracking-widest uppercase mb-6 text-background/70">
              Contact
            </h4>
            <ul className="flex flex-col gap-3 text-sm text-background/50">
              <li>
                Astor Hotel (Upstairs)
                <br />
                437 Pulteney St, Adelaide SA 5000
              </li>
              <li>+61 412 361 284</li>
              <li className="break-all">enquiriesitalianmadecarsclub@gmail.com</li>
              <li className="mt-2 text-background/40">
                First Tuesday of every month, 7:00 PM
              </li>
            </ul>
          </div>
        </div>

{/* Bottom bar */}
        <div className="mt-12 pt-8 border-t border-background/10 flex flex-col sm:flex-row items-center justify-between gap-4">
          <p className="text-xs text-background/40">
            {"\u00A9"} {new Date().getFullYear()} Italian Made Cars Club. All rights reserved.
          </p>
          <p className="text-xs text-background/30">Adelaide, South Australia</p>
        </div>
      </div>
    </footer>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx"
import { Header } from "@/components/header"
import { Hero } from "@/components/hero"
import { About } from "@/components/about"
import { Events } from "@/components/events"
import { Gallery } from "@/components/gallery"
import { Sponsors } from "@/components/sponsors"
import { Contact } from "@/components/contact"
import { Footer } from "@/components/footer"

export default function HomePage() {
  return (
    <>
      <Header />
      <main>
        <Hero />
        <About />
        <Events />
        <Gallery />
        <Sponsors />
        <Contact />
      </main>
      <Footer />
    </>
  )
}</article></body></html>

Italian Made Cars Club

A Tradition of Italian Motoring

{pillar.title}

Events & Gatherings

{event.title}

Events Gallery

{item.title}

{galleryItems[lightboxIndex].title}

Proudly Supported By

{sponsor.name}

Contact Us

Meeting Location

Meeting Times

Phone

Email

Message Sent

Send Us a Message