[V0_FILE]typescriptreact:file="components/reveal.tsx" isMerged="true" "use client" import { motion } from "framer-motion" import type { ReactNode } from "react" interface RevealProps { children: ReactNode delay?: number className?: string } export function Reveal({ children, delay = 0, className }: RevealProps) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/parallax-image.tsx" isMerged="true" "use client" import { motion, useScroll, useTransform } from "framer-motion" import { useRef } from "react" import Image from "next/image" interface ParallaxImageProps { src: string alt: string className?: string parallaxOffset?: number } export function ParallaxImage({ src, alt, className, parallaxOffset = 12 }: ParallaxImageProps) { const ref = useRef(null) const { scrollYProgress } = useScroll({ target: ref, offset: ["start end", "end start"], }) const y = useTransform(scrollYProgress, [0, 1], [-parallaxOffset, parallaxOffset]) return (

) } [V0_FILE]png:file="public/minimalist-furniture-showroom.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/minimalist-furniture-showroom-nab82Ue3Gy2WIUU6qiFoVwytk5Wwqg.png" isMerged="true" [V0_FILE]typescriptreact:file="components/quick-look-modal.tsx" isMerged="true" "use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import Image from "next/image" import { X, ChevronLeft, ChevronRight, Plus } from "lucide-react" import { BlurPanel } from "./blur-panel" interface QuickLookModalProps { product: any isOpen: boolean onClose: () => void } export function QuickLookModal({ product, isOpen, onClose }: QuickLookModalProps) { const [currentImageIndex, setCurrentImageIndex] = useState(0) const [selectedSwatch, setSelectedSwatch] = useState(0) if (!product) return null const nextImage = () => { setCurrentImageIndex((prev) => (prev + 1) % product.quickLookImages.length) } const prevImage = () => { setCurrentImageIndex((prev) => (prev - 1 + product.quickLookImages.length) % product.quickLookImages.length) } return ( {isOpen && ( {/* Backdrop */}

{/* Modal */}

{/* Image Gallery */}

{/* Navigation Arrows */} {product.quickLookImages.length > 1 && ( <> )}

{/* Image Thumbnails */}

{product.quickLookImages.map((image: string, index: number) => ( ))}

{/* Product Details */}

{product.name}

{product.materials.join(", ")}

{/* Price */}

{product.price}

{/* Dimensions */}

DIMENSIONS

{product.dimensions}

{/* Material Swatches */}

FINISH

{product.swatches.map((swatch: any, index: number) => ( ))}

{/* Features */}

FEATURES

• Sustainably sourced materials
• Hand-finished edges
• Made to order in Belgium
• Lifetime repair program

{/* Add to Cart */} Add to Cart

)} ) } [V0_FILE]png:file="public/modern-oak-lounge-chair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-oak-lounge-chair-M9BTFBXKi0IEVOyAEQ5AqqsjpqoQkW.png" isMerged="true" [V0_FILE]png:file="public/modern-oak-lounge-chair-side.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-oak-lounge-chair-side-WQaiLZhI5vXtBH3yJqWRZIbfeMCycz.png" isMerged="true" [V0_FILE]png:file="public/modern-oak-lounge-chair-detail.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-oak-lounge-chair-detail-GMRqesCWo4Lwe5v72tadiHyKPrIPUm.png" isMerged="true" [V0_FILE]png:file="public/minimalist-wooden-dining-table.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/minimalist-wooden-dining-table-zuJs60iQDwJzkuRbTJp42Bvx2jCbRG.png" isMerged="true" [V0_FILE]png:file="public/minimalist-walnut-dining-table.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/minimalist-walnut-dining-table-5DIA1B8doUCJosGZ8ZJSuQG2wTaL12.png" isMerged="true" [V0_FILE]png:file="public/minimalist-walnut-dining-table-side-view.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/minimalist-walnut-dining-table-side-view-4mzFTHeZMbKTyo9gzC7Bxp04kwGoet.png" isMerged="true" [V0_FILE]png:file="public/placeholder-0t1az.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]png:file="public/placeholder-4fv91.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]png:file="public/modular-oak-shelving.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modular-oak-shelving-p9z42zldCOQNowpHrQBMGgIP0B7Okg.png" isMerged="true" [V0_FILE]typescriptreact:file="components/newsletter-section.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { motion } from "framer-motion" import { Check, Mail } from "lucide-react" import { Reveal } from "./reveal" import { BlurPanel } from "./blur-panel" import { AnimatedText } from "./animated-text" export function NewsletterSection() { const [email, setEmail] = useState("") const [isSubmitted, setIsSubmitted] = useState(false) const [isValid, setIsValid] = useState(true) const validateEmail = (email: string) => { const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/ return re.test(email) } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (validateEmail(email)) { setIsSubmitted(true) setIsValid(true) } else { setIsValid(false) } } return (

Be the first to discover new collections, design insights, and exclusive access to limited pieces.

{!isSubmitted ? (

{ setEmail(e.target.value) setIsValid(true) }} placeholder="Enter your email address" className={`w-full pl-12 pr-4 py-4 bg-white/60 backdrop-blur-sm border rounded-full text-neutral-900 placeholder-neutral-500 focus:outline-none focus:ring-2 focus:ring-neutral-900 focus:border-transparent transition-all duration-200 ${ !isValid ? "border-red-300 focus:ring-red-500" : "border-neutral-200" }`} />

{!isValid && ( Please enter a valid email address )} Subscribe to Newsletter

) : (

Welcome to KATACHI

Thank you for subscribing. You'll receive our next newsletter with exclusive insights and new arrivals.

)}

We respect your privacy. Unsubscribe at any time. Read our{" "} Privacy Policy .

) } [V0_FILE]png:file="public/collection-chairs.png" https="true" hebbkx1anhila5yf="true" public="true" blob="true" vercel="true" storage="true" com="true" attachments="true" gen="true" images="true" collection="true" chairs="true" Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8Ej8="true" v0="true" no="true" op="true" code="true" block="true" terminated="true" isMerged="true" [V0_FILE]png:file="public/lunar-gray-interior.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/new-source_bloom_max_1x-%281%29.jpg-5CDEcTypW5QoFD31GnkI6T8JCUt3Cs.jpeg" isMerged="true" [V0_FILE]png:file="public/martian-red-interior.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/new-source_bloom_max_1x-red.jpg-5khBHUTTRizrv33FGf1wHhivaW0tzL.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/sage-copper-lounge-chair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/sage-copper-lounge-chair.jpg-eMIv64UNQ4wr8H2IcrzRh4Pyhbuy1E.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/green-velvet-modular-chair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/green-velvet-modular-chair.jpg-PwHqf9h1Dtf7Y1VR0Qqtec1nhE4FOe.jpeg" isMerged="true" [V0_FILE]jpeg:file="public/terracotta-cloud-chair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/terracotta-cloud-chair.jpg-niWqH6FYDRVuQTF3Pgtj3dGjNhl09K.jpeg" isMerged="true" [V0_FILE]typescriptreact:file="components/product-card.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" import Image from "next/image" import { cn } from "@/lib/utils" interface ProductCardProps { product: { id: string name: string price: string image: string badge?: "New" | "Back in stock" | "Limited" materials: string[] swatches: { name: string; color: string }[] quickLookImages: string[] dimensions: string } onQuickLook: (product: any) => void } export function ProductCard({ product, onQuickLook }: ProductCardProps) { return ( {/* Badge */} {product.badge && (

{product.badge}

)} {/* Product Image */}

{/* Product Info */}

{product.name}

{product.materials.join(", ")}

{product.price}

) } [V0_FILE]typescriptreact:file="components/featured-products.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { motion } from "framer-motion" import { ProductCard } from "./product-card" import { QuickLookModal } from "./quick-look-modal" import { Reveal } from "./reveal" const featuredProducts = [ { id: "4", name: "Verde Modular Chair", price: "€4,890", image: "/green-velvet-modular-chair.png", badge: "New" as const, materials: ["Copper Frame", "Premium Velvet"], swatches: [ { name: "Forest Green", color: "#355E3B" }, { name: "Sage Green", color: "#9CAF88" }, { name: "Copper", color: "#B87333" }, ], quickLookImages: [ "/green-velvet-modular-chair.png", "/placeholder.svg?height=600&width=600", "/placeholder.svg?height=600&width=600", ], dimensions: "W: 180cm × D: 90cm × H: 75cm", }, { id: "7", name: "Terracotta Cloud Chair", price: "€5,250", image: "/terracotta-cloud-chair.png", badge: "New" as const, materials: ["Copper Frame", "Terracotta Velvet"], swatches: [ { name: "Terracotta", color: "#E2725B" }, { name: "Burnt Orange", color: "#CC5500" }, { name: "Copper", color: "#B87333" }, ], quickLookImages: [ "/terracotta-cloud-chair.png", "/placeholder.svg?height=600&width=600", "/placeholder.svg?height=600&width=600", ], dimensions: "W: 95cm × D: 85cm × H: 80cm", }, { id: "8", name: "Sage Copper Lounge", price: "€4,675", image: "/sage-copper-lounge-chair.png", badge: "Limited" as const, materials: ["Copper Frame", "Sage Velvet"], swatches: [ { name: "Sage Green", color: "#9CAF88" }, { name: "Forest Green", color: "#355E3B" }, { name: "Copper", color: "#B87333" }, ], quickLookImages: [ "/sage-copper-lounge-chair.png", "/placeholder.svg?height=600&width=600", "/placeholder.svg?height=600&width=600", ], dimensions: "W: 85cm × D: 90cm × H: 75cm", }, ] export function FeaturedProducts() { const [selectedProduct, setSelectedProduct] = useState(null) const [isModalOpen, setIsModalOpen] = useState(false) const handleQuickLook = (product: any) => { setSelectedProduct(product) setIsModalOpen(true) } const closeModal = () => { setIsModalOpen(false) setSelectedProduct(null) } return (

