Domain > artfulalbums.com

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-07-11	3.5.135.130 (ClassC)
2025-07-11	3.5.136.207 (ClassC)
2025-11-01	3.169.173.115 (ClassC)

HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 102485Connection: keep-aliveLast-Modified: Sun, 07 Sep 2025 12:04:04 GMTServer: AmazonS3Date: Sat, 01 Nov 2025 22:57:04 GMTETag: 77832debdf47c04d196985d527912c5fX-Cache: Hit from cloudfrontVia: 1.1 38789cdd14ddea5c4c609cb0e6656396.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P4X-Amz-Cf-Id: baMa8IXKnRwNvroObnpxsXD1Zx1JGKqItn0HnCZOyUX2JRnMD9HVhQAge: 36910

!DOCTYPE html>!--tys5VLcgjnbja5jV47V9x-->html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1519741497674-611481863552?q80&w400&autoformat&fitcrop/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1465495976277-4387d4b0e4a6?q80&w400&autoformat&fitcrop/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1583939003579-730e3918a45a?q80&w400&autoformat&fitcrop/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1606216794074-735e91aa2c92?q80&w400&autoformat&fitcrop/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1511285560929-80b456fea0bc?q80&w400&autoformat&fitcrop/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1520854221256-17451cc331bf?q80&w400&autoformat&fitcrop/>link relpreload asimage hrefhttps://images.unsplash.com/photo-1606800052052-a08af7148866?ixlibrb-4.0.3&autoformat&fitcrop&w2340&q80/>link relpreload asimage href/assets/img/team-owner.jpg/>link relpreload asimage href/assets/img/team-cofounder.jpg/>link relstylesheet href/_next/static/css/b914f27ce16989fd.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-74c939c87fa0092a.js/>script src/_next/static/chunks/4bd1b696-bc41f9a1b0daa128.js async>/script>script src/_next/static/chunks/261-e661b5f21b4cb55e.js async>/script>script src/_next/static/chunks/main-app-1df622a67ac1980e.js async>/script>script src/_next/static/chunks/95-c0118f8fce4fc165.js async>/script>script src/_next/static/chunks/208-3dc78f3874dc2e7a.js async>/script>script src/_next/static/chunks/383-abd0ba38a9a101a1.js async>/script>script src/_next/static/chunks/app/layout-c30f9f0a46fe436b.js async>/script>script src/_next/static/chunks/404-ce1c6f7eefa76f19.js async>/script>script src/_next/static/chunks/app/page-b2bd6b07732ddebb.js async>/script>link relicon typeimage/png sizes32x32 href/assets/img/Artful Album Logo-01.png/>link relshortcut icon href/assets/img/Artful Album Logo-01.png/>title>ArtfulAlbums/title>meta namedescription contentModern Next.js site/>link relshortcut icon href/assets/img/Artful Album Logo-01.png/>link relicon href/assets/img/Artful Album Logo-01.png/>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body classmin-h-screen bg-white text-slate-800 antialiased>div hidden>!--$-->!--/$-->/div>div classfixed inset-0 -z-10 transition-colors duration-300 stylebackground-color:var(--section-bg, white) aria-hiddentrue>/div>header classfixed inset-x-0 top-0 z-50 bg-slate-900/90 backdrop-blur supports-backdrop-filter:bg-slate-900/70 text-white>div classh-0.5 bg-accent aria-hiddentrue>/div>div classabsolute inset-x-0 top-0 h-1 bg-gradient-to-r from-accent/0 via-accent to-accent/0 animate-pulse_3s_ease-in-out_infinite aria-hiddentrue>/div>div classcontainer flex h-16 items-center justify-between>a classflex items-center gap-3 href/>div classbg-white p-0 rounded>img altArtful Albums Logo loadinglazy width42 height42 decodingasync data-nimg1 classrounded stylecolor:transparent src/assets/img/Artful Album Logo-01.png/>/div>span classtext-xl font-extrabold tracking-tight>ArtfulAlbums/span>/a>nav classhidden md:flex items-center gap-1>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 bg-gradient-to-r from-rose-500 to-pink-500 text-white shadow-lg href/>Home/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/#features>Features/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/#studio>Studio/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/#about>About/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/#services>Services/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/#pricing>Pricing/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/#contact>Contact/a>a classpx-3 py-2 rounded-full text-sm transition-all duration-200 text-slate-200 hover:text-white hover:bg-white/10 href/blog>Blog/a>div classrelative>button typebutton classinline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-2 text-sm hover:bg-white/20 aria-haspopuplistbox aria-expandedfalse>span classinline-flex items-center gap-1>span classh-2.5 w-2.5 rounded-full bg-accent>/span>English/span>svg classh-4 w-4 transition-transform rotate-0 viewBox0 0 20 20 fillcurrentColor>path dM5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 011.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z>/path>/svg>/button>/div>a classml-2 inline-flex items-center rounded-full bg-gradient-to-r from-rose-500 to-pink-500 px-4 py-2 text-sm font-semibold text-white hover:shadow-lg transform hover:scale-105 transition-all duration-200 href#>Login/a>/nav>button classmd:hidden inline-flex h-10 w-10 items-center justify-center rounded-md bg-white/10 hover:bg-white/20 aria-labelToggle Menu>svg viewBox0 0 24 24 fillnone strokecurrentColor classh-6 w-6>path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16M4 18h16>/path>/svg>/button>/div>/header>div classpt-16 min-h-calc(100vh-4rem)>main>section idhero classrelative min-h-screen grid place-items-center text-gray-800 overflow-hidden stylebackground-color:#fdf5f6c9>div classabsolute inset-0 -z-10>div classabsolute inset-0 bg-cover bg-center bg-no-repeat transition-all duration-500 ease-out opacity-100 scale-100 stylebackground-image:url(https://images.unsplash.com/photo-1519741497674-611481863552?q80&w1600&autoformat&fitcrop);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(0.8px) aria-hiddentrue>/div>div classabsolute inset-0 bg-cover bg-center bg-no-repeat transition-all duration-500 ease-out opacity-0 scale-95 stylebackground-image:url(https://images.unsplash.com/photo-1583939003579-730e3918a45a?q80&w1600&autoformat&fitcrop);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(0.8px) aria-hiddentrue>/div>div classabsolute inset-0 bg-cover bg-center bg-no-repeat transition-all duration-500 ease-out opacity-0 scale-95 stylebackground-image:url(https://images.unsplash.com/photo-1606216794074-735e91aa2c92?q80&w1600&autoformat&fitcrop);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(0.8px) aria-hiddentrue>/div>div classabsolute inset-0 bg-gradient-to-br from-rose-900/5 via-pink-900/10 to-amber-900/5 aria-hiddentrue>/div>/div>div classcontainer text-center relative z-10>div classmb-6>span classinline-flex items-center px-4 py-2 rounded-full bg-rose-100 text-rose-800 text-sm font-medium>✨ Professional Wedding Album Builder/span>/div>h1 classtext-5xl md:text-7xl font-bold tracking-tight text-gray-900 mb-6 leading-tight>Createspan classblock bg-gradient-to-r from-rose-600 via-pink-600 to-amber-600 bg-clip-text text-transparent>Beautiful Wedding Albums/span>/h1>p classtext-xl md:text-2xl text-gray-600 max-w-3xl mx-auto mb-4 leading-relaxed>Transform your wedding memories into stunning albums effortlessly. Whether you're a professional photographer or couple, creation is simple and magical./p>div classtext-rose-600 font-semibold text-lg md:text-xl mb-8 select-none>We help you!-- --> span classopacity-70 animate-pulse>|/span>/div>div classflex flex-col sm:flex-row items-center justify-center gap-4 mb-12>a href#dashboard classinline-flex items-center px-8 py-4 rounded-full bg-gradient-to-r from-rose-500 to-pink-500 text-white font-semibold text-lg shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-200>Start Creatingsvg classml-2 w-5 h-5 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM13 7l5 5m0 0l-5 5m5-5H6>/path>/svg>/a>/div>div classgrid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto>div classflex items-center justify-center space-x-3 text-gray-600>div classw-10 h-10 bg-rose-100 rounded-full flex items-center justify-center>svg classw-5 h-5 text-rose-600 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12>/path>/svg>/div>span classfont-medium>Easy Upload/span>/div>div classflex items-center justify-center space-x-3 text-gray-600>div classw-10 h-10 bg-pink-100 rounded-full flex items-center justify-center>svg classw-5 h-5 text-pink-600 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path>/svg>/div>span classfont-medium>Smart Layouts/span>/div>div classflex items-center justify-center space-x-3 text-gray-600>div classw-10 h-10 bg-amber-100 rounded-full flex items-center justify-center>svg classw-5 h-5 text-amber-600 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.367 2.684 3 3 0 00-5.367-2.684z>/path>/svg>/div>span classfont-medium>Instant Sharing/span>/div>/div>/div>div classabsolute inset-x-0 bottom-0 h-40 pointer-events-none overflow-hidden aria-hiddentrue>svg classabsolute w-full h-full animate-wave-flow-reverse text-rose-200 viewBox0 0 1200 120 preserveAspectRationone>path fillcurrentColor fill-opacity0.4 dM0,40 C200,80 400,20 600,60 C800,100 1000,40 1200,60 L1200,120 L0,120 Z>/path>/svg>svg classabsolute w-full h-full animate-wave-float-reverse text-pink-200 viewBox0 0 1200 120 preserveAspectRationone>path fillcurrentColor fill-opacity0.3 dM0,70 C150,30 300,90 450,60 C600,30 750,80 900,50 C1050,70 1200,40 1200,40 L1200,120 L0,120 Z>/path>/svg>svg classabsolute w-full h-full animate-wave-subtle-reverse text-amber-200 viewBox0 0 1200 120 preserveAspectRationone>path fillcurrentColor fill-opacity0.25 dM0,60 C100,90 200,40 300,70 C400,100 500,50 600,80 C700,60 800,90 900,70 C1000,40 1100,80 1200,60 L1200,120 L0,120 Z>/path>/svg>svg classabsolute w-full h-full animate-wave-ambient text-rose-300 viewBox0 0 1200 120 preserveAspectRationone>path fillcurrentColor fill-opacity0.15 dM0,80 C120,60 240,100 360,70 C480,40 600,90 720,60 C840,80 960,50 1080,70 C1200,90 1200,90 1200,90 L1200,120 L0,120 Z>/path>/svg>/div>/section>section idfeatures classpy-20 bg-gradient-to-br from-white via-rose-50/30 to-pink-50/30>div classcontainer mx-auto px-4>div classtext-center mb-16>div classinline-flex items-center px-4 py-2 rounded-full bg-rose-100 text-rose-800 text-sm font-medium mb-6>💝 Wedding Album Features/div>h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-6>Everything You Need to Createspan classblock bg-gradient-to-r from-rose-600 via-pink-600 to-amber-600 bg-clip-text text-transparent>Perfect Wedding Albums/span>/h2>p classtext-xl text-gray-600 max-w-3xl mx-auto leading-relaxed>From the first photo to the final album, our platform provides all the tools you need to preserve your most precious memories in stunning detail./p>/div>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8>div classgroup p-6 rounded-2xl border-2 border-rose-200 hover:bg-rose-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-rose-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-upload w-7 h-7 text-rose-600 aria-hiddentrue>path dM12 3v12>/path>path dm17 8-5-5-5 5>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Easy Photo Upload/h3>p classtext-gray-600 leading-relaxed>Drag and drop your wedding photos or upload entire folders. Support for RAW, JPEG, and all major formats./p>/div>div classgroup p-6 rounded-2xl border-2 border-pink-200 hover:bg-pink-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-pink-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-panels-top-left w-7 h-7 text-pink-600 aria-hiddentrue>rect width18 height18 x3 y3 rx2>/rect>path dM3 9h18>/path>path dM9 21V9>/path>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Smart Album Layouts/h3>p classtext-gray-600 leading-relaxed>AI-powered layout suggestions that automatically arrange your photos in beautiful, professional designs./p>/div>div classgroup p-6 rounded-2xl border-2 border-amber-200 hover:bg-amber-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-amber-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-7 h-7 text-amber-600 aria-hiddentrue>path dM11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z>/path>path dM20 2v4>/path>path dM22 4h-4>/path>circle cx4 cy20 r2>/circle>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Auto Enhancement/h3>p classtext-gray-600 leading-relaxed>Intelligent photo enhancement that brings out the best in every shot with one-click optimization./p>/div>div classgroup p-6 rounded-2xl border-2 border-rose-200 hover:bg-rose-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-rose-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-share2 lucide-share-2 w-7 h-7 text-rose-600 aria-hiddentrue>circle cx18 cy5 r3>/circle>circle cx6 cy12 r3>/circle>circle cx18 cy19 r3>/circle>line x18.59 x215.42 y113.51 y217.49>/line>line x115.41 x28.59 y16.51 y210.49>/line>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Instant Sharing/h3>p classtext-gray-600 leading-relaxed>Share your albums with family and friends via secure links, social media, or direct download./p>/div>div classgroup p-6 rounded-2xl border-2 border-pink-200 hover:bg-pink-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-pink-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-camera w-7 h-7 text-pink-600 aria-hiddentrue>path dM13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z>/path>circle cx12 cy13 r3>/circle>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Professional Templates/h3>p classtext-gray-600 leading-relaxed>Choose from dozens of wedding-themed templates designed by professional photographers./p>/div>div classgroup p-6 rounded-2xl border-2 border-amber-200 hover:bg-amber-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-amber-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-users w-7 h-7 text-amber-600 aria-hiddentrue>path dM16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2>/path>path dM16 3.128a4 4 0 0 1 0 7.744>/path>path dM22 21v-2a4 4 0 0 0-3-3.87>/path>circle cx9 cy7 r4>/circle>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Collaborative Editing/h3>p classtext-gray-600 leading-relaxed>Invite your partner, family, or photographer to collaborate and add their favorite moments./p>/div>div classgroup p-6 rounded-2xl border-2 border-rose-200 hover:bg-rose-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-rose-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-7 h-7 text-rose-600 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>Memory Timeline/h3>p classtext-gray-600 leading-relaxed>Create a beautiful timeline of your special day from getting ready to the last dance./p>/div>div classgroup p-6 rounded-2xl border-2 border-pink-200 hover:bg-pink-50 transition-all duration-300 hover:shadow-lg hover:scale-105 bg-white/80 backdrop-blur-sm>div classw-14 h-14 bg-pink-100 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-download w-7 h-7 text-pink-600 aria-hiddentrue>path dM12 15V3>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>path dm7 10 5 5 5-5>/path>/svg>/div>h3 classtext-xl font-semibold text-gray-900 mb-3>High-Quality Export/h3>p classtext-gray-600 leading-relaxed>Export your albums in print-ready quality for physical albums or digital sharing./p>/div>/div>div classtext-center mt-16>div classbg-gradient-to-r from-rose-500 via-pink-500 to-amber-500 p-8 rounded-3xl text-white>h3 classtext-3xl font-bold mb-4>Ready to Start Creating?/h3>p classtext-xl mb-6 opacity-90>Join thousands of couples who have already created their perfect wedding albums/p>div classflex flex-col sm:flex-row items-center justify-center gap-4>a href#dashboard classinline-flex items-center px-8 py-4 bg-white text-rose-600 font-semibold text-lg rounded-full hover:bg-gray-50 transition-all duration-200 shadow-lg hover:shadow-xl transform hover:scale-105>Try It Freesvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles ml-2 w-5 h-5 aria-hiddentrue>path dM11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z>/path>path dM20 2v4>/path>path dM22 4h-4>/path>circle cx4 cy20 r2>/circle>/svg>/a>a href#gallery classinline-flex items-center px-8 py-4 border-2 border-white text-white font-semibold text-lg rounded-full hover:bg-white/10 transition-all duration-200>View Examplessvg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-camera ml-2 w-5 h-5 aria-hiddentrue>path dM13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z>/path>circle cx12 cy13 r3>/circle>/svg>/a>/div>/div>/div>/div>/section>section iddashboard classpy-20 bg-gradient-to-br from-gray-50 via-rose-50/20 to-pink-50/20>div classcontainer mx-auto px-4>div classtext-center mb-12>div classinline-flex items-center px-4 py-2 rounded-full bg-pink-100 text-pink-800 text-sm font-medium mb-6>🎨 !-- -->Wedding Album Dashboard/div>h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-6>Organize & Create Yourspan classblock bg-gradient-to-r from-rose-600 via-pink-600 to-amber-600 bg-clip-text text-transparent>Perfect Wedding Album/span>/h2>p classtext-xl text-gray-600 max-w-3xl mx-auto leading-relaxed>Intuitive tools to organize, edit, and manage your wedding photos with professional results./p>/div>div classbg-white rounded-3xl shadow-2xl overflow-hidden border border-gray-100>div classbg-gradient-to-r from-rose-500 via-pink-500 to-amber-500 p-6>div classflex flex-col lg:flex-row items-start lg:items-center justify-between gap-4>div classflex items-center space-x-4>div classw-12 h-12 bg-white/20 rounded-xl flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-image w-6 h-6 text-white aria-hiddentrue>rect width18 height18 x3 y3 rx2 ry2>/rect>circle cx9 cy9 r2>/circle>path dm21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21>/path>/svg>/div>div>h3 classtext-xl font-semibold text-white>Wedding Album Studio/h3>p classtext-white/80>Manage your precious memories/p>/div>/div>div classflex items-center space-x-3>button classflex items-center px-4 py-2 bg-white/20 text-white rounded-lg hover:bg-white/30 transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-upload w-4 h-4 mr-2 aria-hiddentrue>path dM12 3v12>/path>path dm17 8-5-5-5 5>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>/svg>Upload Photos/button>button classflex items-center px-4 py-2 bg-white text-rose-600 rounded-lg hover:bg-gray-50 transition-colors font-medium>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-folder-plus w-4 h-4 mr-2 aria-hiddentrue>path dM12 10v6>/path>path dM9 13h6>/path>path dM20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z>/path>/svg>New Album/button>/div>/div>/div>div classp-6 border-b border-gray-100>h4 classtext-lg font-semibold text-gray-900 mb-4>Your Albums/h4>div classgrid grid-cols-1 md:grid-cols-3 gap-4>div classgroup relative bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>div classaspect-video bg-cover bg-center stylebackground-image:url(https://images.unsplash.com/photo-1519741497674-611481863552?q80&w400&autoformat&fitcrop)>div classabsolute inset-0 bg-gradient-to-t from-black/60 to-transparent>/div>div classabsolute bottom-3 left-3 text-white>h5 classfont-semibold>Our Wedding Day/h5>p classtext-sm opacity-90>156!-- --> !-- -->photos/p>/div>div classabsolute top-3 right-3>span classpx-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800>active/span>/div>/div>/div>div classgroup relative bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>div classaspect-video bg-cover bg-center stylebackground-image:url(https://images.unsplash.com/photo-1583939003579-730e3918a45a?q80&w400&autoformat&fitcrop)>div classabsolute inset-0 bg-gradient-to-t from-black/60 to-transparent>/div>div classabsolute bottom-3 left-3 text-white>h5 classfont-semibold>Engagement Session/h5>p classtext-sm opacity-90>42!-- --> !-- -->photos/p>/div>div classabsolute top-3 right-3>span classpx-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800>completed/span>/div>/div>/div>div classgroup relative bg-gray-50 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>div classaspect-video bg-cover bg-center stylebackground-image:url(https://images.unsplash.com/photo-1465495976277-4387d4b0e4a6?q80&w400&autoformat&fitcrop)>div classabsolute inset-0 bg-gradient-to-t from-black/60 to-transparent>/div>div classabsolute bottom-3 left-3 text-white>h5 classfont-semibold>Bridal Shower/h5>p classtext-sm opacity-90>28!-- --> !-- -->photos/p>/div>div classabsolute top-3 right-3>span classpx-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800>draft/span>/div>/div>/div>/div>/div>div classp-6>div classflex flex-col lg:flex-row items-start lg:items-center justify-between gap-4 mb-6>div classflex items-center space-x-4>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-search absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 aria-hiddentrue>path dm21 21-4.34-4.34>/path>circle cx11 cy11 r8>/circle>/svg>input typetext placeholderSearch photos... classpl-10 pr-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-rose-500 focus:border-transparent value/>/div>select classpx-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-rose-500 focus:border-transparent>option valueall selected>All Photos!-- --> (!-- -->6!-- -->)/option>option valueceremony>Ceremony!-- --> (!-- -->2!-- -->)/option>option valuereception>Reception!-- --> (!-- -->2!-- -->)/option>option valueportraits>Portraits!-- --> (!-- -->1!-- -->)/option>option valuepreparation>Getting Ready!-- --> (!-- -->1!-- -->)/option>/select>/div>div classflex items-center space-x-2>button classp-2 rounded-lg transition-colors bg-rose-100 text-rose-600>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-grid3x3 lucide-grid-3x3 w-5 h-5 aria-hiddentrue>rect width18 height18 x3 y3 rx2>/rect>path dM3 9h18>/path>path dM3 15h18>/path>path dM9 3v18>/path>path dM15 3v18>/path>/svg>/button>button classp-2 rounded-lg transition-colors text-gray-400 hover:text-gray-600>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-list w-5 h-5 aria-hiddentrue>path dM3 12h.01>/path>path dM3 18h.01>/path>path dM3 6h.01>/path>path dM8 12h13>/path>path dM8 18h13>/path>path dM8 6h13>/path>/svg>/button>/div>/div>div classgrid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4>div classgroup relative aspect-square bg-gray-100 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>img srchttps://images.unsplash.com/photo-1519741497674-611481863552?q80&w400&autoformat&fitcrop altCeremony Moments classw-full h-full object-cover group-hover:scale-105 transition-transform duration-300/>div classabsolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300>/div>div classabsolute top-3 left-3>button classw-6 h-6 rounded-full border-2 flex items-center justify-center transition-all bg-white/80 border-white/80 text-transparent hover:bg-white>/button>/div>div classabsolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>div classflex space-x-1>button classp-1.5 rounded-full transition-colors bg-red-500 text-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillcurrentColor strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-3 h-3 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/button>button classp-1.5 bg-white/80 text-gray-600 rounded-full hover:bg-white transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-line w-3 h-3 aria-hiddentrue>path dM13 21h8>/path>path dM21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z>/path>/svg>/button>/div>/div>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>p classtext-white text-sm font-medium>Ceremony Moments/p>/div>/div>div classgroup relative aspect-square bg-gray-100 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>img srchttps://images.unsplash.com/photo-1465495976277-4387d4b0e4a6?q80&w400&autoformat&fitcrop altReception Dance classw-full h-full object-cover group-hover:scale-105 transition-transform duration-300/>div classabsolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300>/div>div classabsolute top-3 left-3>button classw-6 h-6 rounded-full border-2 flex items-center justify-center transition-all bg-rose-500 border-rose-500 text-white>div classw-2 h-2 bg-white rounded-full>/div>/button>/div>div classabsolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>div classflex space-x-1>button classp-1.5 rounded-full transition-colors bg-white/80 text-gray-600 hover:bg-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-3 h-3 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/button>button classp-1.5 bg-white/80 text-gray-600 rounded-full hover:bg-white transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-line w-3 h-3 aria-hiddentrue>path dM13 21h8>/path>path dM21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z>/path>/svg>/button>/div>/div>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>p classtext-white text-sm font-medium>Reception Dance/p>/div>/div>div classgroup relative aspect-square bg-gray-100 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>img srchttps://images.unsplash.com/photo-1583939003579-730e3918a45a?q80&w400&autoformat&fitcrop altPortrait Session classw-full h-full object-cover group-hover:scale-105 transition-transform duration-300/>div classabsolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300>/div>div classabsolute top-3 left-3>button classw-6 h-6 rounded-full border-2 flex items-center justify-center transition-all bg-white/80 border-white/80 text-transparent hover:bg-white>/button>/div>div classabsolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>div classflex space-x-1>button classp-1.5 rounded-full transition-colors bg-red-500 text-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillcurrentColor strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-3 h-3 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/button>button classp-1.5 bg-white/80 text-gray-600 rounded-full hover:bg-white transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-line w-3 h-3 aria-hiddentrue>path dM13 21h8>/path>path dM21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z>/path>/svg>/button>/div>/div>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>p classtext-white text-sm font-medium>Portrait Session/p>/div>/div>div classgroup relative aspect-square bg-gray-100 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>img srchttps://images.unsplash.com/photo-1606216794074-735e91aa2c92?q80&w400&autoformat&fitcrop altGetting Ready classw-full h-full object-cover group-hover:scale-105 transition-transform duration-300/>div classabsolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300>/div>div classabsolute top-3 left-3>button classw-6 h-6 rounded-full border-2 flex items-center justify-center transition-all bg-white/80 border-white/80 text-transparent hover:bg-white>/button>/div>div classabsolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>div classflex space-x-1>button classp-1.5 rounded-full transition-colors bg-white/80 text-gray-600 hover:bg-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-3 h-3 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/button>button classp-1.5 bg-white/80 text-gray-600 rounded-full hover:bg-white transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-line w-3 h-3 aria-hiddentrue>path dM13 21h8>/path>path dM21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z>/path>/svg>/button>/div>/div>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>p classtext-white text-sm font-medium>Getting Ready/p>/div>/div>div classgroup relative aspect-square bg-gray-100 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>img srchttps://images.unsplash.com/photo-1511285560929-80b456fea0bc?q80&w400&autoformat&fitcrop altRing Exchange classw-full h-full object-cover group-hover:scale-105 transition-transform duration-300/>div classabsolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300>/div>div classabsolute top-3 left-3>button classw-6 h-6 rounded-full border-2 flex items-center justify-center transition-all bg-white/80 border-white/80 text-transparent hover:bg-white>/button>/div>div classabsolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>div classflex space-x-1>button classp-1.5 rounded-full transition-colors bg-red-500 text-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillcurrentColor strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-3 h-3 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/button>button classp-1.5 bg-white/80 text-gray-600 rounded-full hover:bg-white transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-line w-3 h-3 aria-hiddentrue>path dM13 21h8>/path>path dM21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z>/path>/svg>/button>/div>/div>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>p classtext-white text-sm font-medium>Ring Exchange/p>/div>/div>div classgroup relative aspect-square bg-gray-100 rounded-xl overflow-hidden hover:shadow-lg transition-all duration-300>img srchttps://images.unsplash.com/photo-1520854221256-17451cc331bf?q80&w400&autoformat&fitcrop altFirst Dance classw-full h-full object-cover group-hover:scale-105 transition-transform duration-300/>div classabsolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300>/div>div classabsolute top-3 left-3>button classw-6 h-6 rounded-full border-2 flex items-center justify-center transition-all bg-white/80 border-white/80 text-transparent hover:bg-white>/button>/div>div classabsolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>div classflex space-x-1>button classp-1.5 rounded-full transition-colors bg-white/80 text-gray-600 hover:bg-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-3 h-3 aria-hiddentrue>path dM2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5>/path>/svg>/button>button classp-1.5 bg-white/80 text-gray-600 rounded-full hover:bg-white transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-pen-line w-3 h-3 aria-hiddentrue>path dM13 21h8>/path>path dM21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z>/path>/svg>/button>/div>/div>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300>p classtext-white text-sm font-medium>First Dance/p>/div>/div>/div>div classflex flex-col sm:flex-row items-center justify-between gap-4 mt-8 pt-6 border-t border-gray-100>div classtext-sm text-gray-500>1!-- --> !-- -->of!-- --> !-- -->6!-- --> !-- -->photos selected/div>div classflex items-center space-x-3>button classflex items-center px-4 py-2 text-gray-600 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-share2 lucide-share-2 w-4 h-4 mr-2 aria-hiddentrue>circle cx18 cy5 r3>/circle>circle cx6 cy12 r3>/circle>circle cx18 cy19 r3>/circle>line x18.59 x215.42 y113.51 y217.49>/line>line x115.41 x28.59 y16.51 y210.49>/line>/svg>Share Selected/button>button classflex items-center px-4 py-2 text-gray-600 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-download w-4 h-4 mr-2 aria-hiddentrue>path dM12 15V3>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>path dm7 10 5 5 5-5>/path>/svg>Download/button>button classflex items-center px-4 py-2 text-purple-600 border border-purple-200 rounded-lg hover:bg-purple-50 transition-colors>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-download w-4 h-4 mr-2 aria-hiddentrue>path dM12 15V3>/path>path dM21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4>/path>path dm7 10 5 5 5-5>/path>/svg>Export Album/button>button classflex items-center px-6 py-2 bg-gradient-to-r from-rose-500 to-pink-500 text-white rounded-lg hover:shadow-lg transition-all duration-200>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-plus w-4 h-4 mr-2 aria-hiddentrue>path dM5 12h14>/path>path dM12 5v14>/path>/svg>Create Album/button>/div>/div>/div>/div>/div>/section>section idshowcase classpy-16 bg-slate-50>div classcontainer>div classtext-center mb-12>h2 classtext-3xl md:text-4xl font-bold text-slate-900 mb-4>Wedding Photography Showcase/h2>p classtext-lg text-slate-600 max-w-3xl mx-auto>Discover our stunning collection of wedding photography that captures the essence of love, joy, and celebration. Each image tells a unique story of romance and happiness./p>/div>div classmax-w-5xl mx-auto>div classrelative group overflow-hidden rounded-lg shadow-lg shadow-2xl style--progress-duration:6000ms>div classrelative h-96 md:h-500px lg:h-600px>div classabsolute inset-0 bg-slate-200 animate-pulse flex items-center justify-center>div classw-8 h-8 border-4 border-accent border-t-transparent rounded-full animate-spin>/div>/div>img srchttps://images.unsplash.com/photo-1606800052052-a08af7148866?ixlibrb-4.0.3&autoformat&fitcrop&w2340&q80 altBeautiful wedding ceremony classw-full h-full object-cover transition-opacity duration-500 styleopacity:0/>div classabsolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-6>h3 classtext-white text-xl font-semibold mb-2>Elegant Wedding Ceremony/h3>p classtext-white/90 text-sm>Capturing the most precious moments of your special day with artistic excellence./p>/div>/div>button classabsolute left-4 top-1/2 -translate-y-1/2 bg-black/50 hover:bg-black/70 text-white p-2 rounded-full transition-all duration-200 opacity-0 group-hover:opacity-100 aria-labelPrevious image>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-6 h-6>path fill-ruleevenodd dM7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z clip-ruleevenodd>/path>/svg>/button>button classabsolute right-4 top-1/2 -translate-y-1/2 bg-black/50 hover:bg-black/70 text-white p-2 rounded-full transition-all duration-200 opacity-0 group-hover:opacity-100 aria-labelNext image>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-6 h-6>path fill-ruleevenodd dM16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z clip-ruleevenodd>/path>/svg>/button>button classabsolute top-4 right-4 bg-black/50 hover:bg-black/70 text-white p-2 rounded-full transition-all duration-200 opacity-0 group-hover:opacity-100 aria-labelPause slideshow>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-5 h-5>path fill-ruleevenodd dM6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z clip-ruleevenodd>/path>/svg>/button>div classabsolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2>button classw-3 h-3 rounded-full transition-all duration-200 bg-white scale-110 aria-labelGo to slide 1>/button>button classw-3 h-3 rounded-full transition-all duration-200 bg-white/50 hover:bg-white/75 aria-labelGo to slide 2>/button>button classw-3 h-3 rounded-full transition-all duration-200 bg-white/50 hover:bg-white/75 aria-labelGo to slide 3>/button>button classw-3 h-3 rounded-full transition-all duration-200 bg-white/50 hover:bg-white/75 aria-labelGo to slide 4>/button>button classw-3 h-3 rounded-full transition-all duration-200 bg-white/50 hover:bg-white/75 aria-labelGo to slide 5>/button>/div>div classabsolute bottom-0 left-0 right-0 h-1 bg-black/20>div classh-full bg-accent transition-all duration-100 ease-linear styleanimation:progressBar 6000ms linear infinite>/div>/div>/div>/div>div classgrid md:grid-cols-3 gap-8 mt-16>div classtext-center>div classw-16 h-16 bg-rose-100 rounded-full flex items-center justify-center mx-auto mb-4>svg classw-8 h-8 text-rose-600 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z>/path>path stroke-linecapround stroke-linejoinround stroke-width2 dM15 13a3 3 0 11-6 0 3 3 0 016 0z>/path>/svg>/div>h3 classtext-xl font-semibold text-slate-900 mb-2>Professional Quality/h3>p classtext-slate-600>High-resolution images with exceptional clarity and artistic composition./p>/div>div classtext-center>div classw-16 h-16 bg-rose-100 rounded-full flex items-center justify-center mx-auto mb-4>svg classw-8 h-8 text-rose-600 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z>/path>/svg>/div>h3 classtext-xl font-semibold text-slate-900 mb-2>Emotional Storytelling/h3>p classtext-slate-600>Every photograph captures genuine emotions and precious moments that last forever./p>/div>div classtext-center>div classw-16 h-16 bg-rose-100 rounded-full flex items-center justify-center mx-auto mb-4>svg classw-8 h-8 text-rose-600 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z>/path>/svg>/div>h3 classtext-xl font-semibold text-slate-900 mb-2>Perfect Timing/h3>p classtext-slate-600>Expert timing ensures we capture every important moment of your special day./p>/div>/div>/div>/section>section idstudio classsection bg-gradient-to-b from-white to-slate-50 scroll-mt-20>div classcontainer>div classtext-center mb-12 animate-fadeIn>h3 classtext-3xl md:text-4xl font-bold text-slate-900 mb-4>Album Studio/h3>p classtext-lg text-slate-600 max-w-2xl mx-auto>/p>/div>div classgrid lg:grid-cols-2 gap-12 items-center>div classspace-y-8>div classanimate-fadeInLeft>h4 classtext-lg font-semibold text-slate-900 mb-4>Choose Your Style/h4>div classgrid grid-cols-2 gap-3>button classp-4 rounded-xl border-2 transition-all duration-300 border-rose-500 bg-rose-50 shadow-lg>div classw-full h-16 rounded-lg mb-2 bg-gradient-to-br from-amber-50 to-amber-100>/div>p classtext-sm font-medium text-slate-700>Classic/p>/button>button classp-4 rounded-xl border-2 transition-all duration-300 border-slate-200 hover:border-accent/50 hover:bg-slate-50>div classw-full h-16 rounded-lg mb-2 bg-gradient-to-br from-slate-50 to-slate-100>/div>p classtext-sm font-medium text-slate-700>Modern/p>/button>button classp-4 rounded-xl border-2 transition-all duration-300 border-slate-200 hover:border-accent/50 hover:bg-slate-50>div classw-full h-16 rounded-lg mb-2 bg-gradient-to-br from-sepia-50 to-amber-50>/div>p classtext-sm font-medium text-slate-700>Vintage/p>/button>button classp-4 rounded-xl border-2 transition-all duration-300 border-slate-200 hover:border-accent/50 hover:bg-slate-50>div classw-full h-16 rounded-lg mb-2 bg-gradient-to-br from-rose-50 to-pink-100>/div>p classtext-sm font-medium text-slate-700>Elegant/p>/button>/div>/div>/div>div classanimate-fadeInRight>div classbg-white rounded-2xl shadow-xl p-8 border border-slate-200>h4 classtext-lg font-semibold text-slate-900 mb-6 text-center>Album Preview/h4>div classaspect-4/3 bg-gradient-to-br from-slate-100 to-slate-200 rounded-xl flex items-center justify-center mb-6 relative overflow-hidden>div classtext-center>svg classw-16 h-16 text-slate-400 mx-auto mb-4 fillnone strokecurrentColor viewBox0 0 24 24>path stroke-linecapround stroke-linejoinround stroke-width2 dM4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z>/path>/svg>p classtext-slate-500>Your album preview will appear here/p>/div>/div>div classgrid grid-cols-2 gap-4 text-sm>div classflex items-center gap-2 text-slate-600>div classw-2 h-2 bg-green-500 rounded-full>/div>High Quality/div>div classflex items-center gap-2 text-slate-600>div classw-2 h-2 bg-green-500 rounded-full>/div>Customizable/div>div classflex items-center gap-2 text-slate-600>div classw-2 h-2 bg-green-500 rounded-full>/div>Instant Results/div>/div>/div>/div>/div>/div>/section>section idabout classsection scroll-mt-20 relative overflow-hidden>div classabsolute inset-0 -z-10>div classabsolute top-20 left-10 w-72 h-72 bg-accent/5 rounded-full blur-3xl animate-pulse>/div>div classabsolute bottom-20 right-10 w-96 h-96 bg-blue-500/5 rounded-full blur-3xl animate-pulse styleanimation-delay:2s>/div>div classabsolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-64 h-64 bg-purple-500/5 rounded-full blur-3xl animate-pulse styleanimation-delay:4s>/div>/div>div classcontainer relative>div classtext-center mb-16 animate-fadeIn>div classinline-flex items-center px-4 py-2 rounded-full bg-rose-100 text-rose-800 font-medium text-sm mb-4>span classw-2 h-2 bg-rose-500 rounded-full mr-2 animate-pulse>/span>About/div>h2 classtext-3xl md:text-4xl font-bold text-slate-900 mb-4>Why Choose Our Wedding Albums/h2>div classw-24 h-1 bg-gradient-to-r from-accent to-blue-500 mx-auto rounded-full>/div>/div>div classgrid gap-8 sm:grid-cols-2 lg:grid-cols-3>div classgroup relative rounded-2xl border border-slate-200/50 bg-white/80 backdrop-blur-sm p-8 shadow-lg transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl hover:border-accent/30 hover:bg-white animate-fadeInUp styleanimation-delay:0ms>div classabsolute inset-0 rounded-2xl bg-gradient-to-br from-accent/5 to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classrelative mb-6>div classgrid h-16 w-16 place-items-center rounded-2xl bg-gradient-to-br from-accent/10 to-accent/20 ring-1 ring-accent/20 transition-all duration-300 group-hover:ring-accent/40 group-hover:scale-110 group-hover:shadow-lg>div classtransform transition-transform duration-300 group-hover:scale-110>svg viewBox0 0 24 24 classh-8 w-8 text-accent fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>/div>div classabsolute -top-1 -right-1 w-3 h-3 bg-accent/30 rounded-full animate-ping opacity-0 group-hover:opacity-100>/div>div classabsolute -bottom-1 -left-1 w-2 h-2 bg-blue-500/30 rounded-full animate-ping opacity-0 group-hover:opacity-100 styleanimation-delay:0.5s>/div>/div>div classrelative>h3 classtext-xl font-bold text-slate-900 mb-3 group-hover:text-rose-600 transition-colors duration-300>Automatic Album Creation/h3>p classtext-slate-600 leading-relaxed group-hover:text-slate-700 transition-colors duration-300>Create stunning wedding albums in just a few simple steps./p>div classabsolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 group-hover:w-full transition-all duration-500 rounded-full>/div>/div>/div>div classgroup relative rounded-2xl border border-slate-200/50 bg-white/80 backdrop-blur-sm p-8 shadow-lg transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl hover:border-accent/30 hover:bg-white animate-fadeInUp styleanimation-delay:100ms>div classabsolute inset-0 rounded-2xl bg-gradient-to-br from-accent/5 to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classrelative mb-6>div classgrid h-16 w-16 place-items-center rounded-2xl bg-gradient-to-br from-accent/10 to-accent/20 ring-1 ring-accent/20 transition-all duration-300 group-hover:ring-accent/40 group-hover:scale-110 group-hover:shadow-lg>div classtransform transition-transform duration-300 group-hover:scale-110>svg viewBox0 0 24 24 classh-8 w-8 text-accent fillnone strokecurrentColor stroke-width2>rect x3 y4 width7 height7>/rect>rect x14 y4 width7 height7>/rect>rect x3 y15 width7 height7>/rect>rect x14 y15 width7 height7>/rect>/svg>/div>/div>div classabsolute -top-1 -right-1 w-3 h-3 bg-accent/30 rounded-full animate-ping opacity-0 group-hover:opacity-100>/div>div classabsolute -bottom-1 -left-1 w-2 h-2 bg-blue-500/30 rounded-full animate-ping opacity-0 group-hover:opacity-100 styleanimation-delay:0.5s>/div>/div>div classrelative>h3 classtext-xl font-bold text-slate-900 mb-3 group-hover:text-rose-600 transition-colors duration-300>Wedding Templates/h3>p classtext-slate-600 leading-relaxed group-hover:text-slate-700 transition-colors duration-300>Choose from elegant wedding templates for every style./p>div classabsolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 group-hover:w-full transition-all duration-500 rounded-full>/div>/div>/div>div classgroup relative rounded-2xl border border-slate-200/50 bg-white/80 backdrop-blur-sm p-8 shadow-lg transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl hover:border-accent/30 hover:bg-white animate-fadeInUp styleanimation-delay:200ms>div classabsolute inset-0 rounded-2xl bg-gradient-to-br from-accent/5 to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classrelative mb-6>div classgrid h-16 w-16 place-items-center rounded-2xl bg-gradient-to-br from-accent/10 to-accent/20 ring-1 ring-accent/20 transition-all duration-300 group-hover:ring-accent/40 group-hover:scale-110 group-hover:shadow-lg>div classtransform transition-transform duration-300 group-hover:scale-110>svg viewBox0 0 24 24 classh-8 w-8 text-accent fillnone strokecurrentColor stroke-width2>path dM6 9V2h12v7M6 22h12v-7H6v7ZM2 12h20v3H2z>/path>/svg>/div>/div>div classabsolute -top-1 -right-1 w-3 h-3 bg-accent/30 rounded-full animate-ping opacity-0 group-hover:opacity-100>/div>div classabsolute -bottom-1 -left-1 w-2 h-2 bg-blue-500/30 rounded-full animate-ping opacity-0 group-hover:opacity-100 styleanimation-delay:0.5s>/div>/div>div classrelative>h3 classtext-xl font-bold text-slate-900 mb-3 group-hover:text-rose-600 transition-colors duration-300>Premium Printing/h3>p classtext-slate-600 leading-relaxed group-hover:text-slate-700 transition-colors duration-300>Premium quality printing for your precious memories./p>div classabsolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 group-hover:w-full transition-all duration-500 rounded-full>/div>/div>/div>div classgroup relative rounded-2xl border border-slate-200/50 bg-white/80 backdrop-blur-sm p-8 shadow-lg transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl hover:border-accent/30 hover:bg-white animate-fadeInUp styleanimation-delay:300ms>div classabsolute inset-0 rounded-2xl bg-gradient-to-br from-accent/5 to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classrelative mb-6>div classgrid h-16 w-16 place-items-center rounded-2xl bg-gradient-to-br from-accent/10 to-accent/20 ring-1 ring-accent/20 transition-all duration-300 group-hover:ring-accent/40 group-hover:scale-110 group-hover:shadow-lg>div classtransform transition-transform duration-300 group-hover:scale-110>svg viewBox0 0 24 24 classh-8 w-8 text-accent fillnone strokecurrentColor stroke-width2>circle cx12 cy7 r4>/circle>path dM6 22a6 6 0 0112 0>/path>/svg>/div>/div>div classabsolute -top-1 -right-1 w-3 h-3 bg-accent/30 rounded-full animate-ping opacity-0 group-hover:opacity-100>/div>div classabsolute -bottom-1 -left-1 w-2 h-2 bg-blue-500/30 rounded-full animate-ping opacity-0 group-hover:opacity-100 styleanimation-delay:0.5s>/div>/div>div classrelative>h3 classtext-xl font-bold text-slate-900 mb-3 group-hover:text-rose-600 transition-colors duration-300>Easy-to-Use/h3>p classtext-slate-600 leading-relaxed group-hover:text-slate-700 transition-colors duration-300>Designed to be intuitive and easy for everyone./p>div classabsolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 group-hover:w-full transition-all duration-500 rounded-full>/div>/div>/div>div classgroup relative rounded-2xl border border-slate-200/50 bg-white/80 backdrop-blur-sm p-8 shadow-lg transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl hover:border-accent/30 hover:bg-white animate-fadeInUp styleanimation-delay:400ms>div classabsolute inset-0 rounded-2xl bg-gradient-to-br from-accent/5 to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classrelative mb-6>div classgrid h-16 w-16 place-items-center rounded-2xl bg-gradient-to-br from-accent/10 to-accent/20 ring-1 ring-accent/20 transition-all duration-300 group-hover:ring-accent/40 group-hover:scale-110 group-hover:shadow-lg>div classtransform transition-transform duration-300 group-hover:scale-110>svg viewBox0 0 24 24 classh-8 w-8 text-accent fillnone strokecurrentColor stroke-width2>path dM21 15a4 4 0 01-4 4H7a4 4 0 01-4-4V9a4 4 0 014-4h7l5 5v5z>/path>/svg>/div>/div>div classabsolute -top-1 -right-1 w-3 h-3 bg-accent/30 rounded-full animate-ping opacity-0 group-hover:opacity-100>/div>div classabsolute -bottom-1 -left-1 w-2 h-2 bg-blue-500/30 rounded-full animate-ping opacity-0 group-hover:opacity-100 styleanimation-delay:0.5s>/div>/div>div classrelative>h3 classtext-xl font-bold text-slate-900 mb-3 group-hover:text-rose-600 transition-colors duration-300>24/7 Support/h3>p classtext-slate-600 leading-relaxed group-hover:text-slate-700 transition-colors duration-300>We're here to help anytime with our dedicated team./p>div classabsolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 group-hover:w-full transition-all duration-500 rounded-full>/div>/div>/div>div classgroup relative rounded-2xl border border-slate-200/50 bg-white/80 backdrop-blur-sm p-8 shadow-lg transition-all duration-500 hover:-translate-y-2 hover:shadow-2xl hover:border-accent/30 hover:bg-white animate-fadeInUp styleanimation-delay:500ms>div classabsolute inset-0 rounded-2xl bg-gradient-to-br from-accent/5 to-blue-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div>div classrelative mb-6>div classgrid h-16 w-16 place-items-center rounded-2xl bg-gradient-to-br from-accent/10 to-accent/20 ring-1 ring-accent/20 transition-all duration-300 group-hover:ring-accent/40 group-hover:scale-110 group-hover:shadow-lg>div classtransform transition-transform duration-300 group-hover:scale-110>svg viewBox0 0 24 24 classh-8 w-8 text-accent fillnone strokecurrentColor stroke-width2>path dM4 5h16M9 3v4m6 0a8 8 0 11-3.6 15.2>/path>/svg>/div>/div>div classabsolute -top-1 -right-1 w-3 h-3 bg-accent/30 rounded-full animate-ping opacity-0 group-hover:opacity-100>/div>div classabsolute -bottom-1 -left-1 w-2 h-2 bg-blue-500/30 rounded-full animate-ping opacity-0 group-hover:opacity-100 styleanimation-delay:0.5s>/div>/div>div classrelative>h3 classtext-xl font-bold text-slate-900 mb-3 group-hover:text-rose-600 transition-colors duration-300>Multilingual Support/h3>p classtext-slate-600 leading-relaxed group-hover:text-slate-700 transition-colors duration-300>Available in multiple languages worldwide./p>div classabsolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-500 to-pink-500 group-hover:w-full transition-all duration-500 rounded-full>/div>/div>/div>/div>div classflex justify-center mt-16>div classflex space-x-2>div classw-2 h-2 bg-accent rounded-full animate-bounce>/div>div classw-2 h-2 bg-accent/70 rounded-full animate-bounce styleanimation-delay:0.1s>/div>div classw-2 h-2 bg-accent/50 rounded-full animate-bounce styleanimation-delay:0.2s>/div>/div>/div>/div>/section>section idservices classsection bg-slate-50 scroll-mt-20>div classcontainer>div classtext-center mb-10>h2 classtext-sm font-medium tracking-widest text-rose-600>Services/h2>p classmt-2 text-3xl font-bold text-slate-900>What We Offer/p>/div>div classgrid gap-6 sm:grid-cols-2 lg:grid-cols-3>div classgroup rounded-xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-accent/40>div classh-12 w-12 grid place-items-center rounded-lg bg-rose-100 ring-1 ring-transparent transition group-hover:ring-rose-400>svg viewBox0 0 24 24 classh-7 w-7 text-rose-600 fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>h3 classmt-4 text-lg font-semibold text-slate-900>Automatic Album Creation/h3>p classmt-2 text-slate-600 text-sm>Create stunning wedding albums in just a few simple steps./p>/div>div classgroup rounded-xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-accent/40>div classh-12 w-12 grid place-items-center rounded-lg bg-rose-100 ring-1 ring-transparent transition group-hover:ring-rose-400>svg viewBox0 0 24 24 classh-7 w-7 text-rose-600 fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>h3 classmt-4 text-lg font-semibold text-slate-900>Wedding Templates/h3>p classmt-2 text-slate-600 text-sm>Choose from elegant wedding templates for every style./p>/div>div classgroup rounded-xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-accent/40>div classh-12 w-12 grid place-items-center rounded-lg bg-rose-100 ring-1 ring-transparent transition group-hover:ring-rose-400>svg viewBox0 0 24 24 classh-7 w-7 text-rose-600 fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>h3 classmt-4 text-lg font-semibold text-slate-900>Premium Printing/h3>p classmt-2 text-slate-600 text-sm>Premium quality printing for your precious memories./p>/div>div classgroup rounded-xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-accent/40>div classh-12 w-12 grid place-items-center rounded-lg bg-rose-100 ring-1 ring-transparent transition group-hover:ring-rose-400>svg viewBox0 0 24 24 classh-7 w-7 text-rose-600 fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>h3 classmt-4 text-lg font-semibold text-slate-900>Easy-to-Use/h3>p classmt-2 text-slate-600 text-sm>Designed to be intuitive and easy for everyone./p>/div>div classgroup rounded-xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-accent/40>div classh-12 w-12 grid place-items-center rounded-lg bg-rose-100 ring-1 ring-transparent transition group-hover:ring-rose-400>svg viewBox0 0 24 24 classh-7 w-7 text-rose-600 fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>h3 classmt-4 text-lg font-semibold text-slate-900>24/7 Support/h3>p classmt-2 text-slate-600 text-sm>We're here to help anytime with our dedicated team./p>/div>div classgroup rounded-xl border border-slate-200 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-lg hover:border-accent/40>div classh-12 w-12 grid place-items-center rounded-lg bg-rose-100 ring-1 ring-transparent transition group-hover:ring-rose-400>svg viewBox0 0 24 24 classh-7 w-7 text-rose-600 fillnone strokecurrentColor stroke-width2>path dM12 3v18m9-9H3 stroke-linecapround stroke-linejoinround>/path>/svg>/div>h3 classmt-4 text-lg font-semibold text-slate-900>Multilingual Support/h3>p classmt-2 text-slate-600 text-sm>Available in multiple languages worldwide./p>/div>/div>/div>/section>section idteam classsection bg-slate-50>div classcontainer>div classtext-center mb-12>h2 classtext-sm font-medium tracking-widest text-rose-600 uppercase>Meet Our Team/h2>p classmt-2 text-3xl font-bold text-slate-900>Passionate professionals dedicated to creating your perfect wedding memories/p>/div>div classgrid gap-8 sm:grid-cols-2 lg:grid-cols-3>div classgroup relative overflow-hidden rounded-xl bg-white p-8 shadow-sm border border-slate-200/80 transition-all duration-300 hover:-translate-y-2 hover:shadow-xl hover:border-rose-200/40 animate-fadeIn styleanimation-delay:0ms>div classtext-center>div classrelative mb-6>img src/assets/img/team-owner.jpg altAdham Hanna classw-24 h-24 rounded-full object-cover mx-auto ring-4 ring-rose-100 shadow-lg group-hover:ring-rose-200 transition-all duration-300/>div classabsolute inset-0 rounded-full bg-gradient-to-tr from-rose-400/20 to-pink-400/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classmb-4>h3 classtext-xl font-bold text-slate-900 mb-1>Adham Hanna/h3>p classtext-rose-600 font-medium text-sm>Founder & CEO/p>/div>p classtext-slate-600 text-sm leading-relaxed>Adham Hanna is a successful entrepreneur and founder of several startups, including Optube, a cutting-edge social media platform. With a strong passion for photography and art, he combines business innovation with creative vision to bring unique digital experiences to life./p>/div>div classpointer-events-none absolute -right-6 -top-6 opacity-5 transition group-hover:opacity-10 aria-hiddentrue>svg viewBox0 0 120 120 classh-32 w-32 xmlnshttp://www.w3.org/2000/svg>defs>linearGradient idg x10 y10 x21 y21>stop offset0% stop-color#ef6603>/stop>stop offset100% stop-color#ffb37a>/stop>/linearGradient>/defs>circle cx60 cy60 r58 fillurl(#g) opacity0.15>/circle>g fillnone stroke#1f2937 stroke-width2 stroke-linecapround stroke-linejoinround>circle cx60 cy50 r16 fill#fff strokenone>/circle>path dM40 70h40a10 10 0 0 1 10 10v12H30V80a10 10 0 0 1 10-10z fill#fff strokenone>/path>rect x42 y32 width36 height20 rx6 fill#fff stroke#1f2937>/rect>circle cx60 cy42 r7 fill#fff stroke#1f2937>/circle>rect x48 y46 width24 height14 rx3 fill#fff stroke#1f2937>/rect>rect x36 y66 width48 height28 rx8 fill#fff stroke#1f2937>/rect>circle cx60 cy80 r8>/circle>path dM42 66l6-8h24l6 8>/path>/g>/svg>/div>/div>div classgroup relative overflow-hidden rounded-xl bg-white p-8 shadow-sm border border-slate-200/80 transition-all duration-300 hover:-translate-y-2 hover:shadow-xl hover:border-rose-200/40 animate-fadeIn styleanimation-delay:150ms>div classtext-center>div classrelative mb-6>img src/assets/img/team-cofounder.jpg altHanna Hanna classw-24 h-24 rounded-full object-cover mx-auto ring-4 ring-rose-100 shadow-lg group-hover:ring-rose-200 transition-all duration-300/>div classabsolute inset-0 rounded-full bg-gradient-to-tr from-rose-400/20 to-pink-400/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300>/div>/div>div classmb-4>h3 classtext-xl font-bold text-slate-900 mb-1>Hanna Hanna/h3>p classtext-rose-600 font-medium text-sm>Co-Founder & Marketing Director/p>/div>p classtext-slate-600 text-sm leading-relaxed>Hanna Hanna is a dynamic co-founder with a remarkable track record in communication and marketing. Known for his ability to connect ideas with people, Hanna has helped scale startups by building strong communities and driving impactful growth strategies. His passion for photography and art mirrors that of creators, making him a true advocate for photographers. With his vision and marketing expertise, Hanna is dedicated to ensuring this platform empowers artists to showcase their work, reach wider audiences, and grow their creative journeys./p>/div>div classpointer-events-none absolute -right-6 -top-6 opacity-5 transition group-hover:opacity-10 aria-hiddentrue>svg viewBox0 0 120 120 classh-32 w-32 xmlnshttp://www.w3.org/2000/svg>defs>linearGradient idg x10 y10 x21 y21>stop offset0% stop-color#ef6603>/stop>stop offset100% stop-color#ffb37a>/stop>/linearGradient>/defs>circle cx60 cy60 r58 fillurl(#g) opacity0.15>/circle>g fillnone stroke#1f2937 stroke-width2 stroke-linecapround stroke-linejoinround>circle cx60 cy50 r16 fill#fff strokenone>/circle>path dM40 70h40a10 10 0 0 1 10 10v12H30V80a10 10 0 0 1 10-10z fill#fff strokenone>/path>rect x42 y32 width36 height20 rx6 fill#fff stroke#1f2937>/rect>circle cx60 cy42 r7 fill#fff stroke#1f2937>/circle>rect x48 y46 width24 height14 rx3 fill#fff stroke#1f2937>/rect>rect x36 y66 width48 height28 rx8 fill#fff stroke#1f2937>/rect>circle cx60 cy80 r8>/circle>path dM42 66l6-8h24l6 8>/path>/g>/svg>/div>/div>/div>/div>/section>section idpricing classsection scroll-mt-20 bg-gradient-to-br from-slate-50 to-white>div classcontainer>div classtext-center mb-16>div classinline-flex items-center rounded-full bg-blue-50 px-4 py-2 text-sm font-medium text-blue-600 mb-4>💰 !-- -->Pricing/div>h2 classtext-4xl font-bold text-slate-900 mb-4>Simple and Transparent/h2>p classtext-lg text-slate-600 max-w-2xl mx-auto>Choose the perfect plan for your needs. All plans include our core features with different usage limits./p>/div>div classgrid gap-8 lg:grid-cols-3 max-w-7xl mx-auto>div classrelative rounded-3xl p-8 transition-all duration-300 hover:scale-105 bg-white border border-slate-200 shadow-lg hover:shadow-xl>div classtext-center mb-8>h3 classtext-2xl font-bold mb-2 text-slate-900>Starter/h3>p classtext-sm mb-6 text-slate-600>Perfect for getting started/p>div classflex items-baseline justify-center mb-2>span classtext-5xl font-extrabold text-slate-900>$0/span>span classtext-lg font-medium ml-1 text-slate-600>/month/span>/div>/div>ul classspace-y-4 mb-8>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Up to 3 albums/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Basic templates/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Community support/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Basic analytics/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Email support/span>/li>/ul>button classw-full py-4 px-6 rounded-2xl font-semibold text-sm transition-all duration-200 bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-700 hover:to-purple-700 shadow-lg hover:shadow-xl>Free account/button>/div>div classrelative rounded-3xl p-8 transition-all duration-300 hover:scale-105 bg-gradient-to-br from-blue-600 to-purple-700 text-white shadow-2xl ring-4 ring-blue-200 transform scale-105>div classabsolute -top-4 left-1/2 transform -translate-x-1/2>div classbg-gradient-to-r from-orange-400 to-pink-500 text-white px-4 py-2 rounded-full text-sm font-semibold shadow-lg>⭐ !-- -->Most popular/div>/div>div classtext-center mb-8>h3 classtext-2xl font-bold mb-2 text-white>Pro/h3>p classtext-sm mb-6 text-blue-100>Most popular choice for professionals/p>div classflex items-baseline justify-center mb-2>span classtext-5xl font-extrabold text-white>$19/span>span classtext-lg font-medium ml-1 text-blue-100>/month/span>/div>/div>ul classspace-y-4 mb-8>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-white/20>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-white>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-blue-50>Unlimited albums/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-white/20>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-white>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-blue-50>Premium templates/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-white/20>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-white>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-blue-50>Priority support/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-white/20>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-white>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-blue-50>Advanced analytics/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-white/20>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-white>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-blue-50>Custom branding/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-white/20>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-white>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-blue-50>API access/span>/li>/ul>button classw-full py-4 px-6 rounded-2xl font-semibold text-sm transition-all duration-200 bg-white text-blue-600 hover:bg-blue-50 shadow-lg>Sign up now/button>/div>div classrelative rounded-3xl p-8 transition-all duration-300 hover:scale-105 bg-white border border-slate-200 shadow-lg hover:shadow-xl>div classtext-center mb-8>h3 classtext-2xl font-bold mb-2 text-slate-900>Business/h3>p classtext-sm mb-6 text-slate-600>Advanced features for teams/p>div classflex items-baseline justify-center mb-2>span classtext-5xl font-extrabold text-slate-900>$49/span>span classtext-lg font-medium ml-1 text-slate-600>/month/span>/div>/div>ul classspace-y-4 mb-8>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Team collaboration/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Branding tools/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Dedicated support/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>White-label solution/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>Advanced integrations/span>/li>li classflex items-start gap-3>div classflex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center mt-0.5 bg-green-100>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-3 h-3 text-green-600>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>/div>span classtext-sm text-slate-600>24/7 phone support/span>/li>/ul>button classw-full py-4 px-6 rounded-2xl font-semibold text-sm transition-all duration-200 bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-700 hover:to-purple-700 shadow-lg hover:shadow-xl>Contact sales/button>/div>/div>div classtext-center mt-12>p classtext-slate-600 mb-4>All plans include 30-day money-back guarantee/p>div classflex items-center justify-center gap-8 text-sm text-slate-500>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-4 h-4 text-green-500>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>span>No setup fees/span>/div>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-4 h-4 text-green-500>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>span>Cancel anytime/span>/div>div classflex items-center gap-2>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillcurrentColor aria-hiddentrue data-sloticon classw-4 h-4 text-green-500>path fill-ruleevenodd dM19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z clip-ruleevenodd>/path>/svg>span>24/7 support/span>/div>/div>/div>/div>/section>section classcall-to-action relative overflow-hidden bg-slate-900 text-white>div classcontainer py-16 text-center>p classtext-2xl md:text-3xl font-semibold>Ready to create your first album?/p>p classmt-2 text-slate-300 max-w-2xl mx-auto>Design, print, and share in minutes — no experience required./p>div classmt-8 flex items-center justify-center gap-3>a href# classinline-flex items-center rounded-full bg-gradient-to-r from-rose-500 to-pink-500 px-6 py-3 font-semibold text-white shadow-lg hover:shadow-xl hover:scale-105 transition-all duration-200>Get Started/a>a href# classinline-flex items-center rounded-full border border-white/20 px-6 py-3 font-semibold text-white/90 hover:bg-white/10>Learn More/a>/div>/div>/section>section idcontact classsection bg-slate-50 scroll-mt-20>div classcontainer>div classtext-center mb-10>h2 classtext-sm font-medium tracking-widest text-accent>Contact/h2>p classmt-2 text-3xl font-bold text-slate-900>Get in Touch/p>/div>div classmx-auto max-w-2xl rounded-xl border border-slate-200 bg-white p-6 shadow-sm>form classgrid gap-4>div>label classtext-sm font-medium text-slate-700>Name/label>input typetext classmt-1 w-full rounded-md border border-slate-300 px-3 py-2 focus:border-accent focus:outline-none placeholderYour name/>/div>div>label classtext-sm font-medium text-slate-700>Email/label>input typeemail classmt-1 w-full rounded-md border border-slate-300 px-3 py-2 focus:border-accent focus:outline-none placeholderyou@example.com/>/div>div>label classtext-sm font-medium text-slate-700>Message/label>textarea rows5 classmt-1 w-full rounded-md border border-slate-300 px-3 py-2 focus:border-accent focus:outline-none placeholderYour message>/textarea>/div>div>button typesubmit classinline-flex rounded-full bg-gradient-to-r from-rose-500 to-pink-500 px-6 py-3 font-semibold text-white hover:shadow-lg hover:scale-105 transition-all duration-200>Send Message/button>/div>/form>/div>/div>/section>/main>!--$-->!--/$-->/div>footer classmt-16 border-t border-slate-700/60 bg-gradient-to-br from-slate-900 via-blue-900 to-slate-800 animate-gradientShift_15s_ease-in-out_infinite bg-length:200%_200% text-slate-300 relative>div classabsolute -top-6 inset-x-0 h-6 text-slate-800 aria-hiddentrue>svg viewBox0 0 1440 64 classw-full h-full preserveAspectRationone>path fillcurrentColor dM0,32 C240,64 480,0 720,32 C960,64 1200,0 1440,32 L1440,64 L0,64 Z>/path>/svg>/div>div classcontainer py-12>div classgrid gap-10 md:grid-cols-4 text-center md:text-left>div>div classtext-2xl font-bold text-white>ArtfulAlbums/div>p classmt-3 text-sm max-w-sm mx-auto md:mx-0>Creating beautiful wedding albums with professional quality and personalized touch./p>div classmt-4 flex items-center justify-center md:justify-start gap-3 text-slate-400>a aria-labelTwitter href# classhover:text-white transition>svg classh-5 w-5 viewBox0 0 24 24 fillcurrentColor>path dM22 5.8c-.7.3-1.4.5-2.1.6.8-.5 1.3-1.1 1.6-2-.7.4-1.6.8-2.4 1-1.5-1.6-4.2-1.2-5.3.7-.6 1-.5 2.2 0 3.1-3.1-.1-5.8-1.7-7.6-4.1-1 1.8-.5 4.1 1.2 5.3-.6 0-1.1-.2-1.6-.4 0 2.1 1.5 3.9 3.6 4.3-.4.1-.9.1-1.3 0 .4 1.7 2 3 3.9 3-1.7 1.3-3.7 1.9-5.8 1.9H2c2.1 1.3 4.6 2.1 7.2 2.1 8.6 0 13.4-7.3 13.1-13.8.7-.5 1.3-1.1 1.7-1.8z>/path>/svg>/a>a aria-labelInstagram href# classhover:text-white transition>svg classh-5 w-5 viewBox0 0 24 24 fillcurrentColor>path dM7 2C4.2 2 2 4.2 2 7v10c0 2.8 2.2 5 5 5h10c2.8 0 5-2.2 5-5V7c0-2.8-2.2-5-5-5H7zm10 2c1.7 0 3 1.3 3 3v10c0 1.7-1.3 3-3 3H7c-1.7 0-3-1.3-3-3V7c0-1.7 1.3-3 3-3h10zm-5 3a5 5 0 100 10 5 5 0 000-10zm6-1a1 1 0 110 2 1 1 0 010-2z>/path>/svg>/a>a aria-labelYouTube href# classhover:text-white transition>svg classh-5 w-5 viewBox0 0 24 24 fillcurrentColor>path dM23.5 6.2a3 3 0 00-2.1-2.1C19.2 3.5 12 3.5 12 3.5s-7.2 0-9.4.6A3 3 0 00.5 6.2 31.6 31.6 0 000 12a31.6 31.6 0 00.5 5.8 3 3 0 002.1 2.1c2.2.6 9.4.6 9.4.6s7.2 0 9.4-.6a3 3 0 002.1-2.1A31.6 31.6 0 0024 12a31.6 31.6 0 00-.5-5.8zM9.8 15.5V8.5l6.3 3.5-6.3 3.5z>/path>/svg>/a>/div>div classmt-6 text-sm font-semibold text-white uppercase tracking-wider>Newsletter/div>/div>div>div classtext-sm font-semibold text-white uppercase tracking-wider>Product/div>ul classmt-4 space-y-2 text-sm>li>a href#about classhover:text-white>Templates/a>/li>li>a href#pricing classhover:text-white>Pricing/a>/li>li>a href#team classhover:text-white>Team/a>/li>li>a href#services classhover:text-white>Services/a>/li>/ul>/div>div>div classtext-sm font-semibold text-white uppercase tracking-wider>Company/div>ul classmt-4 space-y-2 text-sm>li>a href#about classhover:text-white>About/a>/li>li>a href#contact classhover:text-white>Contact/a>/li>li>a href# classhover:text-white>Blog/a>/li>/ul>/div>div>div classtext-sm font-semibold text-white uppercase tracking-wider>Support/div>ul classmt-4 space-y-2 text-sm>li>a classhover:text-white href/help-center>Help Center/a>/li>li>a classhover:text-white href/privacy-policy>Privacy Policy/a>/li>li>a classhover:text-white href/terms-of-service>Terms of Service/a>/li>/ul>/div>/div>div classmt-8 border-t border-slate-700/60 pt-6 text-center text-xs text-slate-300>© !-- -->2025!-- --> !-- -->ArtfulAlbums!-- -->. !-- -->All rights reserved./div>/div>/footer>script src/_next/static/chunks/webpack-74c939c87fa0092a.js id_R_ async>/script>script>(self.__next_fself.__next_f||).push(0)/script>script>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I9383,\95\,\static/chunks/95-c0118f8fce4fc165.js\,\208\,\static/chunks/208-3dc78f3874dc2e7a.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\177\,\static/chunks/app/layout-c30f9f0a46fe436b.js\,\I18nProvider\\n3:I1122,\95\,\static/chunks/95-c0118f8fce4fc165.js\,\208\,\static/chunks/208-3dc78f3874dc2e7a.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\177\,\static/chunks/app/layout-c30f9f0a46fe436b.js\,\default\\n4:I8266,,\\\n5:I3432,,\\\n6:I1618,\95\,\static/chunks/95-c0118f8fce4fc165.js\,\208\,\static/chunks/208-3dc78f3874dc2e7a.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\177\,\static/chunks/app/layout-c30f9f0a46fe436b.js\,\default\\n7:I7185,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\n8:I8311,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\n9:I4714,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\na:I6629,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\nb:I1329,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\nc:I1223,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\nd:I9038,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\ne:I5565,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\nf:I8360,\404\,\static/chunks/404-ce)/script>script>self.__next_f.push(1,1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\n10:I8220,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\n11:I3602,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\n12:I5246,\404\,\static/chunks/404-ce1c6f7eefa76f19.js\,\383\,\static/chunks/383-abd0ba38a9a101a1.js\,\974\,\static/chunks/app/page-b2bd6b07732ddebb.js\,\default\\n13:I9699,,\OutletBoundary\\n15:I3234,,\AsyncMetadataOutlet\\n17:I9699,,\ViewportBoundary\\n19:I9699,,\MetadataBoundary\\n1a:\$Sreact.suspense\\n1c:I6866,,\\\n:HL\/_next/static/css/b914f27ce16989fd.css\,\style\\n)/script>script>self.__next_f.push(1,0:{\P\:null,\b\:\tys5VLcgjnbja5jV47V9x\,\p\:\\,\c\:\\,\\,\i\:false,\f\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\\,\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/b914f27ce16989fd.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\children\:\$\,\head\,null,{\children\:\$\,\link\,null,{\rel\:\icon\,\type\:\image/png\,\sizes\:\32x32\,\href\:\/assets/img/Artful Album Logo-01.png\},\$\,\link\,null,{\rel\:\shortcut icon\,\href\:\/assets/img/Artful Album Logo-01.png\}},\$\,\body\,null,{\className\:\min-h-screen bg-white text-slate-800 antialiased\,\children\:\$\,\div\,null,{\className\:\fixed inset-0 -z-10 transition-colors duration-300\,\style\:{\backgroundColor\:\var(--section-bg, white)\},\aria-hidden\:true},\$\,\$L2\,null,{\children\:\$\,\$L3\,null,{},\$\,\div\,null,{\className\:\pt-16 min-h-calc(100vh-4rem)\,\children\:\$\,\$L4\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L5\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:404},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}},\$\,\$L6\,null,{}}}}},{\children\:\__PAGE__\,\$\,\$1\,\c\,{\children\:\$\,\main\,null,{\children\:\$\,\$L7\,null,{},\$\,\$L8\,null,{},\$\,\$L9\,null,{},\$\,\$La\,null,{},\$\,\$Lb\,null,{},\$\,\$Lc\,null,{},\$\,\$Ld\,null,{},\$\,\$Le\,null,{},\$\,\$Lf\,null,{},\$\,\$L10\,null,{},\$\,\$L11\,null,{},\$\,\$L12\,null,{}},null,\$\,\$L13\,null,{\children\:\$L14\,\$\,\$L15\,null,{\promise\:\$@16\}}},{},null,false},null,false,\$\,\$1\,\h\,{\children\:null,\$\,\$L17\,null,{\children\:\$L18\},null,\$\,\$L19\,null,{\children\:\$\,\div\,null,{\hidden\:true,\children\:\$\,\$1a\,null,{\fallback\:null,\children\:\$L1b\}}}},false,\m\:\$undefined\,\G\:\$1c\,,\s\:false,\S\:true}\n)/script>script>self.__next_f.push(1,18:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\n14:null\n)/script>script>self.__next_f.push(1,1d:I5786,,\IconMark\\n16:{\metadata\:\$\,\title\,\0\,{\children\:\ArtfulAlbums\},\$\,\meta\,\1\,{\name\:\description\,\content\:\Modern Next.js site\},\$\,\link\,\2\,{\rel\:\shortcut icon\,\href\:\/assets/img/Artful Album Logo-01.png\},\$\,\link\,\3\,{\rel\:\icon\,\href\:\/assets/img/Artful Album Logo-01.png\},\$\,\$L1d\,\4\,{},\error\:null,\digest\:\$undefined\}\n)/script>script>self.__next_f.push(1,1b:\$16:metadata\\n)/script>/body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > artfulalbums.com

Is this malicious?

DNS Resolutions

Port 80

Port 443