[V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" import { fontFamily } from "tailwindcss/defaultTheme" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}"], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, navy: { DEFAULT: "#0A192F", light: "#172A45", }, gold: { DEFAULT: "#FFD700", light: "#FFF2AC", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, fontFamily: { sans: ["var(--font-sans)", ...fontFamily.sans], serif: ["var(--font-serif)", ...fontFamily.serif], }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import "@/styles/globals.css" import { Playfair_Display, Lato } from "next/font/google" import type React from "react" // Import React const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-serif", }) const lato = Lato({ subsets: ["latin"], weight: ["400", "700"], variable: "--font-sans", }) export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]css:file="styles/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 220 33% 98%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; } .dark { --background: 222.2Here's the continuation of the text stream: ring: 222.2 84% 4.9%; --radius: 0.5rem; } .dark { --background: 222.2 47.4% 11.2%; --foreground: 210 40% 98%; --card: 222.2 47.4% 11.2%; --card-foreground: 210 40% 98%; --popover: 222.2 47.4% 11.2%; --popover-foreground: 210 40% 98%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" import Image from "next/image" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Card, CardContent } from "@/components/ui/card" import { ChevronUp, Mail, MapPin, Phone } from "lucide-react" export default function LandingPage() { return (

Luminary Events

{/* Hero Section */}

Illuminate Your Event Experience

Crafting unforgettable moments with style and elegance.

{/* Services Section */}

Our Services

{["Wedding Planning", "Corporate Events", "Private Celebrations"].map((service, index) => (

{service}

We bring your vision to life with meticulous planning and flawless execution.

))}

{/* Portfolio Section */}

Our Portfolio

{[1, 2, 3, 4, 5, 6].map((item) => (

Unforgettable Experience

))}

{/* About Section */}

About Luminary Events

At Luminary Events, we believe that every occasion deserves to shine. With our passion for perfection and years of experience, we transform your vision into reality. Our team of dedicated professionals works tirelessly to ensure that every detail of your event is meticulously planned and flawlessly executed.

{/* Contact Section */}

Get in Touch

<Button type="submit" className="w-full bg-gold text-navy hover:bg-gold-light">
                    Send Message
                  </Button>
                </form>
              </div>
              <div className="space-y-6">
                <div className="flex items-center space-x-4">
                  <MapPin className="text-gold" />
                  <p>123 Event Street, City, Country</p>
                </div>
                <div className="flex items-center space-x-4">
                  <Phone className="text-gold" />
                  <p>+1 (555) 123-4567</p>
                </div>
                <div className="flex items-center space-x-4">
                  <Mail className="text-gold" />
                  <p>info@luminaryevents.com</p>
                </div>
                <div className="pt-6">
                  <h3 className="text-xl font-serif font-bold mb-4">Follow Us</h3>
                  <div className="flex space-x-4">
                    {["Facebook", "Instagram", "Twitter", "LinkedIn"].map((social) => (
                      <a key={social} href="#" className="text-gold hover:text-gold-light">
                        {social}
                      </a>
                    ))}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>

<footer className="bg-navy-light py-8">
        <div className="container mx-auto px-4">
          <div className="flex flex-col md:flex-row justify-between items-center">
            <div className="text-sm text-muted-foreground mb-4 md:mb-0">
              © 2023 Luminary Events. All rights reserved.
            </div>
            <nav className="flex space-x-4">
              <a href="#" className="text-sm text-muted-foreground hover:text-gold">
                Privacy Policy
              </a>
              <a href="#" className="text-sm text-muted-foreground hover:text-gold">
                Terms of Service
              </a>
            </nav>
          </div>
        </div>
      </footer>

<button
        onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
        className="fixed bottom-8 right-8 bg-gold text-navy p-2 rounded-full shadow-lg hover:bg-gold-light transition-colors"
        aria-label="Scroll to top"
      >
        <ChevronUp className="h-6 w-6" />
      </button>
    </div>
  )
}
</article></body></html>

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This