Featured Collection

Discover our most beloved pieces, each crafted with meticulous attention to detail and timeless design principles.

{featuredProducts.map((product, index) => ( ))}

) } [V0_FILE]png:file="public/modern-armchair-pillows.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_bafb3b4d-f2a3-4f84-8248-30f3b04cdc34_0-qMp00Q8RAkDs0Rv5QVyzeo60nzVr8r.png" isMerged="true" [V0_FILE]png:file="public/modular-cushion-bench.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_bafb3b4d-f2a3-4f84-8248-30f3b04cdc34_3-HDJXsKddMYUWBM6BJyurKvM3vz7Y1G.png" isMerged="true" [V0_FILE]png:file="public/cloud-white-sofa.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_dca086a7-2ecd-4d5e-b491-bd120cad2b47_1-rINpihtgIowmEMLL4lXypLDqGPP2Hr.png" isMerged="true" [V0_FILE]png:file="public/distressed-artistic-chair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_b2d55ef2-dc31-424f-bd4f-b6f26bd0c527_2-WXLc1Ad3J0ngdlq3wctyiYjTtZl9MW.png" isMerged="true" [V0_FILE]png:file="public/green-modular-loveseat.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_d353e0a5-e0a4-4842-8090-5e6e15987c00_2-gB1CGJGyuGRDlNbD5WBSkUSnywetTf.png" isMerged="true" [V0_FILE]png:file="public/braided-rope-loveseat.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_b2d55ef2-dc31-424f-bd4f-b6f26bd0c527_1-K4OeQ0wQa0w6QDJfc7TjLz9pBVOSCY.png" isMerged="true" [V0_FILE]png:file="public/colorful-patchwork-sofa.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_b2d55ef2-dc31-424f-bd4f-b6f26bd0c527_0-KEWeEknAjeGynxHEDoHPUfYzI9xNnq.png" isMerged="true" [V0_FILE]png:file="public/minimalist-boucle-loveseat.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_httpss.mj.runbPfLqG4XdB8_Chaise_design_--sref_htt_504570c5-648b-429b-b57d-443691c4baae_0-NYqzkj9cLZeMgBB4ITKYIVuoZiOOwb.png" isMerged="true" [V0_FILE]png:file="public/abstract-artistic-sofa.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_Canap_design_sur_fond_blanc_--v_7_b2d55ef2-dc31-424f-bd4f-b6f26bd0c527_3-SSuxwSLoQWdz7adutzKQX6BaJ2zGJc.png" isMerged="true" [V0_FILE]png:file="public/textured-cream-loveseat.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/u3195299943_httpss.mj.runbPfLqG4XdB8_Chaise_design_--sref_htt_7d578c9a-6c48-444a-ad7e-5011b495ecb9_2-Ay0XxTcCOszIAGIZKlWgLRACKAFyzr.png" isMerged="true" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" "use client" import { Header } from "@/components/header" import { HeroSection } from "@/components/hero-section" import { HowItWorksSection } from "@/components/how-it-works-section" import { FeaturesSection } from "@/components/features-section" import { PricingSection } from "@/components/pricing-section" import { TestimonialsSection } from "@/components/testimonials-section" import { FAQSection } from "@/components/faq-section" import { Footer } from "@/components/footer" export default function HomePage() { return (

) } [V0_FILE]typescriptreact:file="components/collection-strip.tsx" isMerged="true" "use client" import { useRef } from "react" import { motion, useScroll, useTransform } from "framer-motion" import Image from "next/image" import { Reveal } from "./reveal" const collections = [ { id: "modern-seating", name: "MODERN SEATING", image: "/modern-armchair-pillows.png", count: "8 pieces", }, { id: "modular-design", name: "MODULAR DESIGN", image: "/modular-cushion-bench.png", count: "6 pieces", }, { id: "cloud-collection", name: "CLOUD COLLECTION", image: "/cloud-white-sofa.png", count: "4 pieces", }, { id: "artistic-pieces", name: "ARTISTIC PIECES", image: "/distressed-artistic-chair.png", count: "5 pieces", }, { id: "contemporary", name: "CONTEMPORARY", image: "/green-modular-loveseat.png", count: "7 pieces", }, { id: "textural-craft", name: "TEXTURAL CRAFT", image: "/braided-rope-loveseat.png", count: "3 pieces", }, { id: "maximalist-art", name: "MAXIMALIST ART", image: "/colorful-patchwork-sofa.png", count: "4 pieces", }, { id: "scandinavian-comfort", name: "SCANDINAVIAN COMFORT", image: "/minimalist-boucle-loveseat.png", count: "6 pieces", }, { id: "abstract-forms", name: "ABSTRACT FORMS", image: "/abstract-artistic-sofa.png", count: "5 pieces", }, { id: "luxury-textures", name: "LUXURY TEXTURES", image: "/textured-cream-loveseat.png", count: "8 pieces", }, ] export function CollectionStrip() { const containerRef = useRef(null) const { scrollYProgress } = useScroll({ target: containerRef, offset: ["start end", "end start"], }) const x = useTransform(scrollYProgress, [0, 1], [0, -100]) const itemWidth = 320 // 320px (w-80) + 32px gap = 352px per item const totalWidth = collections.length * (itemWidth + 32) - 32 // subtract last gap const containerWidth = typeof window !== "undefined" ? window.innerWidth : 1200 const maxDrag = Math.max(0, totalWidth - containerWidth + 48) // add padding return (

Collections

Explore our curated collections, each telling a unique story of craftsmanship and design philosophy.

{collections.map((collection, index) => (

{collection.name}

{collection.count}

))}

← Drag to explore collections →

) } [V0_FILE]typescriptreact:file="components/materials-section.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import Image from "next/image" import { Reveal } from "./reveal" import { cn } from "@/lib/utils" const materials = [ { id: "pistachio", name: "Pistachio", // shortened from "Pistachio Green" description: "Luxurious pistachio green velvet with rich texture and depth", image: "/material-oak-macro.png", backgroundImage: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/new-source_bloom_max_1x.jpg-t1V6yfeAZKKcEvWEkPn7Pfx7hkHDMf.jpeg", tint: "bg-green-50", }, { id: "lunar", name: "Lunar", // shortened from "Lunar Gray" description: "Sophisticated lunar gray with subtle metallic undertones", image: "/material-walnut-macro.png", backgroundImage: "/lunar-gray-interior.png", tint: "bg-gray-100", }, { id: "martian", name: "Martian", // shortened from "Martian Red" description: "Bold martian red with warm terracotta influences", image: "/material-steel-macro.png", backgroundImage: "/martian-red-interior.png", tint: "bg-red-50", }, ] export function MaterialsSection() { const [activeMaterial, setActiveMaterial] = useState("pistachio") const activeMaterialData = materials.find((m) => m.id === activeMaterial) || materials[0] const AnimatedText = ({ text, delay = 0 }: { text: string; delay?: number }) => { return ( {text.split("").map((char, index) => ( {char === " " ? "\u00A0" : char} ))} ) } return (

{materials.map((material) => ( {`${material.name}

))}

Every piece begins with the finest materials, carefully selected for their beauty, durability, and sustainable origins. Our craftspeople honor traditional techniques while embracing modern precision.

"We believe in creating furniture that transcends trends—pieces that become more beautiful with age, carrying stories and memories through generations."

— KATACHI Studio

{materials.map((material) => ( setActiveMaterial(material.id)} whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }} > {material.name} ))}

) } [V0_FILE]typescriptreact:file="components/animated-text.tsx" isMerged="true" "use client" import { motion } from "framer-motion" interface AnimatedTextProps { text: string delay?: number } export function AnimatedText({ text, delay = 0 }: AnimatedTextProps) { return ( {text.split("").map((char, index) => ( {char === " " ? "\u00A0" : char} ))} ) } [V0_FILE]typescriptreact:file="components/blur-panel.tsx" isMerged="true" import { cn } from "@/lib/utils" import type { ReactNode } from "react" interface BlurPanelProps { children: ReactNode className?: string } export function BlurPanel({ children, className }: BlurPanelProps) { return (

{children}

) } [V0_FILE]typescriptreact:file="components/how-it-works-section.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Smartphone, Zap, Shield, RotateCcw } from "lucide-react" const steps = [ { icon: Smartphone, title: "Set Your Mode", description: "Create up to 5 custom modes for different parts of your day - Work, Study, Family Time, or Sleep.", step: "01", }, { icon: Zap, title: "Tap to Activate", description: "Simply tap your iPhone to the Brick device to activate your chosen focus mode and start the timer.", step: "02", }, { icon: Shield, title: "Stay Focused", description: "Distracting apps are blocked. Your phone becomes a tool for intentional use, not mindless scrolling.", step: "03", }, { icon: RotateCcw, title: "Tap to Deactivate", description: "Return to Brick and tap again to regain access. The physical barrier makes reconnecting intentional.", step: "04", }, ] export function HowItWorksSection() { return (

How FOCUS. Works

Simple, physical, and effective. Brick creates a barrier between you and your distractions through intentional design and mindful interaction.

{steps.map((step, index) => (

{step.step}

{step.title}

{step.description}

))}

) } [V0_FILE]typescriptreact:file="components/features-section.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Settings, Lock, Zap, Shield, Clock, Smartphone } from "lucide-react" const features = [ { icon: Settings, title: "Custom Modes", description: "Create up to 5 personalized modes for different activities - Work, Study, Family Time, Sleep, and more.", }, { icon: Lock, title: "Strict Mode", description: "Prevents deletion of the Brick app while active, ensuring your focus sessions remain uninterrupted.", }, { icon: Zap, title: "Emergency Unbricks", description: "Five emergency overrides let you regain access to apps when absolutely necessary.", }, { icon: Shield, title: "Privacy Focused", description: "All blocking data is stored locally on your iPhone. Brick never sees or accesses your block lists.", }, { icon: Clock, title: "Focus Timer", description: "Track how long you stay focused with built-in timing that starts when you activate Brick Mode.", }, { icon: Smartphone, title: "No Charging Required", description: "NFC-enabled device that never needs charging or batteries. Magnetic base prevents misplacement.", }, ] export function FeaturesSection() { return (

Powerful Features

Brick combines thoughtful design with powerful functionality to help you build better digital habits and reclaim control over your attention.

{features.map((feature, index) => (

{feature.title}

{feature.description}

))}

) } [V0_FILE]typescriptreact:file="components/pricing-section.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Check, ArrowRight } from "lucide-react" const features = [ "Physical NFC device", "Free iOS app", "Up to 5 custom modes", "Strict mode protection", "5 emergency unbricks", "Local data storage", "Magnetic base included", "No subscriptions ever", ] export function PricingSection() { return (

Simple, Honest Pricing

One device, one price, no subscriptions. Get everything you need to reclaim your focus and build better digital habits.

FOCUS. Block

$15

One-time purchase

{feature}

Free shipping worldwide • 30-day money-back guarantee

Compatible with iPhone running iOS 16.2 or later

Android support coming soon

) } [V0_FILE]typescriptreact:file="components/testimonials-section.tsx" isMerged="true" "use client" import { Card, CardContent } from "@/components/ui/card" import { Star } from "lucide-react" const testimonials = [ { name: "Sarah Chen", role: "Product Designer", content: "Brick has completely changed my relationship with my phone. I'm finally able to focus during work hours without constantly reaching for distracting apps.", rating: 5, }, { name: "Marcus Johnson", role: "Graduate Student", content: "The physical aspect is genius. Having to physically return to the device makes me really think about whether I need to check my phone or if it's just a habit.", rating: 5, }, { name: "Emily Rodriguez", role: "Working Parent", content: "Family time mode has been a game-changer. My kids have noticed I'm more present, and I feel less anxious about missing notifications.", rating: 5, }, ] export function TestimonialsSection() { return (

What People Are Saying

Join thousands of people who have already reclaimed their focus and improved their digital wellness with Brick.

{testimonials.map((testimonial, index) => (

{[...Array(testimonial.rating)].map((_, i) => ( ))}

"{testimonial.content}"

{testimonial.name}

{testimonial.role}

))}

) } [V0_FILE]typescriptreact:file="components/faq-section.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent } from "@/components/ui/card" import { ChevronDown, ChevronUp } from "lucide-react" const faqs = [ { question: "How does Brick work with my iPhone?", answer: "Brick uses NFC (Near Field Communication) technology to communicate with your iPhone. Simply tap your phone to the Brick device to activate or deactivate focus modes. The free Brick app handles all the app blocking functionality.", }, { question: "What happens if I lose my Brick device?", answer: "Each Brick comes with 5 emergency unbricks that you can activate directly in the app to regain access to your blocked apps. You can also reset your settings if needed. We recommend using the magnetic base to keep your Brick in a consistent location.", }, { question: "Can I use Brick with Android phones?", answer: "Currently, Brick is compatible with iPhones running iOS 16.2 or later. Android support is in active development and will be available soon. Sign up for our newsletter to be notified when Android support launches.", }, { question: "Is my data private and secure?", answer: "Absolutely. All blocking information and app lists are stored locally on your iPhone. Brick cannot see, access, or collect any data about which apps you block or your usage patterns. Your privacy is completely protected.", }, { question: "Are there any ongoing subscription fees?", answer: "No! Brick is a one-time purchase of $89 that includes the physical device and full access to the app with all features. There are no monthly fees, subscriptions, or hidden costs ever.", }, { question: "How long does the battery last?", answer: "Brick doesn't have a battery! The device uses NFC technology which is powered by your phone when you tap it. This means Brick never needs charging and will work indefinitely without any maintenance.", }, ] export function FAQSection() { const [openIndex, setOpenIndex] = useState(null) const toggleFAQ = (index: number) => { setOpenIndex(openIndex === index ? null : index) } return (

Frequently Asked Questions

Everything you need to know about Brick and how it can help you build better digital habits.

{faqs.map((faq, index) => ( {openIndex === index && (

{faq.answer}

)} ))}

) } [V0_FILE]png:file="public/brick-productivity-device.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/brick-productivity-device-k5o2qb9xSeksNt8oJsNXxLeEhRkHSH.png" isMerged="true" [V0_FILE]png:file="public/brick-nfc-iphone.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/brick-nfc-iphone-hTPmhqQbGgnYi5dSskA4shjBWc7G4L.png" isMerged="true" [V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion } from "framer-motion" import { Instagram, Twitter, Facebook, ArrowUpRight, Mail } from "lucide-react" export function Footer() { const currentYear = new Date().getFullYear() const footerLinks = { Product: [ { name: "How It Works", href: "#how-it-works" }, { name: "Features", href: "#features" }, { name: "Pricing", href: "#pricing" }, { name: "FAQ", href: "#faq" }, { name: "Compatibility", href: "#" }, ], Company: [ { name: "About", href: "#" }, { name: "Blog", href: "#" }, { name: "Digital Wellness", href: "#" }, { name: "Press Kit", href: "#" }, { name: "Careers", href: "#" }, ], Support: [ { name: "Contact", href: "#" }, { name: "Setup Guide", href: "#" }, { name: "Troubleshooting", href: "#" }, { name: "Shipping", href: "#" }, { name: "Returns", href: "#" }, ], } const socialLinks = [ { name: "Instagram", icon: Instagram, href: "#" }, { name: "Twitter", icon: Twitter, href: "#" }, { name: "Facebook", icon: Facebook, href: "#" }, ] return ( ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import "./globals.css" export const metadata: Metadata = { title: "FOCUS. — Reclaim Your Focus", description: "A physical device that helps you break free from phone addiction and regain control over your digital life. Block distracting apps with intentional, mindful technology use.", generator: "v0.app", alternates: { canonical: "https://getfocus.app/", }, openGraph: { siteName: "FOCUS.", title: "Reclaim Your Focus | FOCUS.", description: "A physical device that helps you break free from phone addiction and regain control over your digital life.", type: "website", url: "https://getfocus.app/", images: [ { url: "/focus-productivity-device.png", alt: "FOCUS. productivity device — reclaim your focus and digital wellness", width: 1200, height: 630, }, ], locale: "en_US", }, twitter: { card: "summary_large_image", title: "Reclaim Your Focus | FOCUS.", description: "A physical device that helps you break free from phone addiction and regain control over your digital life.", images: [ { url: "/focus-productivity-device.png", alt: "FOCUS. productivity device — reclaim your focus and digital wellness", }, ], site: "@getfocus", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" isEdit="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; :root { /* Updated color tokens for Brick productivity device branding */ --background: #ffffff; --foreground: #475569; --card: #ecfeff; --card-foreground: #164e63; --popover: #ffffff; --popover-foreground: #475569; --primary: #164e63; --primary-foreground: #ffffff; --secondary: #ec4899; --secondary-foreground: #ffffff; --muted: #f9fafb; --muted-foreground: #4b5563; --accent: #ec4899; --accent-foreground: #ffffff; --destructive: #be123c; --destructive-foreground: #ffffff; --border: #e2e8f0; --input: #f9fafb; --ring: rgba(22, 78, 99, 0.1); --chart-1: #1e3a8a; --chart-2: #a855f7; --chart-3: #facc15; --chart-4: #10b981; --chart-5: #ef4444; --radius: 0.5rem; --sidebar: #ffffff; --sidebar-foreground: #475569; --sidebar-primary: #164e63; --sidebar-primary-foreground: #ffffff; --sidebar-accent: #ec4899; --sidebar-accent-foreground: #ffffff; --sidebar-border: #e2e8f0; --sidebar-ring: rgba(22, 78, 99, 0.1); } .dark { /* Enhanced dark mode tokens for better contrast and readability */ --background: #0a0f1c; --foreground: #f1f5f9; --card: #1a202c; --card-foreground: #f1f5f9; --popover: #1a202c; --popover-foreground: #f1f5f9; --primary: #22d3ee; --primary-foreground: #0a0f1c; --secondary: #f472b6; --secondary-foreground: #0a0f1c; --muted: #2d3748; --muted-foreground: #a0aec0; --accent: #f472b6; --accent-foreground: #0a0f1c; --destructive: #e53e3e; --destructive-foreground: #ffffff; --border: #2d3748; --input: #2d3748; --ring: rgba(34, 211, 238, 0.3); --chart-1: #60a5fa; --chart-2: #c084fc; --chart-3: #fbbf24; --chart-4: #34d399; --chart-5: #f87171; --radius: 0.5rem; --sidebar: #1a202c; --sidebar-foreground: #f1f5f9; --sidebar-primary: #22d3ee; --sidebar-primary-foreground: #0a0f1c; --sidebar-accent: #f472b6; --sidebar-accent-foreground: #0a0f1c; --sidebar-border: #2d3748; --sidebar-ring: rgba(34, 211, 238, 0.3); } @theme inline { /* Updated font system to use monospace fonts throughout */ --font-sans: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-serif: ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* Updated color system for Brick productivity focus */ --color-neutral-50: #f8fafc; --color-neutral-100: #f1f5f9; --color-neutral-200: #e2e8f0; --color-neutral-300: #cbd5e1; --color-neutral-400: #94a3b8; --color-neutral-500: #64748b; --color-neutral-600: #475569; --color-neutral-700: #334155; --color-neutral-800: #1e293b; --color-neutral-900: #0f172a; --color-cyan-50: #ecfeff; --color-cyan-800: #164e63; --color-pink-500: #ec4899; --color-white: #ffffff; /* Spacing Scale */ --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-5: 40px; --space-6: 48px; --space-8: 64px; --space-10: 80px; --space-12: 96px; --space-15: 120px; /* Typography Scale */ --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75rem; --text-7xl: 4.5rem; --text-8xl: 6rem; --text-9xl: 8rem; /* Shadcn color mappings */ --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; font-feature-settings: "kern" 1, "liga" 1, "calt" 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: var(--color-neutral-400); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: var(--color-neutral-600); } /* Focus management for accessibility */ .focus-visible { @apply outline-2 outline-offset-2 outline-primary; } } @layer utilities { /* Updated typography utilities to use monospace fonts */ .text-display { font-family: var(--font-sans); font-size: var(--text-6xl); font-weight: 700; line-height: 0.9; letter-spacing: -0.02em; } .text-headline { font-family: var(--font-sans); font-size: var(--text-4xl); font-weight: 600; line-height: 1.1; letter-spacing: -0.01em; } .text-body { font-family: var(--font-sans); font-size: var(--text-base); font-weight: 400; line-height: 1.6; } .text-label { font-family: var(--font-sans); font-size: var(--text-xs); font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } .container-custom { max-width: 1320px; margin: 0 auto; padding: 0 var(--space-6); } /* Updated glass panel for Brick aesthetic */ .glass-panel { backdrop-filter: blur(16px); background: rgba(255, 255, 255, 0.8); border: 1px solid var(--color-border); } .focus-gradient { background: linear-gradient(135deg, var(--color-cyan-50) 0%, var(--color-white) 100%); } /* Performance optimizations */ .will-change-transform { will-change: transform; } .will-change-opacity { will-change: opacity; } .will-change-scroll { will-change: scroll-position; } /* Updated glass panel for dark mode */ .dark .glass-panel { backdrop-filter: blur(16px); background: rgba(26, 32, 44, 0.8); border: 1px solid var(--color-border); } /* Dark mode gradient for focus sections */ .dark .focus-gradient { background: linear-gradient(135deg, rgba(26, 32, 44, 0.9) 0%, rgba(10, 15, 28, 0.95) 100%); } } /* Reduced motion preferences */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } .motion-safe\:animate-none { animation: none !important; } } /* High contrast mode support */ @media (prefers-contrast: high) { .glass-panel { background: rgba(255, 255, 255, 0.95); border: 2px solid var(--color-primary); } .dark .glass-panel { background: rgba(26, 32, 44, 0.95); border: 2px solid var(--color-primary); } } [V0_FILE]png:file="public/focus-device-hero.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-4jh5iNEDbCFKCScMHRuQkZPOpVuXJs.png" isMerged="true" [V0_FILE]typescriptreact:file="components/hero-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { motion, useScroll, useTransform } from "framer-motion" import { useRef } from "react" import Image from "next/image" import { Smartphone, Focus, Timer } from "lucide-react" import { Reveal } from "./reveal" import { BlurPanel } from "./blur-panel" import { Button } from "@/components/ui/button" export function HeroSection() { const containerRef = useRef(null) const { scrollYProgress } = useScroll({ target: containerRef, offset: ["start start", "end start"], }) const imageScale = useTransform(scrollYProgress, [0, 1], [1.05, 0.95]) const imageY = useTransform(scrollYProgress, [0, 1], [0, -50]) const contentY = useTransform(scrollYProgress, [0, 1], [0, 100]) const contentOpacity = useTransform(scrollYProgress, [0, 0.5], [1, 0]) const AnimatedText = ({ text, delay = 0 }: { text: string; delay?: number }) => { return ( {text.split("").map((char, index) => ( {char === " " ? "\u00A0" : char} ))} ) } return (

Person using FOCUS. productivity device with smartphone app interface

Break free from phone addiction with FOCUS. — a physical device that helps you build better digital habits and regain control over your attention.

IOS & ANDROID

No subscriptions

30-day guarantee

) } [V0_FILE]typescriptreact:file="components/header.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { motion } from "framer-motion" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" export function Header() { const [isScrolled, setIsScrolled] = useState(false) useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 20) } window.addEventListener("scroll", handleScroll) return () => window.removeEventListener("scroll", handleScroll) }, []) return (

FOCUS.

) }

About

Tags

Share

About

Tags

Share

More from jeffmpan

More Templates Like This

About

Tags

Share

About

Tags

Share

More from jeffmpan

More Templates Like This