bender/6f6c5e78-9ee1-4bdb-b92e-e19a18b28169
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Merge version_44 into main #71

Merged
bender merged 1 commits from version_44 into main 2026-04-27 01:19:46 +00:00
Conversation 0 Commits 1 Files Changed 1 +11 -45
1 changed files with 11 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/page.tsx
View File

@@ -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<HTMLDivElement>(null);
const shoesRef = useRef<HTMLDivElement>(null);
const veilsRef = useRef<HTMLDivElement>(null);
const galleryContainerRef = useRef<HTMLDivElement>(null);
const shoesContainerRef = useRef<HTMLDivElement>(null);
const veilsContainerRef = useRef<HTMLDivElement>(null);
const galleryButtonContainerRef = useRef<HTMLDivElement>(null);
const shoesButtonContainerRef = useRef<HTMLDivElement>(null);
const veilsButtonContainerRef = useRef<HTMLDivElement>(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 (
<div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4">
<div className="relative w-full max-w-6xl max-h-[90vh] bg-[var(--background)] rounded-2xl p-6 overflow-y-auto">
<button onClick={() => setShowModal(false)} className="absolute top-4 right-4 p-2 bg-[var(--accent)]/10 rounded-full"><X /></button>
<h2 className="text-2xl font-bold mb-6">Collection</h2>
</div>
</div>
);
};
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 (
<ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="background-highlight" borderRadius="rounded" contentWidth="small" sizing="medium" background="grid" cardStyle="inset" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" headingFontWeight="light">
@@ -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}
/>
</div>
<div id="gallery" data-section="gallery" ref={galleryRef}>
<div id="gallery" data-section="gallery">
<ProductCardFour
title="Our Dress Collection"
description="Handpicked dresses for every bride."
@@ -127,7 +94,7 @@ export default function LandingPage() {
products={allDresses}
/>
<div ref={galleryButtonContainerRef} className="flex justify-end p-8">
{showGalleryViewMore && <button onClick={() => { setModalType('gallery'); setShowModal(true); }} className="flex items-center gap-2 bg-[#D4AF37] text-black px-6 py-3 rounded-lg">View More <ChevronRight /></button>}
{showGalleryViewMore && <button onClick={() => setShowModal(true)} className="flex items-center gap-2 bg-[#D4AF37] text-black px-6 py-3 rounded-lg">View More <ChevronRight /></button>}
</div>
</div>
@@ -142,7 +109,7 @@ export default function LandingPage() {
/>
</div>
<div id="shoes" data-section="shoes" ref={shoesRef}>
<div id="shoes" data-section="shoes">
<ProductCardFour
title="Bridal Shoes"
description="Complete your look with comfort and elegance."
@@ -154,7 +121,7 @@ export default function LandingPage() {
/>
</div>
<div id="veils" data-section="veils" ref={veilsRef}>
<div id="veils" data-section="veils">
<ProductCardFour
title="Veils & Crowns"
description="Exquisite headpieces."
@@ -184,7 +151,6 @@ export default function LandingPage() {
bottomRightText="All rights reserved"
/>
</div>
{renderModal()}
</ThemeProvider>
);
}