Compare commits
8 Commits
version_16
...
version_19
| Author | SHA1 | Date | |
|---|---|---|---|
| ef67dd7d0c | |||
| c295bceaa4 | |||
| a16cb96315 | |||
| 08852338d6 | |||
| e396880075 | |||
| 7a662c5872 | |||
| dd69bdcbb8 | |||
| 35c9cd39b9 |
@@ -139,22 +139,71 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
{/* Decorative Vertical Border/Divider with Gold Accents */}
|
||||
<div className="fixed left-1/2 transform -translate-x-1/2 top-0 w-px h-screen pointer-events-none z-0">
|
||||
{/* Main vertical line with gradient */}
|
||||
<div className="absolute left-0 top-0 w-full h-full bg-gradient-to-b from-transparent via-[#D4AF37] to-transparent opacity-40" />
|
||||
{/* Decorative Squiggly Curved Lines with Gold Accents */}
|
||||
<svg
|
||||
className="fixed inset-0 pointer-events-none z-0 w-full h-full"
|
||||
viewBox="0 0 1920 1080"
|
||||
preserveAspectRatio="none"
|
||||
style={{
|
||||
opacity: 0.6,
|
||||
}}
|
||||
>
|
||||
{/* Multiple squiggly curved lines flowing diagonally from top-left to bottom-right */}
|
||||
|
||||
{/* Gold accent dots distributed throughout */}
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[10%] w-1.5 h-1.5 rounded-full bg-[#D4AF37] opacity-60" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[20%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-50" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[30%] w-2 h-2 rounded-full bg-[#D4AF37] opacity-45" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[40%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-55" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[50%] w-1.5 h-1.5 rounded-full bg-[#D4AF37] opacity-50" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[60%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-55" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[70%] w-2 h-2 rounded-full bg-[#D4AF37] opacity-45" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[80%] w-1 h-1 rounded-full bg-[#D4AF37] opacity-60" />
|
||||
<div className="absolute left-1/2 transform -translate-x-1/2 top-[90%] w-1.5 h-1.5 rounded-full bg-[#D4AF37] opacity-50" />
|
||||
</div>
|
||||
{/* Line 1 - Main centerline */}
|
||||
<path
|
||||
d="M 0 0 Q 200 150, 300 250 T 600 500 T 900 700 T 1200 850 T 1920 1080"
|
||||
stroke="#D4AF37"
|
||||
strokeWidth="3"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
|
||||
{/* Line 2 - Left offset */}
|
||||
<path
|
||||
d="M -150 50 Q 100 180, 200 300 T 500 550 T 800 750 T 1100 900 T 1700 1050"
|
||||
stroke="#D4AF37"
|
||||
strokeWidth="2.5"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
opacity="0.7"
|
||||
/>
|
||||
|
||||
{/* Line 3 - Right offset */}
|
||||
<path
|
||||
d="M 150 -20 Q 350 120, 480 220 T 800 480 T 1100 680 T 1350 850 T 1920 1000"
|
||||
stroke="#D4AF37"
|
||||
strokeWidth="2"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
opacity="0.65"
|
||||
/>
|
||||
|
||||
{/* Line 4 - Far left */}
|
||||
<path
|
||||
d="M -300 100 Q -50 250, 80 350 T 400 600 T 700 800 T 950 950 T 1450 1080"
|
||||
stroke="#D4AF37"
|
||||
strokeWidth="2"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
opacity="0.55"
|
||||
/>
|
||||
|
||||
{/* Line 5 - Far right */}
|
||||
<path
|
||||
d="M 300 20 Q 500 160, 650 280 T 950 520 T 1250 720 T 1550 900 T 1920 1080"
|
||||
stroke="#D4AF37"
|
||||
strokeWidth="1.5"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
opacity="0.5"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
{/* Fixed "Go to Dresses" Button */}
|
||||
<button
|
||||
@@ -183,7 +232,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="nav" data-section="nav" className="relative z-20">
|
||||
<NavbarStyleCentered
|
||||
brandName="Irentall"
|
||||
brandName="Irentall "
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
@@ -416,7 +465,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "reel-1", category: "", title: "", excerpt: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=2", imageAlt: "Bride and groom first look moment", authorName: "Irentall Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg", date: ""
|
||||
id: "reel-1", category: "", title: "", excerpt: "", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773947446212-9rkbuuli.mp4", imageAlt: "Bride and groom first look moment", authorName: "Irentall Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg", date: ""
|
||||
},
|
||||
{
|
||||
id: "reel-2", category: "", title: "", excerpt: "", imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=2", imageAlt: "Bride twirling in wedding dress", authorName: "Irentall Team", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5MJh3BJx339lVFA4KYjFzlzMX/uploaded-1773894327718-8nx4sc9p.jpg", date: ""
|
||||
@@ -506,7 +555,7 @@ export default function LandingPage() {
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
title="Ready to Find Your Dream Dress?"
|
||||
description="Call or text us at 747-800-7770 to schedule your personal styling appointment. Our team is here to make your bridal journey unforgettable."
|
||||
description="Book your free 30-minute styling session with limited availability! Our bridal experts will work with you one-on-one to find the perfect gown. Call or text (747) 800-7770 to secure your appointment today."
|
||||
buttons={[
|
||||
{ text: "Call (747) 800-7770", href: "tel:747-800-7770" },
|
||||
{ text: "Text (747) 800-7770", href: "sms:747-800-7770" }
|
||||
@@ -514,8 +563,7 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttonContainerClassName="flex flex-col sm:flex-row gap-3 justify-center"
|
||||
buttonClassName="first:order-first second:order-last"
|
||||
buttonContainerClassName="flex flex-col-reverse sm:flex-row gap-3 justify-center"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -560,4 +608,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user