[V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/layout.tsx" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "PerfumesPedia - Premium Fragrance Collection", description: "Discover luxury, niche, and natural fragrances from around the world. Your destination for premium perfumes and expert fragrance advice.", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 240 10% 3.9%; --card: 0 0% 100%; --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; --popover-foreground: 240 10% 3.9%; --primary: 346 77% 49%; --primary-foreground: 355 100% 97%; --secondary: 240 4.8% 95.9%; --secondary-foreground: 240 5.9% 10%; --muted: 240 4.8% 95.9%; --muted-foreground: 240 3.8% 46.1%; --accent: 240 4.8% 95.9%; --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 240 5.9% 90%; --input: 240 5.9% 90%; --ring: 346 77% 49%; --radius: 0.5rem; } .dark { --background: 20 14.3% 4.1%; --foreground: 0 0% 95%; --card: 24 9.8% 10%; --card-foreground: 0 0% 95%; --popover: 0 0% 9%; --popover-foreground: 0 0% 95%; --primary: 346 77% 49%; --primary-foreground: 355 100% 97%; --secondary: 240 3.7% 15.9%; --secondary-foreground: 0 0% 98%; --muted: 0 0% 15%; --muted-foreground: 240 5% 64.9%; --accent: 12 6.5% 15.1%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 85.7% 97.3%; --border: 240 3.7% 15.9%; --input: 240 3.7% 15.9%; --ring: 346 77% 49%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="tailwind.config.js" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{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))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, 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="components/ui/badge.tsx" import type * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, }, ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return

} export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="lib/utils.ts" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } [V0_FILE]typescriptreact:file="app/page.tsx" isQuickEdit="true" import Image from "next/image" import Link from "next/link" import { ShoppingCart, Heart, Search, Mail, ChevronRight, Star, Package } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" export default function Home() { return (

Free shipping on orders over $50 | Same-day dispatch for orders before 2pm

My Account Wishlist

PerfumesPedia

Luxury Niche Natural Best Sellers Blog

3 2

🚨 This is a preview site! PerfumesPedia.com is for sale. 🚨

💰 Want to Buy This Domain? Contact Us Today! 📧 Website: datax.agency 🔗 LinkedIn: /janšimůnek 💬 Telegram: @dataxadmin

💡 Perfect for entrepreneurs, e-commerce investors, and fragrance brands. Don't miss the chance to own this premium domain. 🚀

{/* Hero Section */}

Discover Your Signature Scent

Explore our curated collection of luxury, niche, and natural fragrances from around the world

{/* Featured Categories */}

Shop by Category

{[ { name: "Luxury Fragrances", image: "https://images.unsplash.com/photo-1594035910387-fea47794261f?q=80&w=1000&auto=format&fit=crop", link: "/collections/luxury", }, { name: "Niche Perfumes", image: "https://images.unsplash.com/photo-1615634260167-c8cdede054de?q=80&w=1000&auto=format&fit=crop", link: "/collections/niche", }, { name: "Natural Scents", image: "https://images.unsplash.com/photo-1616949755610-8c9bbc08f138?q=80&w=1000&auto=format&fit=crop", link: "/collections/natural", }, ].map((category) => (

{category.name}

))}

{/* Best Sellers */}

Best Sellers

View All

{[ { name: "Midnight Orchid", brand: "Luxe Parfums", price: 129, image: "https://images.unsplash.com/photo-1592945403244-b3fbafd7f539?q=80&w=987&auto=format&fit=crop", rating: 5, link: "/products/midnight-orchid", }, { name: "Amber Oud", brand: "Niche Collection", price: 189, image: "https://images.unsplash.com/photo-1543422655-ac1c6ca993ed?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", rating: 4, link: "/products/amber-oud", }, { name: "Citrus Bloom", brand: "Natural Essence", price: 95, image: "https://images.unsplash.com/photo-1547887538-e3a2f32cb1cc?q=80&w=987&auto=format&fit=crop", rating: 5, link: "/products/citrus-bloom", }, { name: "Velvet Rose", brand: "Luxe Parfums", price: 149, image: "https://images.unsplash.com/photo-1591375275445-c6e77e46aa1a?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", rating: 4, link: "/products/velvet-rose", }, ].map((product) => (

{product.brand}

{product.name}

{Array.from({ length: 5 }).map((_, i) => ( ))}

${product.price}

))}

{/* Special Offers */}

Special Offers

Limited Time

Luxury Discovery Set

Experience our top 5 luxury fragrances with this exclusive sample set

$49.99 $79.99 Save 38%

Monthly Fragrance Box

Receive 3 curated niche perfume samples every month

$29.99 /month

{/* Blog Section */}

Fragrance Journal

View All

{[ { title: "How to Choose the Perfect Signature Scent", excerpt: "Finding your signature scent is a personal journey. Here's our guide to discovering the perfect fragrance that matches your personality.", image: "https://images.unsplash.com/photo-1596462502278-27bfdc403348?q=80&w=1000&auto=format&fit=crop", date: "March 15, 2023", link: "/blog/choose-signature-scent", }, { title: "The Art of Layering Fragrances", excerpt: "Learn how to create your own unique scent by layering different fragrances. This guide will show you the basics of perfume layering.", image: "https://images.unsplash.com/photo-1616949755610-8c9bbc08f138?q=80&w=1000&auto=format&fit=crop", date: "February 28, 2023", link: "/blog/layering-fragrances", }, { title: "Understanding Fragrance Notes and Families", excerpt: "Dive into the world of perfume notes and families. This comprehensive guide explains the building blocks of every fragrance.", image: "https://images.unsplash.com/photo-1624613533305-28d421d70875?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", date: "January 10, 2023", link: "/blog/fragrance-notes-families", }, ].map((post) => (

{post.date}

{post.title}

{post.excerpt}

))}

{/* Subscription */}

Join Our Fragrance Community

Subscribe to our newsletter for exclusive offers, fragrance tips, and early access to new releases

{/* Features */}

{[ { icon: , title: "Free Shipping", description: "On all orders over $50", }, { icon: , title: "Authentic Products", description: "100% genuine fragrances", }, { icon: , title: "Secure Checkout", description: "Safe & protected payment", }, { icon: , title: "Loyalty Rewards", description: "Earn points with every purchase", }, ].map((feature) => (

{feature.icon}

{feature.title}

{feature.description}

))}

) }

About

About