import React, { useState, useEffect, useRef } from 'react'; import { Camera, Heart, Shield, Star, BookOpen } from 'lucide-react'; const HERO_IMAGES = [ "/banner2.jpg", "/HOME_01.jpg" ]; interface HomeProps { onEnter: () => void; } // Hook para detectar quando elemento está visível const useIntersectionObserver = (options = {}) => { const [isVisible, setIsVisible] = useState(false); const ref = useRef(null); useEffect(() => { const observer = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) { setIsVisible(true); } }, { threshold: 0.1, ...options }); if (ref.current) { observer.observe(ref.current); } return () => { if (ref.current) { observer.unobserve(ref.current); } }; }, []); return [ref, isVisible] as const; }; export const Home: React.FC = ({ onEnter }) => { const [currentSlide, setCurrentSlide] = useState(0); const [albumsRef, albumsVisible] = useIntersectionObserver(); const [ctaRef, ctaVisible] = useIntersectionObserver(); const [testimonialsRef, testimonialsVisible] = useIntersectionObserver(); const [contactRef, contactVisible] = useIntersectionObserver(); useEffect(() => { const timer = setInterval(() => { setCurrentSlide((prev) => (prev + 1) % HERO_IMAGES.length); }, 5000); return () => clearInterval(timer); }, []); return (
{/* Hero Section */}
{HERO_IMAGES.map((img, idx) => (
Hero
))} {/* Text - Only visible on first slide */}

Eternizando Momentos
Únicos

Gestão completa para eventos inesquecíveis. Do planejamento à entrega do álbum perfeito.

{/* Carousel Dots */}
{HERO_IMAGES.map((_, idx) => (
{/* Albums Section */}
{/* Left side - Icon and Text */}
Álbuns

ÁLBUNS
PERSONALIZADOS

Escolha a cor, tamanho, tecido, acabamento, modelo,

laminação, tipo de impressão e muito mais!

Tenha seu álbum exclusivo e de acordo com o seu gosto.

{/* Right side - CTA */}
Cadastrar

Faça parte da Photum e cadastre sua formatura.

{/* Decorative elements */}
{/* Contact Section */}
{/* Decorative gradient circles */}

ENTRE EM CONTATO

Envie sua mensagem, ligue ou faça uma visita em nossa empresa!

{/* Left side - Location Info */}

Rua Bom Recreio, 305

Jd. Boer II • Americana SP

CEP 13477-720

Ver no mapa →
{/* Mini Map */}

(19) 3405 5024

(19) 3621 4621

{/* Center - Contact Form */}
{/* Right side - WhatsApp Card */}
{/* WhatsApp Icon */}
{/* Text */}

Tire suas dúvidas

Faça orçamento direto no nosso WhatsApp

{/* WhatsApp Button */} Falar no WhatsApp {/* Additional Info */}
Resposta rápida garantida
); };