{"id":6,"date":"2026-04-18T05:47:37","date_gmt":"2026-04-18T05:47:37","guid":{"rendered":"https:\/\/thebiggday.silverbells.co.in\/?page_id=6"},"modified":"2026-04-18T11:05:43","modified_gmt":"2026-04-18T11:05:43","slug":"home","status":"publish","type":"page","link":"https:\/\/thebiggday.silverbells.co.in\/index.php\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Solene | Wedding Photography<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@200;300;400;500&family=Great+Vibes&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --bg: #faf8f5;\r\n --white: #ffffff;\r\n --text: #2a2a2a;\r\n --muted: #888;\r\n --accent: #b08d72;\r\n --sage: #8a9174;\r\n --light-bg: #f5f0eb;\r\n --border: #e0d9d0;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Montserrat', sans-serif; background: var(--bg); color: var(--text); overflow-x: hidden; }\r\n\r\n \/* ===================== STICKY HEADER ===================== *\/\r\n header {\r\n position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;\r\n padding: 0 50px; height: 80px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n background: rgba(255,255,255,0.96); border-bottom: 1px solid rgba(0,0,0,0.06);\r\n }\r\n .logo {\r\n font-family: 'Great Vibes', cursive; font-size: 42px; color: var(--text);\r\n text-decoration: none; line-height: 1;\r\n }\r\n nav ul { display: flex; list-style: none; align-items: center; gap: 32px; }\r\n nav ul li a {\r\n text-decoration: none; color: var(--text); font-size: 10px;\r\n letter-spacing: 2.5px; text-transform: uppercase; font-weight: 400;\r\n padding-bottom: 3px; position: relative;\r\n }\r\n nav ul li a.active { border-bottom: 1px solid var(--text); }\r\n .header-right { display: flex; align-items: center; gap: 20px; font-size: 10px; letter-spacing: 2px; }\r\n .header-right span { cursor: pointer; }\r\n .hamburger { display: flex; flex-direction: column; gap: 4px; cursor: pointer; margin-left: 10px; }\r\n .hamburger span { width: 22px; height: 1px; background: var(--text); display: block; }\r\n\r\n \/* Right floating icons bar *\/\r\n .side-icons {\r\n position: fixed; right: 0; top: 50%; transform: translateY(-50%);\r\n z-index: 999; display: flex; flex-direction: column;\r\n }\r\n .side-icons a {\r\n display: flex; align-items: center; justify-content: center;\r\n width: 44px; height: 44px; background: #e8302a; color: white;\r\n text-decoration: none; font-size: 14px;\r\n }\r\n .side-icons a:nth-child(2) { background: #e8302a; }\r\n .side-icons .side-link {\r\n display: flex; flex-direction: column; align-items: center;\r\n padding: 8px 6px; gap: 5px; background: #f5f0eb;\r\n }\r\n .side-link span { font-size: 7px; letter-spacing: 1px; writing-mode: vertical-rl; transform: rotate(180deg); color: var(--muted); }\r\n\r\n \/* Scroll indicator *\/\r\n .scroll-indicator {\r\n position: fixed; right: 55px; bottom: 80px; z-index: 999;\r\n display: flex; flex-direction: column; align-items: center; gap: 8px;\r\n }\r\n .scroll-indicator span { font-size: 9px; letter-spacing: 1px; color: var(--muted); }\r\n .scroll-arrow { width: 1px; height: 50px; background: var(--muted); position: relative; }\r\n\r\n \/* ===================== HERO SLIDER ===================== *\/\r\n .hero {\r\n height: 100vh; position: relative; overflow: hidden;\r\n }\r\n .slide {\r\n position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease;\r\n display: flex; align-items: center; justify-content: center;\r\n }\r\n .slide.active { opacity: 1; }\r\n .slide img {\r\n position: absolute; inset: 0; width: 100%; height: 100%;\r\n object-fit: cover; object-position: center;\r\n }\r\n .slide-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.25) 100%);\r\n }\r\n .hero-content {\r\n position: relative; z-index: 10; text-align: center; color: white;\r\n max-width: 900px; padding: 0 40px;\r\n }\r\n .hero-title-wrap { position: relative; display: inline-block; }\r\n .hero-script {\r\n font-family: 'Great Vibes', cursive; font-size: 72px;\r\n color: white; position: absolute; right: -80px; top: -50px;\r\n font-weight: 400; pointer-events: none;\r\n }\r\n .hero-headline {\r\n font-size: clamp(52px, 7vw, 90px); font-weight: 200;\r\n letter-spacing: 18px; text-transform: uppercase;\r\n font-family: 'Montserrat', sans-serif; line-height: 1.1;\r\n }\r\n .hero-sub {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 17px; margin: 28px auto; opacity: 0.92;\r\n max-width: 520px; letter-spacing: 0.5px;\r\n }\r\n .btn-hero {\r\n display: inline-block; padding: 14px 60px;\r\n border: 1px solid rgba(255,255,255,0.8); background: transparent;\r\n color: white; font-family: 'Montserrat', sans-serif;\r\n font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\r\n cursor: pointer; transition: all 0.4s;\r\n }\r\n .btn-hero:hover { background: white; color: #111; }\r\n\r\n \/* Social left *\/\r\n .hero-social {\r\n position: absolute; bottom: 50px; left: 60px; z-index: 20;\r\n display: flex; gap: 14px; align-items: center;\r\n }\r\n .hero-social a {\r\n color: white; text-decoration: none; font-size: 9px;\r\n letter-spacing: 2px; opacity: 0.9;\r\n }\r\n .hero-social span { color: rgba(255,255,255,0.5); font-size: 10px; }\r\n\r\n \/* Slider dots *\/\r\n .slider-dots {\r\n position: absolute; bottom: 52px; left: 50%; transform: translateX(-50%);\r\n display: flex; gap: 16px; align-items: center; z-index: 20;\r\n }\r\n .dot {\r\n width: 7px; height: 7px; border: 1px solid rgba(255,255,255,0.7);\r\n border-radius: 50%; cursor: pointer; transition: all 0.3s;\r\n }\r\n .dot.active {\r\n width: 11px; height: 11px; border-color: white;\r\n background: transparent;\r\n }\r\n\r\n \/* Slide counter right *\/\r\n .slide-counter {\r\n position: absolute; right: 60px; top: 50%; transform: translateY(-50%);\r\n z-index: 20; color: white; font-size: 10px; letter-spacing: 2px;\r\n opacity: 0.8; writing-mode: vertical-rl;\r\n }\r\n\r\n \/* ===================== PORTFOLIO \/ MASONRY ===================== *\/\r\n .portfolio-section { background: var(--bg); padding: 100px 8%; }\r\n .portfolio-row {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px;\r\n align-items: start; margin-bottom: 100px;\r\n }\r\n .portfolio-row:last-child { margin-bottom: 0; }\r\n .portfolio-row.reverse { }\r\n\r\n .port-text { display: flex; flex-direction: column; justify-content: center; padding: 40px 0; }\r\n .port-text h2 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 38px;\r\n letter-spacing: 6px; text-transform: uppercase; font-weight: 400;\r\n line-height: 1.3; margin-bottom: 24px; color: var(--text);\r\n }\r\n .port-text p {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 17px; color: var(--muted); line-height: 1.8;\r\n max-width: 380px;\r\n }\r\n .port-text.right { text-align: right; }\r\n .port-text.right p { margin-left: auto; }\r\n\r\n .port-img { position: relative; }\r\n .port-img img {\r\n width: 100%; object-fit: cover; display: block;\r\n }\r\n .port-img.tall img { height: 680px; }\r\n .port-img.medium img { height: 450px; }\r\n\r\n .img-caption { margin-top: 16px; }\r\n .img-caption .cat {\r\n font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--muted); display: block; margin-bottom: 6px;\r\n }\r\n .img-caption h3 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 22px;\r\n letter-spacing: 4px; text-transform: uppercase; font-weight: 400;\r\n }\r\n\r\n \/* Decorative script *\/\r\n .deco-script {\r\n font-family: 'Great Vibes', cursive; font-size: 80px;\r\n color: #c4845a; display: flex; align-items: center;\r\n justify-content: flex-end; padding: 40px 0;\r\n }\r\n\r\n \/* ===================== VIDEO SECTION ===================== *\/\r\n .video-section {\r\n margin: 0 8%; position: relative;\r\n height: 75vh; overflow: hidden;\r\n }\r\n .video-section img {\r\n width: 100%; height: 100%; object-fit: cover;\r\n filter: grayscale(100%);\r\n }\r\n .video-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }\r\n .play-circle {\r\n width: 160px; height: 160px; border: 1px solid rgba(255,255,255,0.7);\r\n border-radius: 50%; display: flex; flex-direction: column;\r\n align-items: center; justify-content: center; cursor: pointer;\r\n color: white; transition: all 0.4s;\r\n }\r\n .play-circle:hover { background: rgba(255,255,255,0.15); }\r\n .play-circle .play-arrow { font-size: 16px; margin-bottom: 4px; }\r\n .play-circle .play-text { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; }\r\n\r\n \/* leaf decoration *\/\r\n .leaf-deco {\r\n position: absolute; bottom: -10px; left: -30px; width: 100px; opacity: 0.85;\r\n }\r\n\r\n \/* ===================== COUNTERS ===================== *\/\r\n .counters-section {\r\n padding: 90px 6%; background: var(--white);\r\n display: flex; justify-content: space-around; align-items: center;\r\n }\r\n .counter-item { text-align: center; position: relative; }\r\n .counter-num {\r\n font-family: 'Cormorant Garamond', serif; font-size: 90px;\r\n color: #ececec; font-weight: 300; line-height: 1;\r\n display: block;\r\n }\r\n .counter-label {\r\n font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\r\n color: var(--text); margin-top: -28px; display: block;\r\n position: relative; z-index: 2;\r\n }\r\n\r\n \/* ===================== TEAM SECTION ===================== *\/\r\n .team-section { padding: 100px 8% 60px; }\r\n .team-header { text-align: center; margin-bottom: 60px; }\r\n .team-header h2 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 32px;\r\n letter-spacing: 8px; text-transform: uppercase; font-weight: 400;\r\n margin-bottom: 12px;\r\n }\r\n .team-header p {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 17px; color: var(--muted);\r\n }\r\n .team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }\r\n .team-card { }\r\n .team-img-wrap {\r\n position: relative; overflow: hidden; cursor: pointer;\r\n }\r\n .team-img-wrap img {\r\n width: 100%; height: 340px; object-fit: cover;\r\n object-position: top; display: block; transition: transform 0.6s;\r\n }\r\n .team-img-wrap:hover img { transform: scale(1.05); }\r\n .team-name-hover {\r\n position: absolute; inset: 0; display: flex; align-items: center;\r\n justify-content: center; opacity: 0; transition: opacity 0.4s;\r\n }\r\n .team-img-wrap:hover .team-name-hover { opacity: 1; }\r\n .team-name-hover span {\r\n font-family: 'Great Vibes', cursive; font-size: 60px;\r\n color: white; text-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n }\r\n .team-info { margin-top: 18px; }\r\n .team-info .role {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 14px; color: var(--muted); display: block; margin-bottom: 6px;\r\n }\r\n .team-info .name {\r\n font-size: 11px; letter-spacing: 3px; text-transform: uppercase;\r\n font-weight: 400; display: block; margin-bottom: 10px;\r\n }\r\n .team-social {\r\n display: flex; gap: 10px; align-items: center;\r\n }\r\n .team-social a {\r\n font-size: 8px; letter-spacing: 2px; color: var(--muted);\r\n text-decoration: none; text-transform: uppercase;\r\n }\r\n .team-social span { color: #ccc; font-size: 10px; }\r\n\r\n \/* ===================== CATEGORY SWITCHER ===================== *\/\r\n .category-section {\r\n display: grid; grid-template-columns: 380px 1fr; min-height: 580px;\r\n }\r\n .cat-list-wrap {\r\n display: flex; flex-direction: column; justify-content: center;\r\n padding: 60px 60px 60px 8%;\r\n }\r\n .cat-list { list-style: none; }\r\n .cat-list li {\r\n margin: 18px 0; cursor: pointer; display: flex; flex-direction: column;\r\n }\r\n .cat-num {\r\n font-size: 9px; letter-spacing: 2px; color: var(--muted);\r\n margin-bottom: 4px; display: block;\r\n }\r\n .cat-name {\r\n font-family: 'Cormorant Garamond', serif; font-size: 36px;\r\n letter-spacing: 5px; text-transform: uppercase; font-weight: 400;\r\n color: #c8c0b8; transition: color 0.3s;\r\n padding-bottom: 4px; border-bottom: 1px solid transparent;\r\n }\r\n .cat-list li.active .cat-name { color: var(--text); border-bottom-color: var(--text); }\r\n .cat-list li:hover .cat-name { color: var(--text); }\r\n\r\n .cat-images {\r\n display: grid; grid-template-columns: 1fr 1fr; gap: 0;\r\n position: relative;\r\n }\r\n .cat-img-panel {\r\n position: absolute; inset: 0; opacity: 0; transition: opacity 0.8s;\r\n display: grid; grid-template-columns: 1fr 1fr;\r\n }\r\n .cat-img-panel.active { opacity: 1; position: relative; }\r\n .cat-img-panel img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n .cat-img-panel img:first-child { filter: grayscale(100%); }\r\n\r\n \/* ===================== PARTNERS LOGOS ===================== *\/\r\n .partners-section {\r\n background: #f0ece6; padding: 70px 8%;\r\n }\r\n .partners-grid {\r\n display: grid; grid-template-columns: repeat(5, 1fr);\r\n gap: 40px 20px; align-items: center;\r\n }\r\n .partner-logo {\r\n text-align: center; color: #b0a89e; opacity: 0.7;\r\n transition: opacity 0.3s; cursor: pointer;\r\n }\r\n .partner-logo:hover { opacity: 1; }\r\n .partner-logo .pname {\r\n font-family: 'Cormorant Garamond', serif; font-size: 18px;\r\n letter-spacing: 4px; text-transform: uppercase;\r\n }\r\n .partner-logo .pscript {\r\n font-family: 'Great Vibes', cursive; font-size: 32px;\r\n }\r\n .partner-logo .pbox {\r\n border: 1px solid currentColor; padding: 4px 14px;\r\n font-size: 13px; letter-spacing: 3px; display: inline-block;\r\n }\r\n .partner-logo .psmall { font-size: 13px; letter-spacing: 2px; }\r\n\r\n \/* ===================== BLOG SECTION ===================== *\/\r\n .blog-section { padding: 100px 8% 80px; background: var(--bg); }\r\n .section-header { text-align: center; margin-bottom: 60px; }\r\n .section-header h2 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 30px;\r\n letter-spacing: 8px; text-transform: uppercase; font-weight: 400;\r\n margin-bottom: 14px;\r\n }\r\n .section-header p {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 17px; color: var(--muted);\r\n }\r\n .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }\r\n .blog-card { cursor: pointer; }\r\n .blog-card img {\r\n width: 100%; height: 360px; object-fit: cover; display: block;\r\n transition: transform 0.5s;\r\n }\r\n .blog-card:hover img { transform: scale(1.03); }\r\n .blog-card-wrap { overflow: hidden; }\r\n .blog-info { margin-top: 20px; }\r\n .blog-info .byline {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 13px; color: var(--muted); display: block; margin-bottom: 8px;\r\n }\r\n .blog-info h3 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 18px;\r\n letter-spacing: 3px; text-transform: uppercase; font-weight: 400;\r\n }\r\n\r\n \/* ===================== CTA BANNER ===================== *\/\r\n .cta-banner {\r\n position: relative; height: 60vh;\r\n display: flex; align-items: center; justify-content: center;\r\n text-align: center; overflow: hidden;\r\n }\r\n .cta-banner img {\r\n position: absolute; inset: 0; width: 100%; height: 100%;\r\n object-fit: cover; object-position: center top;\r\n }\r\n .cta-banner-overlay {\r\n position: absolute; inset: 0;\r\n background: rgba(0,0,0,0.18);\r\n }\r\n .cta-content { position: relative; z-index: 10; color: white; padding: 0 40px; }\r\n .cta-content h2 {\r\n font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 4vw, 52px);\r\n letter-spacing: 8px; text-transform: uppercase; font-weight: 400;\r\n margin-bottom: 18px;\r\n }\r\n .cta-content p {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 17px; opacity: 0.92; margin-bottom: 30px;\r\n }\r\n .btn-cta {\r\n display: inline-block; padding: 14px 55px;\r\n border: 1px solid rgba(255,255,255,0.8); background: transparent;\r\n color: white; font-size: 9px; letter-spacing: 3px;\r\n text-transform: uppercase; cursor: pointer; transition: all 0.4s;\r\n }\r\n .btn-cta:hover { background: white; color: #111; }\r\n\r\n \/* ===================== SERVICES ICONS ===================== *\/\r\n .services-section {\r\n background: #8a9174; padding: 80px 8%;\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;\r\n }\r\n .service-item { color: white; }\r\n .service-icon { margin-bottom: 22px; }\r\n .service-icon svg { width: 54px; height: 54px; stroke: rgba(255,255,255,0.85); fill: none; stroke-width: 1.2; }\r\n .service-item h4 {\r\n font-size: 10px; letter-spacing: 3px; text-transform: uppercase;\r\n margin-bottom: 6px; font-weight: 400;\r\n }\r\n .service-item .svc-sub {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 16px; margin-bottom: 12px; display: block;\r\n }\r\n .service-item p {\r\n font-size: 12px; line-height: 1.7; opacity: 0.85; font-weight: 300;\r\n }\r\n\r\n \/* ===================== TESTIMONIALS ===================== *\/\r\n .testimonials-section { padding: 100px 8%; background: var(--white); }\r\n .testimonials-section .section-header { margin-bottom: 70px; }\r\n .testimonial-slider { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 420px; }\r\n .testimonial-img {\r\n width: 100%; height: 420px; object-fit: cover; display: block;\r\n }\r\n .testimonial-text-wrap {\r\n background: #f5f0eb; padding: 60px 60px; display: flex;\r\n flex-direction: column; justify-content: center;\r\n }\r\n .test-date {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 18px; color: var(--muted); display: block; margin-bottom: 24px;\r\n text-align: center;\r\n }\r\n .test-quote {\r\n font-family: 'Cormorant Garamond', serif; font-size: 16px;\r\n line-height: 1.8; color: var(--muted); text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n .test-name {\r\n font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\r\n text-align: center; display: block;\r\n }\r\n .test-nav {\r\n display: flex; align-items: center; justify-content: flex-end;\r\n gap: 20px; margin-top: 30px;\r\n }\r\n .test-nav-btn {\r\n background: none; border: none; cursor: pointer; font-size: 16px;\r\n color: var(--muted); display: flex; align-items: center; gap: 8px;\r\n }\r\n .test-nav-btn:hover { color: var(--text); }\r\n .test-counter { font-size: 11px; letter-spacing: 2px; color: var(--muted); }\r\n\r\n \/* ===================== PRICING ===================== *\/\r\n .pricing-section { padding: 100px 8%; background: var(--bg); }\r\n .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 60px; }\r\n .price-card {\r\n border: 1px solid var(--border); padding: 50px 40px 40px;\r\n text-align: center; transition: box-shadow 0.3s; background: white;\r\n }\r\n .price-card:hover { box-shadow: 0 10px 40px rgba(0,0,0,0.08); }\r\n .price-card .plan {\r\n font-size: 11px; letter-spacing: 4px; text-transform: uppercase;\r\n font-weight: 400; color: var(--text); margin-bottom: 24px; display: block;\r\n }\r\n .price-amount {\r\n display: flex; align-items: flex-start; justify-content: center; gap: 2px;\r\n }\r\n .price-dollar {\r\n font-family: 'Cormorant Garamond', serif; font-size: 22px;\r\n color: var(--muted); margin-top: 8px;\r\n }\r\n .price-num {\r\n font-family: 'Cormorant Garamond', serif; font-size: 72px;\r\n font-weight: 300; color: var(--text); line-height: 1;\r\n }\r\n .price-period {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 16px; color: var(--muted); display: block;\r\n margin: 12px 0 28px;\r\n }\r\n .price-features { list-style: none; }\r\n .price-features li {\r\n font-size: 12px; color: var(--muted); padding: 9px 0;\r\n border-bottom: 1px solid #f0ece6;\r\n }\r\n .price-features li:last-child { border-bottom: none; }\r\n .btn-price {\r\n display: block; width: 100%; margin-top: 30px; padding: 14px;\r\n border: 1px solid var(--text); background: transparent;\r\n font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\r\n cursor: pointer; transition: all 0.4s; font-family: 'Montserrat', sans-serif;\r\n }\r\n .btn-price:hover, .price-card.featured .btn-price {\r\n background: #111; color: white; border-color: #111;\r\n }\r\n\r\n \/* ===================== INSTAGRAM GRID ===================== *\/\r\n .instagram-header { text-align: center; padding: 80px 8% 50px; }\r\n .instagram-header h2 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 28px;\r\n letter-spacing: 8px; text-transform: uppercase; font-weight: 400;\r\n margin-bottom: 10px;\r\n }\r\n .instagram-header p {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 16px; color: var(--muted);\r\n }\r\n .insta-grid {\r\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;\r\n }\r\n .insta-grid a { display: block; overflow: hidden; }\r\n .insta-grid img {\r\n width: 100%; height: 300px; object-fit: cover; display: block;\r\n transition: transform 0.5s; filter: none;\r\n }\r\n .insta-grid a:hover img { transform: scale(1.05); }\r\n \/* Hover overlay label *\/\r\n .insta-item { position: relative; overflow: hidden; }\r\n .insta-label {\r\n position: absolute; bottom: 0; left: 0; right: 0;\r\n background: rgba(0,0,0,0.5); color: white; padding: 14px 16px;\r\n opacity: 0; transition: opacity 0.4s;\r\n }\r\n .insta-item:hover .insta-label { opacity: 1; }\r\n .insta-label .ilcat { font-size: 7px; letter-spacing: 2px; text-transform: uppercase; display: block; margin-bottom: 3px; }\r\n .insta-label .iltitle { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }\r\n\r\n \/* ===================== CONTACT \/ GET IN TOUCH ===================== *\/\r\n .contact-section { padding: 100px 18%; text-align: center; background: var(--white); }\r\n .contact-section h2 {\r\n font-family: 'Cormorant Garamond', serif; font-size: 32px;\r\n letter-spacing: 8px; text-transform: uppercase; font-weight: 400;\r\n margin-bottom: 14px;\r\n }\r\n .contact-section .sub {\r\n font-family: 'Cormorant Garamond', serif; font-style: italic;\r\n font-size: 17px; color: var(--muted); margin-bottom: 60px; display: block;\r\n }\r\n .contact-eucalyptus { width: 130px; position: absolute; right: 6%; bottom: 300px; opacity: 0.7; }\r\n .input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 36px; }\r\n .form-input {\r\n width: 100%; background: transparent; border: none;\r\n border-bottom: 1px solid #d5cdc5; padding: 14px 0;\r\n font-family: 'Montserrat', sans-serif; font-size: 10px;\r\n letter-spacing: 2px; text-transform: uppercase; outline: none;\r\n color: var(--text); transition: border-color 0.3s;\r\n }\r\n .form-input::placeholder { color: #bbb; }\r\n .form-input:focus { border-bottom-color: var(--text); }\r\n .full-input { margin-bottom: 50px; }\r\n .btn-send {\r\n background: #111; color: white; border: none;\r\n padding: 18px 70px; font-size: 10px; letter-spacing: 3px;\r\n text-transform: uppercase; cursor: pointer; transition: background 0.3s;\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .btn-send:hover { background: #333; }\r\n\r\n \/* ===================== FOOTER ===================== *\/\r\n footer { background: #f0ece6; padding: 60px 8% 30px; }\r\n .footer-top {\r\n display: grid; grid-template-columns: 1fr 2fr 1fr;\r\n gap: 60px; margin-bottom: 50px;\r\n }\r\n .footer-logo {\r\n font-family: 'Great Vibes', cursive; font-size: 48px;\r\n color: var(--text);\r\n }\r\n .footer-logo p { font-size: 10px; letter-spacing: 2px; margin-top: 8px; color: var(--muted); }\r\n .footer-links { display: flex; gap: 60px; }\r\n .footer-col h4 {\r\n font-size: 9px; letter-spacing: 3px; text-transform: uppercase;\r\n margin-bottom: 20px; font-weight: 500;\r\n }\r\n .footer-col ul { list-style: none; }\r\n .footer-col ul li { margin-bottom: 10px; }\r\n .footer-col ul li a {\r\n font-size: 11px; color: var(--muted); text-decoration: none; transition: color 0.3s;\r\n font-family: 'Cormorant Garamond', serif;\r\n }\r\n .footer-col ul li a:hover { color: var(--text); }\r\n .footer-newsletter h4 { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; }\r\n .newsletter-input {\r\n display: flex; border-bottom: 1px solid #ccc; padding-bottom: 8px;\r\n }\r\n .newsletter-input input {\r\n flex: 1; background: none; border: none; outline: none;\r\n font-size: 11px; font-family: 'Cormorant Garamond', serif;\r\n font-style: italic; color: var(--muted);\r\n }\r\n .newsletter-input button {\r\n background: none; border: none; font-size: 14px; cursor: pointer; color: var(--muted);\r\n }\r\n .footer-bottom {\r\n border-top: 1px solid #ddd6cc; padding-top: 24px;\r\n display: flex; justify-content: space-between; align-items: center;\r\n }\r\n .footer-bottom p { font-size: 10px; color: var(--muted); letter-spacing: 1px; }\r\n .back-to-top {\r\n width: 40px; height: 40px; border: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; color: var(--muted); font-size: 14px;\r\n transition: all 0.3s;\r\n }\r\n .back-to-top:hover { background: var(--text); color: white; border-color: var(--text); }\r\n\r\n \/* ===================== SCROLL TO TOP FIXED ===================== *\/\r\n .scroll-top-fixed {\r\n position: fixed; right: 14px; bottom: 30px; z-index: 999;\r\n width: 38px; height: 38px; background: var(--bg); border: 1px solid var(--border);\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; transition: all 0.3s; color: var(--muted);\r\n font-size: 14px; opacity: 0; pointer-events: none;\r\n }\r\n .scroll-top-fixed.visible { opacity: 1; pointer-events: all; }\r\n .scroll-top-fixed:hover { background: #111; color: white; border-color: #111; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ===================== HEADER ===================== -->\r\n <header>\r\n <a href=\"#\" class=\"logo\">Solene<\/a>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#\" class=\"active\">Home<\/a><\/li>\r\n <li><a href=\"#\">Pages<\/a><\/li>\r\n <li><a href=\"#\">Portfolio<\/a><\/li>\r\n <li><a href=\"#\">Proofing Gallery<\/a><\/li>\r\n <li><a href=\"#\">Blog<\/a><\/li>\r\n <li><a href=\"#\">Shop<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <div class=\"header-right\">\r\n <span>CART (0)<\/span>\r\n <span>INFO<\/span>\r\n <div class=\"hamburger\">\r\n <span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Right floating icons -->\r\n <div class=\"side-icons\">\r\n <a href=\"#\" style=\"background:#e8302a;\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" style=\"background:#e8302a;\">\ud83d\uded2<\/a>\r\n <\/div>\r\n\r\n <!-- Scroll to top fixed -->\r\n <div class=\"scroll-top-fixed\" id=\"scrollTop\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\">\u2191<\/div>\r\n\r\n <!-- ===================== HERO SLIDER ===================== -->\r\n <section class=\"hero\" id=\"hero\">\r\n\r\n <!-- Slide 1 -->\r\n <div class=\"slide active\" id=\"slide-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606800052052-a08af7148866?w=1600&q=80\" alt=\"Couple in field\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n <!-- Slide 2 -->\r\n <div class=\"slide\" id=\"slide-1\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?w=1600&q=80\" alt=\"Bouquet\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n <!-- Slide 3 -->\r\n <div class=\"slide\" id=\"slide-2\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537633552985-df8429e8048b?w=1600&q=80\" alt=\"Wedding couple\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-title-wrap\">\r\n <span class=\"hero-script\">love<\/span>\r\n <h1 class=\"hero-headline\">Made to Shine<\/h1>\r\n <\/div>\r\n <p class=\"hero-sub\">Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula.<\/p>\r\n <button class=\"btn-hero\">Read More<\/button>\r\n <\/div>\r\n\r\n <div class=\"hero-social\">\r\n <a href=\"#\">FB<\/a><span>\u2014<\/span>\r\n <a href=\"#\">IN<\/a><span>\u2014<\/span>\r\n <a href=\"#\">TW<\/a>\r\n <\/div>\r\n\r\n <div class=\"slider-dots\" id=\"sliderDots\">\r\n <div class=\"dot active\" onclick=\"goToSlide(0)\"><\/div>\r\n <div class=\"dot\" onclick=\"goToSlide(1)\"><\/div>\r\n <div class=\"dot active-dot\" onclick=\"goToSlide(2)\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"slide-counter\" id=\"slideCounter\">3 \/ 3<\/div>\r\n <\/section>\r\n\r\n <!-- ===================== PORTFOLIO SECTION ===================== -->\r\n <section class=\"portfolio-section\">\r\n\r\n <!-- Row 1: Text left, Image right -->\r\n <div class=\"portfolio-row\">\r\n <div class=\"port-text\">\r\n <h2>Authentic<br>Photos<\/h2>\r\n <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium veritatis.<\/p>\r\n <\/div>\r\n <div class=\"port-img tall\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1594736797933-d0401ba2fe65?w=800&q=80\" alt=\"Bride on beach\">\r\n <div class=\"img-caption\">\r\n <span class=\"cat\">Interior<\/span>\r\n <h3>Blushing Bride<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2: Image left, Text right -->\r\n <div class=\"portfolio-row\">\r\n <div class=\"port-img tall\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1465495976277-4387d4b0b4c6?w=800&q=80\" alt=\"Bride with bouquet\">\r\n <div class=\"img-caption\">\r\n <span class=\"cat\">Interior<\/span>\r\n <h3>Capture Emotion<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"port-img medium\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550005809-91ad75fb315f?w=800&q=80\" alt=\"Couple laughing\">\r\n <div class=\"img-caption\">\r\n <span class=\"cat\">Interior<\/span>\r\n <h3>Love Shades<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"deco-script\">with love<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- ===================== VIDEO SECTION ===================== -->\r\n <section style=\"padding: 0 8% 100px; position:relative; background: var(--bg);\">\r\n <div class=\"video-section\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=1400&q=80\" alt=\"Bride on beach video\">\r\n <div class=\"video-overlay\">\r\n <div class=\"play-circle\" onclick=\"window.open('https:\/\/www.youtube.com\/watch?v=JtYaDKNssbl','_blank')\">\r\n <span class=\"play-arrow\">\u25b6<\/span>\r\n <span class=\"play-text\">Play<br>Video<\/span>\r\n <\/div>\r\n <\/div>\r\n <!-- Leaf SVG decoration -->\r\n <svg class=\"leaf-deco\" viewBox=\"0 0 100 130\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;bottom:-15px;left:-30px;width:90px;opacity:0.7\">\r\n <path d=\"M50 10 C20 30, 5 70, 30 110\" stroke=\"#7a8c5f\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <ellipse cx=\"20\" cy=\"55\" rx=\"18\" ry=\"10\" fill=\"#a8bb8a\" opacity=\"0.6\" transform=\"rotate(-30 20 55)\"\/>\r\n <ellipse cx=\"35\" cy=\"40\" rx=\"15\" ry=\"8\" fill=\"#b5c896\" opacity=\"0.6\" transform=\"rotate(-50 35 40)\"\/>\r\n <ellipse cx=\"45\" cy=\"75\" rx=\"16\" ry=\"9\" fill=\"#9cb07e\" opacity=\"0.6\" transform=\"rotate(-20 45 75)\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== COUNTERS ===================== -->\r\n <section class=\"counters-section\">\r\n <div class=\"counter-item\">\r\n <span class=\"counter-num\">133<\/span>\r\n <span class=\"counter-label\">Cup of Coffee<\/span>\r\n <\/div>\r\n <div class=\"counter-item\">\r\n <span class=\"counter-num\">743<\/span>\r\n <span class=\"counter-label\">New Couples<\/span>\r\n <\/div>\r\n <div class=\"counter-item\">\r\n <span class=\"counter-num\">573<\/span>\r\n <span class=\"counter-label\">Best Bouquets<\/span>\r\n <\/div>\r\n <div class=\"counter-item\">\r\n <span class=\"counter-num\">383<\/span>\r\n <span class=\"counter-label\">Tasty Cakes<\/span>\r\n <\/div>\r\n <div class=\"counter-item\">\r\n <span class=\"counter-num\">954<\/span>\r\n <span class=\"counter-label\">Ceremonies<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== TEAM SECTION ===================== -->\r\n <section class=\"team-section\">\r\n <div class=\"team-header\">\r\n <h2>Our Photography Team<\/h2>\r\n <p>Alienum phaedrum torquatos neceu<\/p>\r\n <\/div>\r\n <div class=\"team-grid\">\r\n <div class=\"team-card\">\r\n <div class=\"team-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531746020798-e6953c6e8e04?w=500&q=80\" alt=\"Maria Smith\">\r\n <div class=\"team-name-hover\"><span>Maria<\/span><\/div>\r\n <\/div>\r\n <div class=\"team-info\">\r\n <span class=\"role\">Photographer<\/span>\r\n <span class=\"name\">Maria Smith<\/span>\r\n <div class=\"team-social\">\r\n <a href=\"#\">FB<\/a><span>\u2014<\/span><a href=\"#\">IN<\/a><span>\u2014<\/span><a href=\"#\">TW<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card\">\r\n <div class=\"team-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514315384763-ba401779410f?w=500&q=80\" alt=\"Viola Jensen\">\r\n <div class=\"team-name-hover\"><span>Viola<\/span><\/div>\r\n <\/div>\r\n <div class=\"team-info\">\r\n <span class=\"role\">Photographer<\/span>\r\n <span class=\"name\">Viola Jensen<\/span>\r\n <div class=\"team-social\">\r\n <a href=\"#\">FB<\/a><span>\u2014<\/span><a href=\"#\">IN<\/a><span>\u2014<\/span><a href=\"#\">TW<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card\">\r\n <div class=\"team-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1488426862026-3ee34a7d66df?w=500&q=80\" alt=\"Felicia Davis\">\r\n <div class=\"team-name-hover\"><span>Felicia<\/span><\/div>\r\n <\/div>\r\n <div class=\"team-info\">\r\n <span class=\"role\">Photographer<\/span>\r\n <span class=\"name\">Felicia Davis<\/span>\r\n <div class=\"team-social\">\r\n <a href=\"#\">FB<\/a><span>\u2014<\/span><a href=\"#\">IN<\/a><span>\u2014<\/span><a href=\"#\">TW<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-card\">\r\n <div class=\"team-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=500&q=80\" alt=\"Jeff Alvarez\">\r\n <div class=\"team-name-hover\"><span>Jeff<\/span><\/div>\r\n <\/div>\r\n <div class=\"team-info\">\r\n <span class=\"role\">Photographer<\/span>\r\n <span class=\"name\">Jeff Alvarez<\/span>\r\n <div class=\"team-social\">\r\n <a href=\"#\">FB<\/a><span>\u2014<\/span><a href=\"#\">IN<\/a><span>\u2014<\/span><a href=\"#\">TW<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== CATEGORY SWITCHER ===================== -->\r\n <section class=\"category-section\">\r\n <div class=\"cat-list-wrap\">\r\n <ul class=\"cat-list\" id=\"catList\">\r\n <li class=\"active\" data-cat=\"0\" onclick=\"switchCat(0)\">\r\n <span class=\"cat-num\">01<\/span>\r\n <span class=\"cat-name\">Fashion<\/span>\r\n <\/li>\r\n <li data-cat=\"1\" onclick=\"switchCat(1)\">\r\n <span class=\"cat-num\">02<\/span>\r\n <span class=\"cat-name\">Spring<\/span>\r\n <\/li>\r\n <li data-cat=\"2\" onclick=\"switchCat(2)\">\r\n <span class=\"cat-num\">03<\/span>\r\n <span class=\"cat-name\">Wedding<\/span>\r\n <\/li>\r\n <li data-cat=\"3\" onclick=\"switchCat(3)\">\r\n <span class=\"cat-num\">04<\/span>\r\n <span class=\"cat-name\">Event<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"cat-images\" style=\"position:relative; min-height:580px;\">\r\n <div class=\"cat-img-panel active\" id=\"cat-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?w=700&q=80\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1465495976277-4387d4b0b4c6?w=700&q=80\" alt=\"\">\r\n <\/div>\r\n <div class=\"cat-img-panel\" id=\"cat-1\" style=\"position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511285560929-80b456fea0bc?w=700&q=80\" style=\"width:100%;height:100%;object-fit:cover;filter:grayscale(100%)\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537633552985-df8429e8048b?w=700&q=80\" style=\"width:100%;height:100%;object-fit:cover;\" alt=\"\">\r\n <\/div>\r\n <div class=\"cat-img-panel\" id=\"cat-2\" style=\"position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606800052052-a08af7148866?w=700&q=80\" style=\"width:100%;height:100%;object-fit:cover;filter:grayscale(100%)\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550005809-91ad75fb315f?w=700&q=80\" style=\"width:100%;height:100%;object-fit:cover;\" alt=\"\">\r\n <\/div>\r\n <div class=\"cat-img-panel\" id=\"cat-3\" style=\"position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522673607200-1648832cee98?w=700&q=80\" style=\"width:100%;height:100%;object-fit:cover;filter:grayscale(100%)\" alt=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1515934751635-c81c6bc9a2d8?w=700&q=80\" style=\"width:100%;height:100%;object-fit:cover;\" alt=\"\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== PARTNER LOGOS ===================== -->\r\n <section class=\"partners-section\">\r\n <div class=\"partners-grid\">\r\n <div class=\"partner-logo\"><span class=\"pname\">Hadley<\/span><\/div>\r\n <div class=\"partner-logo\"><span style=\"font-family:'Cormorant Garamond',serif;font-size:32px;font-style:italic;\">AL<\/span><\/div>\r\n <div class=\"partner-logo\"><span class=\"pname\" style=\"font-size:13px;\">EditRose<\/span><\/div>\r\n <div class=\"partner-logo\"><span style=\"font-size:28px;\">\u2299<\/span><\/div>\r\n <div class=\"partner-logo\"><span class=\"pscript\" style=\"font-size:26px;font-family:'Great Vibes',cursive;\">ht \u2014<\/span><\/div>\r\n <div class=\"partner-logo\"><span style=\"font-family:'Cormorant Garamond',serif;font-size:22px;letter-spacing:2px;\">MJ<\/span><\/div>\r\n <div class=\"partner-logo\"><span class=\"pscript\">company<\/span><\/div>\r\n <div class=\"partner-logo\"><span class=\"psmall\" style=\"font-size:14px;letter-spacing:1px;\">Green Plant<\/span><\/div>\r\n <div class=\"partner-logo\"><span class=\"pbox\">Le Petit<\/span><\/div>\r\n <div class=\"partner-logo\"><span class=\"pscript\">c\u00e2lin<\/span><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== BLOG SECTION ===================== -->\r\n <section class=\"blog-section\">\r\n <div class=\"section-header\">\r\n <h2>Read Our Blog<\/h2>\r\n <p>Alienum phaedrum torquatos neceu<\/p>\r\n <\/div>\r\n <div class=\"blog-grid\">\r\n <div class=\"blog-card\">\r\n <div class=\"blog-card-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585241936939-be4099591252?w=700&q=80\" alt=\"Best Invitation\">\r\n <\/div>\r\n <div class=\"blog-info\">\r\n <span class=\"byline\">Photography \u2014 Anna Smith<\/span>\r\n <h3>Best Invitation<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"blog-card\">\r\n <div class=\"blog-card-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606216794074-735e91aa2c92?w=700&q=80\" alt=\"Tender Love\">\r\n <\/div>\r\n <div class=\"blog-info\">\r\n <span class=\"byline\">Photography \u2014 Anna Smith<\/span>\r\n <h3>Tender Love<\/h3>\r\n <\/div>\r\n <\/div>\r\n <div class=\"blog-card\">\r\n <div class=\"blog-card-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1592861953712-e24b7e17e618?w=700&q=80\" alt=\"Into the Woods\">\r\n <\/div>\r\n <div class=\"blog-info\">\r\n <span class=\"byline\">Photography \u2014 Anna Smith<\/span>\r\n <h3>Into the Woods<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== CTA BANNER ===================== -->\r\n <section class=\"cta-banner\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537633552985-df8429e8048b?w=1600&q=80\" alt=\"CTA\">\r\n <div class=\"cta-banner-overlay\"><\/div>\r\n <div class=\"cta-content\">\r\n <h2>You Just Enjoy Your Day!<\/h2>\r\n <p>Lorem ipsum dolor sit amet, adipiscing elit. Aenean commodo ligula.<\/p>\r\n <button class=\"btn-cta\">Read More<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== SERVICES ICONS ===================== -->\r\n <section class=\"services-section\">\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 54 54\"><rect x=\"4\" y=\"10\" width=\"46\" height=\"36\" rx=\"2\"\/><path d=\"M27 14v4M17 26h20M17 32h12\"\/><path d=\"M27 22 L27 26\"\/><\/svg>\r\n <\/div>\r\n <h4>Lorem Ipsum<\/h4>\r\n <span class=\"svc-sub\">Wedding<\/span>\r\n <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa<\/p>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 54 54\"><circle cx=\"27\" cy=\"27\" r=\"10\"\/><rect x=\"8\" y=\"16\" width=\"38\" height=\"28\" rx=\"3\"\/><circle cx=\"42\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.5)\"\/><path d=\"M8 22h4\"\/><\/svg>\r\n <\/div>\r\n <h4>Lorem Ipsum<\/h4>\r\n <span class=\"svc-sub\">Wedding<\/span>\r\n <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa<\/p>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 54 54\"><circle cx=\"27\" cy=\"27\" r=\"18\"\/><circle cx=\"27\" cy=\"27\" r=\"8\"\/><path d=\"M27 9 L27 14M27 40 L27 45M9 27 L14 27M40 27 L45 27\"\/><circle cx=\"27\" cy=\"27\" r=\"3\" fill=\"rgba(255,255,255,0.6)\"\/><\/svg>\r\n <\/div>\r\n <h4>Lorem Ipsum<\/h4>\r\n <span class=\"svc-sub\">Wedding<\/span>\r\n <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa<\/p>\r\n <\/div>\r\n <div class=\"service-item\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 54 54\"><rect x=\"4\" y=\"14\" width=\"32\" height=\"24\" rx=\"2\"\/><path d=\"M36 20 L50 14 L50 40 L36 34 Z\"\/><circle cx=\"12\" cy=\"38\" r=\"3\"\/><circle cx=\"24\" cy=\"38\" r=\"3\"\/><\/svg>\r\n <\/div>\r\n <h4>Lorem Ipsum<\/h4>\r\n <span class=\"svc-sub\">Wedding<\/span>\r\n <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== TESTIMONIALS ===================== -->\r\n <section class=\"testimonials-section\">\r\n <div class=\"section-header\">\r\n <h2>Our Photography Team<\/h2>\r\n <p>Alienum phaedrum torquatos neceu<\/p>\r\n <\/div>\r\n <div style=\"position:relative;\">\r\n <div class=\"testimonial-slider\" id=\"testSlider\">\r\n <img decoding=\"async\" class=\"testimonial-img\" id=\"testImg\" src=\"https:\/\/images.unsplash.com\/photo-1606216794074-735e91aa2c92?w=800&q=80\" alt=\"Testimonial\">\r\n <div class=\"testimonial-text-wrap\">\r\n <span class=\"test-date\" id=\"testDate\">December 01, 2019<\/span>\r\n <p class=\"test-quote\" id=\"testQuote\">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis vitae feugiat magna, ut mattis ligula praesentium voluptatum deleniti atque corrupti quos et quas molestias excepturi.<\/p>\r\n <span class=\"test-name\" id=\"testName\">EMMA + MIKE<\/span>\r\n <div class=\"test-nav\">\r\n <button class=\"test-nav-btn\" onclick=\"prevTest()\">\u2190 \u2190<\/button>\r\n <span class=\"test-counter\" id=\"testCounter\">02 \/ 03<\/span>\r\n <button class=\"test-nav-btn\" onclick=\"nextTest()\">\u2192 \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== PRICING PLANS ===================== -->\r\n <section class=\"pricing-section\">\r\n <div class=\"section-header\">\r\n <h2>Pricing Plans<\/h2>\r\n <p>Alienum phaedrum torquatos<\/p>\r\n <\/div>\r\n <div class=\"pricing-grid\">\r\n <div class=\"price-card\">\r\n <span class=\"plan\">Standard<\/span>\r\n <div class=\"price-amount\">\r\n <span class=\"price-dollar\">$<\/span>\r\n <span class=\"price-num\">291<\/span>\r\n <\/div>\r\n <span class=\"price-period\">Month<\/span>\r\n <ul class=\"price-features\">\r\n <li>Relaxing massage<\/li>\r\n <li>Manicure & Pedicure<\/li>\r\n <li>Body Polish<\/li>\r\n <li>Face Treatment<\/li>\r\n <\/ul>\r\n <button class=\"btn-price\">Choose Plan<\/button>\r\n <\/div>\r\n <div class=\"price-card featured\">\r\n <span class=\"plan\">Premium<\/span>\r\n <div class=\"price-amount\">\r\n <span class=\"price-dollar\">$<\/span>\r\n <span class=\"price-num\">391<\/span>\r\n <\/div>\r\n <span class=\"price-period\">Month<\/span>\r\n <ul class=\"price-features\">\r\n <li>Face Treatment<\/li>\r\n <li>Relaxing massage<\/li>\r\n <li>Body Polish<\/li>\r\n <li>Manicure & Pedicure<\/li>\r\n <\/ul>\r\n <button class=\"btn-price\">Choose Plan<\/button>\r\n <\/div>\r\n <div class=\"price-card\">\r\n <span class=\"plan\">Premium<\/span>\r\n <div class=\"price-amount\">\r\n <span class=\"price-dollar\">$<\/span>\r\n <span class=\"price-num\">491<\/span>\r\n <\/div>\r\n <span class=\"price-period\">Month<\/span>\r\n <ul class=\"price-features\">\r\n <li>Relaxing massage<\/li>\r\n <li>Face Treatment<\/li>\r\n <li>Body Polish<\/li>\r\n <li>Manicure & Pedicure<\/li>\r\n <\/ul>\r\n <button class=\"btn-price\">Choose Plan<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== INSTAGRAM \/ GRID ===================== -->\r\n <section>\r\n <div class=\"instagram-header\">\r\n <h2>Follow Me on Instagram<\/h2>\r\n <p>@ My_wedding_day<\/p>\r\n <\/div>\r\n <div class=\"insta-grid\">\r\n <div class=\"insta-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522673607200-1648832cee98?w=600&q=80\" alt=\"\">\r\n <div class=\"insta-label\"><span class=\"ilcat\">Memory<\/span><span class=\"iltitle\">Capture Moment<\/span><\/div>\r\n <\/div>\r\n <div class=\"insta-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551516594-56cb78394645?w=600&q=80\" alt=\"\">\r\n <div class=\"insta-label\"><span class=\"ilcat\">Wedding<\/span><span class=\"iltitle\">Into the Forest<\/span><\/div>\r\n <\/div>\r\n <div class=\"insta-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1591604466107-ec97de577aff?w=600&q=80\" alt=\"\">\r\n <div class=\"insta-label\"><span class=\"ilcat\">Memory<\/span><span class=\"iltitle\">Sparkling Love<\/span><\/div>\r\n <\/div>\r\n <div class=\"insta-item\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519225421980-715cb0215aed?w=600&q=80\" alt=\"\">\r\n <div class=\"insta-label\"><span class=\"ilcat\">Memory<\/span><span class=\"iltitle\">Velvet Cake<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== CONTACT \/ GET IN TOUCH ===================== -->\r\n <section class=\"contact-section\" style=\"position:relative;\">\r\n <h2>Get in Touch<\/h2>\r\n <span class=\"sub\">Follow our latest stories.<\/span>\r\n <!-- Eucalyptus decoration -->\r\n <svg class=\"contact-eucalyptus\" viewBox=\"0 0 130 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M65 10 C40 60, 30 120, 55 190\" stroke=\"#7a8c5f\" stroke-width=\"1.5\"\/>\r\n <ellipse cx=\"30\" cy=\"70\" rx=\"26\" ry=\"14\" fill=\"#a8bb8a\" opacity=\"0.55\" transform=\"rotate(-35 30 70)\"\/>\r\n <ellipse cx=\"50\" cy=\"50\" rx=\"22\" ry=\"12\" fill=\"#b5c896\" opacity=\"0.55\" transform=\"rotate(-55 50 50)\"\/>\r\n <ellipse cx=\"42\" cy=\"100\" rx=\"24\" ry=\"13\" fill=\"#9cb07e\" opacity=\"0.55\" transform=\"rotate(-25 42 100)\"\/>\r\n <ellipse cx=\"60\" cy=\"135\" rx=\"20\" ry=\"11\" fill=\"#a8bb8a\" opacity=\"0.5\" transform=\"rotate(-15 60 135)\"\/>\r\n <ellipse cx=\"48\" cy=\"162\" rx=\"18\" ry=\"10\" fill=\"#b5c896\" opacity=\"0.5\" transform=\"rotate(-40 48 162)\"\/>\r\n <\/svg>\r\n <div class=\"input-row\">\r\n <input type=\"text\" class=\"form-input\" placeholder=\"Name\">\r\n <input type=\"email\" class=\"form-input\" placeholder=\"E-Mail\">\r\n <\/div>\r\n <div class=\"input-row\">\r\n <input type=\"text\" class=\"form-input\" placeholder=\"Wedding Date\">\r\n <input type=\"text\" class=\"form-input\" placeholder=\"Wedding Address\">\r\n <\/div>\r\n <input type=\"text\" class=\"form-input full-input\" placeholder=\"Tell Us More\">\r\n <button class=\"btn-send\">Send<\/button>\r\n <\/section>\r\n\r\n <!-- ===================== FOOTER ===================== -->\r\n <footer>\r\n <div class=\"footer-top\">\r\n <div>\r\n <div class=\"footer-logo\">Solene<\/div>\r\n <p>Wedding Photography<\/p>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <div class=\"footer-col\">\r\n <h4>Navigation<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">Portfolio<\/a><\/li>\r\n <li><a href=\"#\">Blog<\/a><\/li>\r\n <li><a href=\"#\">Shop<\/a><\/li>\r\n <li><a href=\"#\">Contact<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h4>Services<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Wedding Photography<\/a><\/li>\r\n <li><a href=\"#\">Engagement Sessions<\/a><\/li>\r\n <li><a href=\"#\">Videography<\/a><\/li>\r\n <li><a href=\"#\">Albums & Prints<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-newsletter\">\r\n <h4>Newsletter<\/h4>\r\n <div class=\"newsletter-input\">\r\n <input type=\"email\" placeholder=\"Your e-mail address...\">\r\n <button>\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2024 Solene. All rights reserved.<\/p>\r\n <div class=\"back-to-top\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\">\u2191<\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- ===================== JAVASCRIPT ===================== -->\r\n <script>\r\n \/* ---- Hero Slider ---- *\/\r\n let currentSlide = 2; \/\/ Start at slide 3 as in video\r\n const slides = document.querySelectorAll('.slide');\r\n const dots = document.querySelectorAll('.dot');\r\n const counter = document.getElementById('slideCounter');\r\n\r\n function goToSlide(n) {\r\n slides[currentSlide].classList.remove('active');\r\n dots[currentSlide].classList.remove('active');\r\n currentSlide = n;\r\n slides[currentSlide].classList.add('active');\r\n dots[currentSlide].classList.add('active');\r\n counter.textContent = (currentSlide + 1) + ' \/ ' + slides.length;\r\n }\r\n\r\n let sliderTimer = setInterval(() => {\r\n goToSlide((currentSlide + 1) % slides.length);\r\n }, 5000);\r\n\r\n dots.forEach((dot, i) => {\r\n dot.addEventListener('click', () => {\r\n clearInterval(sliderTimer);\r\n goToSlide(i);\r\n });\r\n });\r\n\r\n \/\/ Init first state\r\n goToSlide(2);\r\n\r\n \/* ---- Category Switcher ---- *\/\r\n let currentCat = 0;\r\n function switchCat(n) {\r\n document.getElementById('cat-' + currentCat).classList.remove('active');\r\n document.querySelectorAll('.cat-list li')[currentCat].classList.remove('active');\r\n document.getElementById('cat-' + n).classList.add('active');\r\n document.querySelectorAll('.cat-list li')[n].classList.add('active');\r\n currentCat = n;\r\n }\r\n\r\n \/* ---- Testimonials ---- *\/\r\n const testimonials = [\r\n {\r\n img: 'https:\/\/images.unsplash.com\/photo-1537633552985-df8429e8048b?w=800&q=80',\r\n date: 'October 14, 2019',\r\n quote: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia.',\r\n name: 'SARAH + JAMES'\r\n },\r\n {\r\n img: 'https:\/\/images.unsplash.com\/photo-1606216794074-735e91aa2c92?w=800&q=80',\r\n date: 'December 01, 2019',\r\n quote: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis vitae feugiat magna, ut mattis ligula praesentium voluptatum deleniti atque corrupti quos et quas molestias excepturi.',\r\n name: 'EMMA + MIKE'\r\n },\r\n {\r\n img: 'https:\/\/images.unsplash.com\/photo-1551516594-56cb78394645?w=800&q=80',\r\n date: 'November 19, 2019',\r\n quote: 'Accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi at vero eos et vitae feugiat magna, ut ligula.',\r\n name: 'DIANA + GEORG'\r\n }\r\n ];\r\n let currentTest = 1;\r\n\r\n function renderTest() {\r\n const t = testimonials[currentTest];\r\n document.getElementById('testImg').src = t.img;\r\n document.getElementById('testDate').textContent = t.date;\r\n document.getElementById('testQuote').textContent = t.quote;\r\n document.getElementById('testName').textContent = t.name;\r\n document.getElementById('testCounter').textContent =\r\n String(currentTest + 1).padStart(2, '0') + ' \/ ' + String(testimonials.length).padStart(2, '0');\r\n }\r\n\r\n function nextTest() {\r\n currentTest = (currentTest + 1) % testimonials.length;\r\n renderTest();\r\n }\r\n function prevTest() {\r\n currentTest = (currentTest - 1 + testimonials.length) % testimonials.length;\r\n renderTest();\r\n }\r\n\r\n renderTest();\r\n\r\n \/* ---- Scroll to top button ---- *\/\r\n const scrollBtn = document.getElementById('scrollTop');\r\n window.addEventListener('scroll', () => {\r\n scrollBtn.classList.toggle('visible', window.scrollY > 400);\r\n });\r\n\r\n \/* ---- Counter animation ---- *\/\r\n function animateCounters() {\r\n document.querySelectorAll('.counter-num').forEach(el => {\r\n const target = parseInt(el.textContent);\r\n let current = 0;\r\n const step = target \/ 60;\r\n const timer = setInterval(() => {\r\n current += step;\r\n if (current >= target) { current = target; clearInterval(timer); }\r\n el.textContent = Math.floor(current);\r\n }, 20);\r\n });\r\n }\r\n\r\n const countersSection = document.querySelector('.counters-section');\r\n const observer = new IntersectionObserver((entries) => {\r\n if (entries[0].isIntersecting) {\r\n animateCounters();\r\n observer.disconnect();\r\n }\r\n }, { threshold: 0.3 });\r\n observer.observe(countersSection);\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Solene | Wedding Photography Solene Home Pages Portfolio Proofing Gallery Blog Shop CART (0) INFO \ud83d\udcf7 \ud83d\uded2 \u2191 love Made […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":16,"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/thebiggday.silverbells.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}