Merge version_2 into main #5

Open
bender wants to merge 3 commits from version_2 into main
2 changed files with 119 additions and 126 deletions

View File

@@ -1,59 +1,35 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Poppins } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Premium Nail & Eyebrow Salon | BRC Beauty", description: "Expert nail art and eyebrow design services. Premium manicures, gel polish, microblading, and more. Book your luxury beauty appointment today.", keywords: "nail salon, eyebrow design, manicure, gel polish, microblading, beauty services, luxury nails", metadataBase: new URL("https://brcbeauty.com"),
alternates: {
canonical: "https://brcbeauty.com"},
openGraph: {
title: "Premium Nail & Eyebrow Salon | BRC Beauty", description: "Experience luxury beauty services with our expert nail technicians and eyebrow specialists.", url: "https://brcbeauty.com", siteName: "BRC Beauty", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiGDVlXuq5uQB8YYYXzNmDNeib/uploaded-1773067977781-a5182lxw.png", alt: "Premium nail art and eyebrow design"},
],
},
twitter: {
card: "summary_large_image", title: "Premium Nail & Eyebrow Salon | BRC Beauty", description: "Expert nail art and eyebrow design services.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiGDVlXuq5uQB8YYYXzNmDNeib/uploaded-1773067977781-a5182lxw.png"],
},
robots: {
index: true,
follow: true,
},
};
title: "BRC Güzellik - Tırnak ve Kaş Tasarımı", description: "Profesyonel tırnak sanatı ve kaş tasarımı hizmetleri. Premium güzellik hizmetleriyle kendinizi şımartın."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${poppins.variable} antialiased`}
>
<Tag />
{children}
<html lang="tr" suppressHydrationWarning>
<body className={`${inter.variable} antialiased`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
`,
}}
/>
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1421,7 +1397,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -26,85 +26,93 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="BRC Beauty"
brandName="BRC Güzellik"
navItems={[
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Reviews", id: "testimonials" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
{ name: "Hizmetler", id: "services" },
{ name: "Galeri", id: "gallery" },
{ name: "Yorumlar", id: "testimonials" },
{ name: "Fiyatlar", id: "pricing" },
{ name: "İletişim", id: "contact" },
]}
button={{
text: "Book Now", href: "contact"}}
text: "Randevu Al", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
title="Premium Nail & Eyebrow Design"
description="Experience luxury beauty services with our expert nail technicians and eyebrow specialists. Elevate your look with precision artistry and premium care."
title="Premium Tırnak ve Kaş Tasarımı"
description="Uzman tırnak teknisyenleri ve kaş tasarımcılarımızla lüks güzellik hizmetlerini deneyimleyin. Hassas sanatçılık ve premium bakımla görünüşünüzü yükseltin."
background={{ variant: "sparkles-gradient" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/classic-portrait-woman-black-clothing-light-background_613910-7034.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-217768.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/positive-man-showing-thumbs-up-chair-home_23-2148112737.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/classic-portrait-woman-black-clothing-light-background_613910-7034.jpg", alt: "Müşteri 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-217768.jpg", alt: "Müşteri 2" },
{ src: "http://img.b2bpic.net/free-photo/positive-man-showing-thumbs-up-chair-home_23-2148112737.jpg", alt: "Müşteri 3" },
]}
avatarText="Trusted by 500+ beauty enthusiasts"
avatarText="500+ güzellik tutkununa güvenilen hizmet"
buttons={[
{ text: "Book Appointment", href: "contact" },
{ text: "View Gallery", href: "gallery" },
{ text: "Randevu Rezervasyonu", href: "contact" },
{ text: "Galeriyi Görüntüle", href: "gallery" },
]}
buttonAnimation="blur-reveal"
ariaLabel="Hero section for nail and eyebrow salon"
ariaLabel="Tırnak ve kaş salonu hero bölümü"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyOne
title="Our Premium Services"
description="We specialize in luxury nail and eyebrow design services tailored to your unique beauty needs."
tag="Services"
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg"
imageAlt="Nail salon service"
title="Premium Hizmetlerimiz"
description="Benzersiz güzellik ihtiyaçlarınıza uyarlanmış lüks tırnak ve kaş tasarımı hizmetleri sunuyoruz."
tag="Hizmetler"
videoSrc="http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg"
videoAriaLabel="Tırnak salonu hizmeti"
accordionItems={[
{
id: "1", title: "Nail Art & Design", content: "From classic manicures to intricate nail art designs, our expert technicians create stunning looks. We offer gel polish, acrylics, and specialty finishes with premium products."},
id: "1", title: "Tırnak Sanatı ve Tasarımı", content: "Klasik manikürden karmaşık tırnak sanatı tasarımlarına kadar, uzman teknisyenlerimiz inanılmaz görünümler yaratır. Jel oje, akrilik ve özel bitişler sunuyoruz."
},
{
id: "2", title: "Eyebrow Services", content: "Shape, tint, and perfect your eyebrows with our professional eyebrow specialists. We offer microblading, lamination, waxing, and tinting services."},
id: "2", title: "Kaş Hizmetleri", content: "Profesyonel kaş uzmanlarımız ile kaşlarınızı şekillendirin, boyatın ve mükemmelleştirin. Microblading, lamination, epilasyon ve boyama hizmetleri sağlıyoruz."
},
{
id: "3", title: "Pedicure Treatments", content: "Pamper your feet with our luxurious pedicure treatments. Includes relaxing foot massage, nail care, and decorative designs."},
id: "3", title: "Pedikür Tedavileri", content: "Lüksüs pedikür tedavilerimizle ayaklarınızı şımartın. Rahatlatıcı ayak masajı, tırnak bakımı ve dekoratif tasarımlar içerir."
},
]}
buttons={[
{ text: "Learn More", href: "contact" },
{ text: "Daha Fazla Bilgi", href: "contact" },
]}
buttonAnimation="slide-up"
mediaAnimation="none"
useInvertedBackground={false}
mediaPosition="left"
ariaLabel="Services section"
ariaLabel="Hizmetler bölümü"
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
title="Featured Nail Designs"
description="Explore our portfolio of stunning nail art and design work. Each design is carefully crafted by our professional technicians."
tag="Gallery"
title="Öne Çıkan Tırnak Tasarımları"
description="İmaj gazetimizi keşfedin ve harika tırnak sanatı ve tasarım çalışmalarını görün. Her tasarım profesyonel teknisyenlerimiz tarafından dikkatle hazırlanmıştır."
tag="Galeri"
tagAnimation="slide-up"
products={[
{
id: "1", name: "Pink Ombre Glitter", price: "Manicure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiGDVlXuq5uQB8YYYXzNmDNeib/uploaded-1773067977781-a5182lxw.png", imageAlt: "Pink ombre glitter nail design"},
id: "1", name: "Pembe Ombre Glitter", price: "Manikür", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiGDVlXuq5uQB8YYYXzNmDNeib/uploaded-1773067977781-a5182lxw.png", imageAlt: "Pembe ombre glitter tırnak tasarımı"
},
{
id: "2", name: "Classic Nude Pearl", price: "Manicure", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hand-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2440.jpg", imageAlt: "Nude pearl nail design"},
id: "2", name: "Klasik Nude İnci", price: "Manikür", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hand-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2440.jpg?_wi=1", imageAlt: "Nude inci tırnak tasarımı"
},
{
id: "3", name: "Eyebrow Design", price: "Eyebrow Service", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-specialist-doing-eyebrow-treatment-woman_23-2148846007.jpg", imageAlt: "Professional eyebrow design"},
id: "3", name: "Kaş Tasarımı", price: "Kaş Hizmeti", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-specialist-doing-eyebrow-treatment-woman_23-2148846007.jpg?_wi=1", imageAlt: "Profesyonel kaş tasarımı"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
ariaLabel="Product gallery section"
ariaLabel="Ürün galerisi bölümü"
buttons={[
{ text: "See More Designs", href: "contact" },
{ text: "Daha Fazla Tasarım Görüntüle", href: "contact" },
]}
buttonAnimation="blur-reveal"
/>
@@ -112,110 +120,120 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="What Our Clients Say"
description="Join hundreds of satisfied customers who have experienced our premium beauty services."
tag="Testimonials"
tagAnimation="entrance-slide"
title="Müşterilerimiz Ne Söylüyor?"
description="Premium güzellik hizmetlerimizi deneyimleyen yüzlerce memnun müşteriye katılın."
tag="Yorumlar"
tagAnimation="slide-up"
testimonials={[
{
id: "1", title: "Best Manicure Experience", quote: "The attention to detail is incredible! My nails look absolutely stunning and have lasted so long. Highly recommend!", name: "Sarah Johnson", role: "Beauty Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-woman-black-clothing-light-background_613910-7034.jpg", imageAlt: "Sarah Johnson"},
id: "1", title: "En İyi Manikür Deneyimi", quote: "Detaylara yapılan dikkat inanılmaz! Tırnaklarım kesinlikle çarpıcı görünüyor ve çok uzun süre kalıyor. Kesinlikle tavsiye ederim!", name: "Ayşe Yılmaz", role: "Güzellik Tutkunusu", imageSrc: "http://img.b2bpic.net/free-photo/classic-portrait-woman-black-clothing-light-background_613910-7034.jpg", imageAlt: "Ayşe Yılmaz"
},
{
id: "2", title: "Perfect Eyebrows", quote: "Finally found someone who understands my eyebrow vision. The microblading service was flawless and the results are amazing!", name: "Emily Rodriguez", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-217768.jpg", imageAlt: "Emily Rodriguez"},
id: "2", title: "Mükemmel Kaşlar", quote: "Sonunda benim kaş vizyonumu anlayan birini buldum. Microblading hizmeti kusursuz ve sonuçlar harika!", name: "Zeliha Demir", role: "Profesyonel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-reacts-amazing-news-claps-hands-smiles-pleased-by-smth-stands-white_1258-217768.jpg", imageAlt: "Zeliha Demir"
},
{
id: "3", title: "Luxury Pampering", quote: "The whole experience is luxurious from start to finish. The team is friendly, professional, and truly cares about quality.", name: "Jessica Chen", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/positive-man-showing-thumbs-up-chair-home_23-2148112737.jpg", imageAlt: "Jessica Chen"},
id: "3", title: "Lüks Şımarılama", quote: "Tüm deneyim başından sonuna kadar lüksürdür. Ekip dostça, profesyonel ve kaliteyle gerçekten önemlidir.", name: "Fatih Kaya", role: "Girişimci", imageSrc: "http://img.b2bpic.net/free-photo/positive-man-showing-thumbs-up-chair-home_23-2148112737.jpg", imageAlt: "Fatih Kaya"
},
{
id: "4", title: "Worth Every Penny", quote: "Premium prices for premium service. My nails look runway-ready and the eyebrows are perfectly sculpted. Best salon ever!", name: "Michelle Davis", role: "Fashion Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beautiful-grey-dress_1303-13053.jpg", imageAlt: "Michelle Davis"},
id: "4", title: "Her Kuruş Değer", quote: "Premium fiyatlar için premium hizmet. Tırnaklarım pist hazır ve kaşlar mükemmel şekilde işlenmiş. En iyi salon!", name: "Elif Koç", role: "Moda Tasarımcısı", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beautiful-grey-dress_1303-13053.jpg", imageAlt: "Elif Koç"
},
]}
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Book Your Appointment", href: "contact" },
{ text: "Randevunuzu Ayırtın", href: "contact" },
]}
buttonAnimation="slide-up"
ariaLabel="Customer testimonials section"
buttonAnimation="blur-reveal"
ariaLabel="Müşteri yorumları bölümü"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Pricing Plans"
description="Premium quality at competitive prices. Choose the service package that best fits your beauty needs."
tag="Pricing"
tagAnimation="entrance-slide"
title="Fiyatlandırma Planları"
description="Rekabetçi fiyatlarla premium kalite. Güzellik ihtiyaçlarınıza en uygun hizmet paketini seçin."
tag="Fiyatlar"
tagAnimation="slide-up"
plans={[
{
id: "manicure", title: "Classic Manicure", price: "$35", period: "/per service", imageSrc: "http://img.b2bpic.net/free-photo/painted-light-pink-water-with-sequins_23-2148016578.jpg", imageAlt: "Classic manicure service", button: {
text: "Book Now", href: "contact"},
id: "manicure", title: "Klasik Manikür", price: "₺175", period: "/hizmet", imageSrc: "http://img.b2bpic.net/free-photo/painted-light-pink-water-with-sequins_23-2148016578.jpg", imageAlt: "Klasik manikür hizmeti", button: {
text: "Şimdi Ayırt Et", href: "contact"
},
features: [
"Professional nail shaping", "Premium polish application", "Hand massage included", "Lasting 2+ weeks"],
"Profesyonel tırnak şekillendirme", "Premium oje uygulaması", "El masajı dahil", "2+ hafta dayanıklılık"
],
},
{
id: "gelpolish", title: "Gel Polish Manicure", price: "$50", period: "/per service", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hand-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2440.jpg", imageAlt: "Gel polish manicure", button: {
text: "Book Now", href: "contact"},
id: "gelpolish", title: "Jel Oje Manikürü", price: "₺250", period: "/hizmet", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hand-with-perfect-golden-pink-nail-design-hold-fresh-rose-flower_127675-2440.jpg?_wi=2", imageAlt: "Jel oje manikürü", button: {
text: "Şimdi Ayırt Et", href: "contact"
},
features: [
"Premium gel polish", "Intricate nail design", "UV protective coating", "Lasting 3-4 weeks"],
"Premium jel oje", "Karmaşık tırnak tasarımı", "UV koruyucu kaplama", "3-4 hafta dayanıklılık"
],
},
{
id: "eyebrows", title: "Eyebrow Design", price: "$40", period: "/per service", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-specialist-doing-eyebrow-treatment-woman_23-2148846007.jpg", imageAlt: "Eyebrow design service", button: {
text: "Book Now", href: "contact"},
id: "eyebrows", title: "Kaş Tasarımı", price: "₺200", period: "/hizmet", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-specialist-doing-eyebrow-treatment-woman_23-2148846007.jpg?_wi=2", imageAlt: "Kaş tasarımı hizmeti", button: {
text: "Şimdi Ayırt Et", href: "contact"
},
features: [
"Professional shaping", "Tinting included", "Expert design consultation", "Lasting 4-6 weeks"],
"Profesyonel şekillendirme", "Boyama dahil", "Uzman tasarım danışmanlığı", "4-6 hafta dayanıklılık"
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "View All Services", href: "services" },
{ text: "Tüm Hizmetleri Görüntüle", href: "services" },
]}
buttonAnimation="blur-reveal"
ariaLabel="Pricing section"
ariaLabel="Fiyatlandırma bölümü"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Ready to Book Your Appointment?"
description="Contact us today to schedule your luxury beauty treatment. Our team is ready to help you look and feel your absolute best."
tagAnimation="entrance-slide"
tag="İletişime Geçin"
title="Randevunuzu Almaya Hazır Mısınız?"
description="Bugün bize ulaşarak lüks güzellik tedavinizi planlayın. Ekibimiz size mümkün olan en iyi görünüm ve hissi vermeye yardımcı olmaya hazırdır."
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166726.jpg"
imageAlt="Beauty salon appointment booking"
imageAlt="Güzellik salonu randevu rezervasyonu"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Book Now"
termsText="We respect your privacy. We'll only use your contact information to schedule your appointment."
ariaLabel="Contact and booking section"
inputPlaceholder="E-posta adresinizi girin"
buttonText="Şimdi Ayırt Et"
termsText="Gizliliğinize saygı duyuyoruz. İletişim bilgilerinizi yalnızca randevunuzu planlamak için kullanacağız."
ariaLabel="İletişim ve rezervasyon bölümü"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="BRC Beauty"
copyrightText="© 2025 BRC Beauty & Nail. All rights reserved."
logoText="BRC Güzellik"
copyrightText="© 2025 BRC Güzellik ve Tırnak. Tüm hakları saklıdır."
columns={[
{
title: "Services", items: [
{ label: "Nail Art", href: "services" },
{ label: "Eyebrow Design", href: "services" },
{ label: "Pedicures", href: "services" },
title: "Hizmetler", items: [
{ label: "Tırnak Sanatı", href: "services" },
{ label: "Kaş Tasarımı", href: "services" },
{ label: "Pedikürler", href: "services" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Gallery", href: "gallery" },
{ label: "Contact", href: "contact" },
title: "Şirket", items: [
{ label: "Hakkımızda", href: "#about" },
{ label: "Galeri", href: "gallery" },
{ label: "İletişim", href: "contact" },
],
},
{
title: "Support", items: [
{ label: "Pricing", href: "pricing" },
{ label: "Testimonials", href: "testimonials" },
{ label: "Book Appointment", href: "contact" },
title: "Destek", items: [
{ label: "Fiyatlar", href: "pricing" },
{ label: "Yorumlar", href: "testimonials" },
{ label: "Randevu Al", href: "contact" },
],
},
]}