147 lines
6.6 KiB
TypeScript
147 lines
6.6 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Award, CheckCircle, Clock, Smile, Star, Waves, Droplet, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="aurora"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Giriş", id: "hero" },
|
||
{ name: "Haqqımızda", id: "about" },
|
||
{ name: "Xidmətlər", id: "features" },
|
||
{ name: "Qiymətlər", id: "pricing" },
|
||
{ name: "Rəylər", id: "testimonials" },
|
||
{ name: "Əlaqə", id: "contact" },
|
||
]}
|
||
brandName="ASA Hamam"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
background={{ variant: "sparkles-gradient" }}
|
||
title="Ənənəvi Hamam Təcrübəsi"
|
||
description="Bakının qəlbində, bədəninizi və ruhunuzu dincəldəcək hüzurlu bir məkan sizi gözləyir."
|
||
mediaItems={[
|
||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5gHpWzNhNj8jOQS57IUmUsRnc/uploaded-1779474122811-cqmhycfp.jpg?_wi=1", imageAlt: "Lüks Hamam" },
|
||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5gHpWzNhNj8jOQS57IUmUsRnc/uploaded-1779474122811-qkl1ye4g.jpg", imageAlt: "Geleneksel Hamam" },
|
||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5gHpWzNhNj8jOQS57IUmUsRnc/uploaded-1779474122811-4mj36dh2.jpg?_wi=1", imageAlt: "Rahatladıcı Mühit" },
|
||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5gHpWzNhNj8jOQS57IUmUsRnc/uploaded-1779474122811-ojightq0.jpg", imageAlt: "Hamam Detalları" },
|
||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5gHpWzNhNj8jOQS57IUmUsRnc/uploaded-1779474122811-s3v94tgj.jpg", imageAlt: "Hüzurlu Köşə" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="ASA Hamam haqqında"
|
||
metrics={[
|
||
{ icon: Award, label: "İllik Təcrübə", value: "10+" },
|
||
{ icon: Smile, label: "Razı Müştəri", value: "5000+" },
|
||
{ icon: Star, label: "Reytinq", value: "4.9" }
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Ənənəvi Hamam Xidmətləri", description: "Ənənəvi hamam xidmətlərimizlə ruhunuzu və bədəninizi yeniləyin.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5gHpWzNhNj8jOQS57IUmUsRnc/uploaded-1779474122811-cqmhycfp.jpg?_wi=2", imageAlt: "Hamam" },
|
||
items: [
|
||
{ icon: Waves, text: "Kese və Köpük" },
|
||
{ icon: Droplet, text: "İsti Buxar" },
|
||
{ icon: Sparkles, text: "Tam Rahatlama" }
|
||
],
|
||
reverse: false
|
||
}
|
||
]}
|
||
title="Xidmətlərimiz"
|
||
description="Sizə yüksək keyfiyyətli hamam və masaj xidmətlərini təqdim edirik."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardEight
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{ id: "p1", badge: "Giriş", price: "12 AZN", subtitle: "Giriş haqqı", buttons: [{ text: "Əlaqə", href: "#contact" }], features: ["Sınırsız müddət", "Hamam girişi"] },
|
||
{ id: "p2", badge: "Kise", price: "15 AZN", subtitle: "Kise xidməti", buttons: [{ text: "Əlaqə", href: "#contact" }], features: ["Peeledovak", "Köpük müalicəsi"] },
|
||
{ id: "p3", badge: "Masaj", price: "40 AZN", subtitle: "Masaj (1 saat)", buttons: [{ text: "Əlaqə", href: "#contact" }], features: ["60 dəqiqə", "Tam bədən"] },
|
||
{ id: "p4", badge: "Masaj", price: "20 AZN", subtitle: "Masaj (30 dəqiqə)", buttons: [{ text: "Əlaqə", href: "#contact" }], features: ["30 dəqiqə", "Tam bədən"] },
|
||
{ id: "p5", badge: "VIP", price: "50 AZN", subtitle: "VIP Otaq", buttons: [{ text: "Rezerv et", href: "#contact" }], features: ["3 saat", "Özəl otaq"] }
|
||
]}
|
||
title="Qiymətlərimiz"
|
||
description="Hər büdcəyə uyğun xidmətlər."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "t1", name: "Əli Vəliyev", handle: "@eli", testimonial: "Çox razı qaldım, yenə gələcəyəm!", rating: 5 },
|
||
{ id: "t2", name: "Orxan İ.", handle: "@orxan", testimonial: "Masaj xidməti əladır.", rating: 5 }
|
||
]}
|
||
showRating={true}
|
||
title="Müştəri Rəyləri"
|
||
description="Sizlərin xoş sözləri motivasiyamızdır."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{ variant: "gradient-bars" }}
|
||
text="Əlaqə: 050 355 09 02. Ünvan: Bakı şəhəri, Ramiz Qəmbərov 14."
|
||
buttons={[{ text: "Yol Tarifi", href: "https://maps.google.com" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="ASA Hamam"
|
||
columns={[
|
||
{ title: "Keçidlər", items: [{ label: "Giriş", href: "#hero" }, { label: "Xidmətlər", href: "#features" }] },
|
||
{ title: "Əlaqə", items: [{ label: "Tel: 050 355 09 02", href: "tel:0503550902" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |