[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client" import Navbar from "@/components/navbar" import Hero from "@/components/hero" import Services from "@/components/services" import Portfolio from "@/components/portfolio" import About from "@/components/about" import CTA from "@/components/cta" import Footer from "@/components/footer" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isMerged="true" "use client" import { ChevronDown } from "lucide-react" export default function Hero() { const scrollToSection = () => { const element = document.getElementById("about") element?.scrollIntoView({ behavior: "smooth" }) } return (

WELCOME TO ELEGANCE

Your Dream Event, Perfectly Planned

Flovibzz Weddings specializes in creating unforgettable moments with meticulous attention to every detail.

) } [V0_FILE]typescriptreact:file="components/about.tsx" isMerged="true" "use client" export default function About() { return (

About Us

Crafting Timeless Celebrations

With over 8 years of experience in event planning, Flovibzz Weddings has established itself as the premier choice for couples and corporate clients seeking sophistication and excellence.

Our team of dedicated professionals brings creativity, attention to detail, and passion to every event we orchestrate. We believe that each celebration should reflect the unique personality and vision of our clients.

60+

Events Hosted

100%

Client Satisfaction

) } [V0_FILE]typescriptreact:file="components/services.tsx" isMerged="true" "use client" import { Heart, Briefcase } from "lucide-react" import Link from "next/link" export default function Services() { const services = [ { title: "Wedding Planning", description: "From intimate ceremonies to grand celebrations, we handle every detail of your special day.", icon: Heart, features: ["Venue Selection", "Catering & Menu Design", "Decoration & Florals", "Guest Management"], color: "text-accent", bgColor: "bg-accent/10", }, { title: "Corporate Events", description: "Professional event management for conferences, galas, and corporate celebrations.", icon: Briefcase, features: ["Venue Coordination", "Audio & Visual Setup", "Catering Services", "Event Branding"], color: "text-primary", bgColor: "bg-primary/10", }, ] return (

Our Expertise

Comprehensive Event Solutions

We offer tailored services designed to bring your vision to life with elegance and precision.

{services.map((service, index) => { const Icon = service.icon return (

{service.title}

{service.description}

{feature}

Learn More →

) })}

) } [V0_FILE]typescriptreact:file="components/portfolio.tsx" isMerged="true" "use client" import Link from "next/link" export default function Portfolio() { const gallery = [ { title: "Romantic Garden Wedding", category: "Wedding", image: "/romantic-garden-wedding-ceremony-with-flowers.jpg", }, { title: "Luxury Gala Event", category: "Corporate", image: "/elegant-corporate-gala-with-chandeliers.jpg", }, { title: "Beachside Celebration", category: "Wedding", image: "/beautiful-beach-wedding-sunset-ceremony.jpg", }, { title: "Grand Ballroom Reception", category: "Wedding", image: "/elegant-ballroom-wedding-reception-with-centerpiec.jpg", }, { title: "Conference & Awards", category: "Corporate", image: "/professional-conference-event-setup.jpg", }, { title: "Intimate Destination Wedding", category: "Wedding", image: "/intimate-destination-wedding-in-exotic-location.jpg", }, ] return (

Our Work

Gallery of Elegance

Explore our collection of beautifully executed events and celebrations.

{gallery.map((item, index) => (

{item.category}

{item.title}

))}

View Full Gallery

) } [V0_FILE]typescriptreact:file="components/cta.tsx" isMerged="true" "use client" import Link from "next/link" export default function CTA() { return (

Ready to Plan Your Dream Event?

Let our team of expert planners create an unforgettable experience tailored to your vision and preferences.

Get Started Today

) } [V0_FILE]typescriptreact:file="app/about/page.tsx" isMerged="true" "use client" import Navbar from "@/components/navbar" import Footer from "@/components/footer" import { Award, Users, Sparkles } from "lucide-react" export default function AboutPage() { const team = [ { name: "Rahul Jain", role: "Founder & CEO", image: "/professional-man-portrait-elegant.jpg", }, { name: "Kumud Dangi", role: "Founder & Creative Director", image: "/elegant-professional-woman.png", }, ] const values = [ { icon: Sparkles, title: "Excellence", description: "We deliver nothing but the highest quality in every aspect of event planning.", }, { icon: Users, title: "Collaboration", description: "Your vision is our mission. We work closely with you every step of the way.", }, { icon: Award, title: "Reliability", description: "Trust and professionalism are at the core of everything we do.", }, ] return (

{/* Hero */}

About Flovibzz Weddings

A legacy of elegance, expertise, and unforgettable moments.

{/* Story */}

Our Story

Flovibzz Weddings was founded in 2017 with a simple vision: to create extraordinary events that reflect the unique personality of each client. What started as a small team has grown into one of the most trusted event planning agencies in the region.

We believe that every celebration tells a story, and our role is to help you tell yours beautifully. From intimate gatherings to grand celebrations, we approach each event with the same dedication and artistry.

Today, we're proud to have planned over 60 memorable events and earned the trust of countless couples and corporate clients.

{/* Values */}

Our Core Values

{values.map((value, index) => { const Icon = value.icon return (

{value.title}

{value.description}

) })}

{/* Team */}

Meet Our Team

Passionate professionals dedicated to bringing your vision to life.

{team.map((member, index) => (

{member.name}

{member.role}

))}

) } [V0_FILE]typescriptreact:file="app/services/page.tsx" isMerged="true" "use client" import Navbar from "@/components/navbar" import Footer from "@/components/footer" import { Heart, Briefcase, CheckCircle2 } from "lucide-react" export default function ServicesPage() { const weddingServices = [ "Venue Selection & Coordination", "Catering & Menu Design", "Floral Arrangements & Decorations", "Photography & Videography Coordination", "Invitation & Stationery Design", "Guest List Management", "Timeline & Logistics Planning", "Music & Entertainment Booking", ] const corporateServices = [ "Venue & Logistics Management", "Audio Visual & Technical Setup", "Catering & Bar Services", "Event Branding & Signage", "Guest Coordination", "Registration & Check-in Systems", "Sponsorship Management", "Post-Event Reporting", ] return (

{/* Hero */}

Our Services

Comprehensive event planning solutions tailored to your specific needs.

{/* Wedding Planning */}

Wedding Planning

We understand that your wedding day is one of the most important moments of your life. Our comprehensive wedding planning services are designed to bring your dream to life while handling all the complex details behind the scenes.

{service}

{/* Corporate Events */}

Corporate Events

Whether you're hosting a corporate gala, conference, product launch, or team-building event, our expertise ensures your event runs flawlessly and leaves a lasting impression on your guests.

{service}

{/* Process */}

Our Planning Process

We follow a proven methodology to ensure every event is executed to perfection.

{[ { number: "01", title: "Consultation", description: "We listen and understand your vision, goals, and budget.", }, { number: "02", title: "Planning", description: "Our team creates a detailed plan and timeline for your event.", }, { number: "03", title: "Coordination", description: "We manage all vendors and logistics with precision and care.", }, { number: "04", title: "Execution", description: "We bring your dream to life with flawless execution on the day.", }, ].map((step, index) => (

{step.number}

{step.title}

{step.description}

))}

) } [V0_FILE]typescriptreact:file="app/gallery/page.tsx" isMerged="true" "use client" import Navbar from "@/components/navbar" import Footer from "@/components/footer" import { useState } from "react" export default function GalleryPage() { const [filter, setFilter] = useState("All") const gallery = [ { title: "Romantic Garden Wedding", category: "Wedding", image: "/romantic-garden-wedding-ceremony-with-flowers.jpg" }, { title: "Luxury Gala Event", category: "Corporate", image: "/elegant-corporate-gala-with-chandeliers.jpg" }, { title: "Beachside Celebration", category: "Wedding", image: "/beautiful-beach-wedding-sunset-ceremony.jpg" }, { title: "Grand Ballroom Reception", category: "Wedding", image: "/elegant-ballroom-wedding-reception-with-centerpiec.jpg" }, { title: "Conference & Awards", category: "Corporate", image: "/professional-conference-event-setup.jpg" }, { title: "Intimate Destination Wedding", category: "Wedding", image: "/intimate-destination-wedding-in-exotic-location.jpg" }, { title: "Luxury Brand Launch", category: "Corporate", image: "/luxury-brand-launch-event-with-modern-design.jpg" }, { title: "Spring Garden Affair", category: "Wedding", image: "/spring-garden-wedding-with-pastel-decorations.jpg" }, { title: "Networking Gala", category: "Corporate", image: "/professional-networking-gala-event.jpg" }, ] const categories = ["All", "Wedding", "Corporate"] const filteredGallery = filter === "All" ? gallery : gallery.filter((item) => item.category === filter) return (

{/* Hero */}

Gallery

A showcase of our most beautiful and memorable events.

{/* Gallery */}

{/* Filters */}

{categories.map((category) => ( ))}

{/* Gallery Grid */}

{filteredGallery.map((item, index) => (

{item.category}

{item.title}

))}

) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Playfair_Display, Lora } from "next/font/google" import { Analytics } from "@vercel/analytics/next" import "./globals.css" const playfair = Playfair_Display({ subsets: ["latin"], variable: "--font-playfair", }) const lora = Lora({ subsets: ["latin"], variable: "--font-lora", }) export const metadata: Metadata = { title: "Flovibzz Weddings - Event Planning", description: "Elegant wedding and corporate event planning services", generator: "v0.app", icons: { icon: [ { url: "/icon.svg", type: "image/svg+xml", }, ], }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]png:file="public/gallery/wedding-1.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/gallery/wedding-1-rtViBtq13gSk0zo6owKyQlIVeMeB8n.png" isMerged="true" [V0_FILE]jpg:file="public/romantic-garden-wedding-ceremony-with-flowers.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/romantic-garden-wedding-ceremony-with-flowers-2fgKT3E9PAkdUhskr03dHMmNalmsBJ.jpg" isMerged="true" [V0_FILE]jpg:file="public/elegant-corporate-gala-with-chandeliers.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-corporate-gala-with-chandeliers-AaxfouIub5CuxwJMyyoSp4e3sNzmWS.jpg" isMerged="true" [V0_FILE]jpg:file="public/beautiful-beach-wedding-sunset-ceremony.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/beautiful-beach-wedding-sunset-ceremony-FbrLkICn0QJU1D46aZE9btffBR2Xyo.jpg" isMerged="true" [V0_FILE]jpg:file="public/elegant-ballroom-wedding-reception-with-centerpiec.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-ballroom-wedding-reception-with-centerpiec-hC7oEHgSuqK3GbGTtWgblwML6OwzsG.jpg" isMerged="true" [V0_FILE]jpg:file="public/professional-conference-event-setup.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-conference-event-setup-M8uPkmm7oCzD3MyNq6HpoJ1Z01Ry8X.jpg" isMerged="true" [V0_FILE]jpg:file="public/intimate-destination-wedding-in-exotic-location.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/intimate-destination-wedding-in-exotic-location-lDkRkmgKbxdSaK9v00kuT6uoR4vef6.jpg" isMerged="true" [V0_FILE]png:file="public/elegant-professional-woman.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/elegant-professional-woman-pMSw6n2UacJUH9epPmfJzlIxxFgEV4.png" isMerged="true" [V0_FILE]jpg:file="public/professional-man-portrait-elegant.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-man-portrait-elegant-pCOwj7Gc9EVUpSVrkOXP6038ccyubw.jpg" isMerged="true" [V0_FILE]jpg:file="public/wedding-planner-working-on-details-with-decoration.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/wedding-planner-working-on-details-with-decoration-ZMM9JnEnwhPyM4u71AWibrp3tSCax4.jpg" isMerged="true" [V0_FILE]jpg:file="public/beautiful-bride-in-elegant-white-wedding-dress.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/beautiful-bride-in-elegant-white-wedding-dress-mLuu2dtn5ZnTHWSUbQHkEzz0UzqFFZ.jpg" isMerged="true" [V0_FILE]jpg:file="public/professional-corporate-event-gala-with-stage-setup.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-corporate-event-gala-with-stage-setup-4ha3yUD8rD31334IRWDvn62A8O9wHG.jpg" isMerged="true" [V0_FILE]jpg:file="public/luxury-brand-launch-event-with-modern-design.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/luxury-brand-launch-event-with-modern-design-bXmBeE0QLJ20VIn5I2Oz7Xz5CloeWg.jpg" isMerged="true" [V0_FILE]jpg:file="public/spring-garden-wedding-with-pastel-decorations.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/spring-garden-wedding-with-pastel-decorations-Lt0HXdCpjcIylA7QVqHSw93A2ZD2oB.jpg" isMerged="true" [V0_FILE]jpg:file="public/professional-networking-gala-event.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-networking-gala-event-JZxLeC10ob4hAYYaWIL8vF1MFsMMrd.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "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", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.3", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "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": "^1.1.2", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated to lighter, more elegant beige palette */ --background: #fdfcfb; --foreground: #2c2c2c; --card: #ffffff; --card-foreground: #2c2c2c; --popover: #ffffff; --popover-foreground: #2c2c2c; /* Changed primary to deeper, more sophisticated navy blue */ --primary: #0f2b54; --primary-foreground: #fdfcfb; /* Lightened secondary to softer, elegant beige */ --secondary: #f0ede8; --secondary-foreground: #0f2b54; --muted: #e8e5e0; --muted-foreground: #7a7a7a; --accent: #d4af95; --accent-foreground: #0f2b54; --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); /* Updated border to match lighter beige palette */ --border: #e8e5e0; --input: #fdfcfb; --ring: #0f2b54; --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: #ffffff; --sidebar-foreground: #2c2c2c; --sidebar-primary: #0f2b54; --sidebar-primary-foreground: #fdfcfb; --sidebar-accent: #f0ede8; --sidebar-accent-foreground: #0f2b54; --sidebar-border: #e8e5e0; --sidebar-ring: #0f2b54; } .dark { --background: #1a1a1a; --foreground: #fdfcfb; --card: #2c2c2c; --card-foreground: #fdfcfb; --popover: #2c2c2c; --popover-foreground: #fdfcfb; --primary: #d4af95; --primary-foreground: #0f2b54; --secondary: #0f2b54; --secondary-foreground: #fdfcfb; --muted: #3a3a3a; --muted-foreground: #b0b0b0; --accent: #e8e5e0; --accent-foreground: #0f2b54; --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: #3a3a3a; --input: #2c2c2c; --ring: #d4af95; --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: #2c2c2c; --sidebar-foreground: #fdfcfb; --sidebar-primary: #d4af95; --sidebar-primary-foreground: #0f2b54; --sidebar-accent: #0f2b54; --sidebar-accent-foreground: #fdfcfb; --sidebar-border: #3a3a3a; --sidebar-ring: #d4af95; } @theme inline { /* Updated font family to include elegant Playfair Display and Lora */ --font-sans: "Lora", "Lora Fallback", serif; --font-display: "Playfair Display", "Playfair Display Fallback", serif; --font-mono: "Geist Mono", "Geist Mono Fallback"; --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; /* Applied elegant font and increased letter spacing for sophistication */ font-family: var(--font-lora); letter-spacing: 0.3px; } h1, h2, h3, h4, h5, h6 { /* Headings use Playfair Display with elegant spacing */ font-family: var(--font-playfair); letter-spacing: 0.5px; } } html { scroll-behavior: smooth; } [V0_FILE]typescriptreact:file="app/contact/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import Navbar from "@/components/navbar" import Footer from "@/components/footer" import { Mail, Phone, MapPin } from "lucide-react" import { useState } from "react" export default function ContactPage() { return (

{/* Hero */}

Get In Touch

Let's discuss your event and create something extraordinary together.

{/* Contact Section */}

{/* Contact Info */}

Contact Information

Phone

+91 8005544508

Mon - Sat, 9:00 AM - 9:00 PM

Email

flovibzzweddings@gmail

We'll respond within 24 hours

Address

108, Madhav Colony, Kalka Mata Road

Udaipur, RJ 313001

Business Hours

Monday - Saturday: 9:00 AM - 9:00 PM

Sunday: 10:00 AM - 2:00 PM

) } [V0_FILE]typescriptreact:file="components/navbar.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { Menu, X } from "lucide-react" export default function Navbar() { const [isOpen, setIsOpen] = useState(false) const navLinks = [ { href: "/", label: "Home" }, { href: "/about", label: "About" }, { href: "/services", label: "Services" }, { href: "/gallery", label: "Gallery" }, { href: "/contact", label: "Contact" }, ] return (

Flovibzz Weddings {/* Desktop Navigation */}

{navLinks.map((link) => ( {link.label} ))}

{/* Mobile menu button */}

{/* Mobile Navigation */} {isOpen && (

{navLinks.map((link) => ( setIsOpen(false)} > {link.label} ))}

)}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Link from "next/link" import Image from "next/image" import { Mail, Phone, MapPin, Instagram } from "lucide-react" export default function Footer() { const currentYear = new Date().getFullYear() return ( ) } [V0_FILE]png:file="public/flovibzz-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-c1k2klPqUIDZnDSqsLh4Eu9veGQo7e.png"