diff --git a/src/app/page.tsx b/src/app/page.tsx index 7d79cbc..51ba321 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,24 +8,13 @@ import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterSimple from "@/components/sections/footer/FooterSimple"; import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard"; import BlogCardThree from "@/components/sections/blog/BlogCardThree"; -import { Star, Heart, Camera, Sparkles, Crown, Phone, User, Play, ChevronRight, X, Instagram, MapPin } from "lucide-react"; +import { Star, Heart, User, ChevronRight, X, Instagram, Phone, MapPin } from "lucide-react"; import { useState, useEffect, useRef } from "react"; export default function LandingPage() { const [showModal, setShowModal] = useState(false); const [showGalleryViewMore, setShowGalleryViewMore] = useState(false); - const [showShoesViewMore, setShowShoesViewMore] = useState(false); - const [showVeilsViewMore, setShowVeilsViewMore] = useState(false); - const [modalType, setModalType] = useState<'gallery' | 'shoes' | 'veils' | null>(null); - const galleryRef = useRef(null); - const shoesRef = useRef(null); - const veilsRef = useRef(null); - const galleryContainerRef = useRef(null); - const shoesContainerRef = useRef(null); - const veilsContainerRef = useRef(null); const galleryButtonContainerRef = useRef(null); - const shoesButtonContainerRef = useRef(null); - const veilsButtonContainerRef = useRef(null); useEffect(() => { const handleScroll = () => { @@ -33,14 +22,6 @@ export default function LandingPage() { const rect = galleryButtonContainerRef.current.getBoundingClientRect(); setShowGalleryViewMore(rect.top < window.innerHeight && rect.bottom > 0); } - if (shoesButtonContainerRef.current) { - const rect = shoesButtonContainerRef.current.getBoundingClientRect(); - setShowShoesViewMore(rect.top < window.innerHeight && rect.bottom > 0); - } - if (veilsButtonContainerRef.current) { - const rect = veilsButtonContainerRef.current.getBoundingClientRect(); - setShowVeilsViewMore(rect.top < window.innerHeight && rect.bottom > 0); - } }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); @@ -51,24 +32,9 @@ export default function LandingPage() { return () => { document.body.style.overflow = 'unset'; }; }, [showModal]); - const scrollToGallery = () => document.getElementById('gallery')?.scrollIntoView({ behavior: 'smooth' }); - const scrollToShoes = () => document.getElementById('shoes')?.scrollIntoView({ behavior: 'smooth' }); - - const allDresses = [{id: "d1", name: "Classic Elegance", price: "$1,200", variant: "White", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773897612811-03t85tl3.jpg?_wi=1", imageAlt: "Elegant dress"}]; - const allShoes = [{id: "s1", name: "Classic Heels", price: "$250", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2", imageAlt: "Heels"}]; - const allVeils = [{id: "v1", name: "Cathedral Veil", price: "$180", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=2", imageAlt: "Veil"}]; - - const renderModal = () => { - if (!showModal || !modalType) return null; - return ( -
-
- -

Collection

-
-
- ); - }; + const allDresses = [{id: "d1", name: "Classic Elegance", price: "$1,200", variant: "White", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773897612811-03t85tl3.jpg"}]; + const allShoes = [{id: "s1", name: "Classic Heels", price: "$250", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg"}]; + const allVeils = [{id: "v1", name: "Cathedral Veil", price: "$180", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg"}]; return ( @@ -85,7 +51,7 @@ export default function LandingPage() { background={{ variant: "plain" }} tag="5.0 ★ Loved by Local Brides" tagIcon={Star} - buttons={[{ text: "Call Now", href: "tel:747-800-7770" }, { text: "Browse", onClick: scrollToGallery }]} + buttons={[{ text: "Call Now", href: "tel:747-800-7770" }]} leftCarouselItems={[]} rightCarouselItems={[]} /> @@ -109,14 +75,15 @@ export default function LandingPage() { tagIcon={User} title="Iren Ulikhanova" description="Iren is an accomplished professional in the bridal industry, combining vision with elegance." - subdescription="" + subdescription="Bridal expert in LA." icon={Heart} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg" + videoSrc="" useInvertedBackground={true} /> - -
+
-
+
- {renderModal()} ); } \ No newline at end of file