bender/de090062-18a5-4a3b-be99-3c7f296a4b12
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-28 09:31:26 +00:00
Conversation 0 Commits 1 Files Changed 1 +101 -198
1 changed files with 101 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -26,210 +26,113 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Studio",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="MURAT ATEŞ ®️"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Studio", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="MURAT ATEŞ ®️"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
title="Mastering the Art of Hair Repair"
description="Where professional expertise meets personalized luxury. Experience world-class hair coloring, repair, and styling in a studio dedicated to your natural beauty."
buttons={[
{
text: "Book Your Consultation",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg"
mediaAnimation="slide-up"
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4?_wi=1"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Mastering the Art of Hair Repair"
description="Where professional expertise meets personalized luxury. Experience world-class hair coloring, repair, and styling in a studio dedicated to your natural beauty."
buttons={[{ text: "Book Your Consultation", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg"
mediaAnimation="slide-up"
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Philosophy"
title="Professionalism at Its Core"
description="At Murat Ateş Hair Repair Studio, we prioritize the integrity of your hair above all else. Our team of expert colorists uses premium products to deliver stunning, healthy transformations without compromise."
subdescription="We blend artistic precision with deep hair care knowledge to ensure you leave our studio feeling confident, valued, and beautiful."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg"
mediaAnimation="blur-reveal"
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4?_wi=2"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Philosophy"
title="Professionalism at Its Core"
description="At Murat Ateş Hair Repair Studio, we prioritize the integrity of your hair above all else. Our team of expert colorists uses premium products to deliver stunning, healthy transformations without compromise."
subdescription="We blend artistic precision with deep hair care knowledge to ensure you leave our studio feeling confident, valued, and beautiful."
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Sparkles,
title: "Expert Hair Coloring",
description: "From natural transitions to vivid transformations, our team creates custom shades tailored to your tone.",
},
{
icon: ShieldCheck,
title: "Advanced Hair Repair",
description: "Specialized treatments including keratin restoration to bring your hair back to its healthiest state.",
},
{
icon: Scissors,
title: "Precision Styling",
description: "Expert cuts and styling techniques that enhance your unique face shape and natural hair movement.",
},
]}
title="Our Signature Services"
description="Specialized treatments tailored for damaged hair restoration and premium color transformations."
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Sparkles, title: "Expert Hair Coloring", description: "From natural transitions to vivid transformations, our team creates custom shades tailored to your tone." },
{ icon: ShieldCheck, title: "Advanced Hair Repair", description: "Specialized treatments including keratin restoration to bring your hair back to its healthiest state." },
{ icon: Scissors, title: "Precision Styling", description: "Expert cuts and styling techniques that enhance your unique face shape and natural hair movement." },
]}
title="Our Signature Services"
description="Specialized treatments tailored for damaged hair restoration and premium color transformations."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Selcen B.",
handle: "@selcen",
testimonial: "The staff are incredibly kind and professional from the moment you step in. Very clean environment.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg?_wi=1",
},
{
id: "2",
name: "Merve K.",
handle: "@mervek",
testimonial: "They transformed my hair without any damage. A meticulous and detail-oriented team!",
imageSrc: "http://img.b2bpic.net/free-photo/refined-white-female-model-with-gentle-smile-indoor-shot-blissful-woman-brown-dress_197531-11527.jpg",
},
{
id: "3",
name: "Berra E.",
handle: "@berra",
testimonial: "My hair is so soft and shiny after the keratin treatment. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-colleagues-chatting-work_23-2149622892.jpg",
},
{
id: "4",
name: "Beyza O.",
handle: "@beyza",
testimonial: "I'm so glad I found this studio. They turned my dark hair into a perfect blonde without a single strand of damage.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-smiling-female_1301-109.jpg",
},
{
id: "5",
name: "Canan S.",
handle: "@canans",
testimonial: "Truly a premium service. My hair has never looked this vibrant and healthy.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg?_wi=2",
},
]}
title="Client Love"
description="Hear from our happy clients about their experiences at our studio."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Selcen B.", handle: "@selcen", testimonial: "The staff are incredibly kind and professional from the moment you step in. Very clean environment.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg" },
{ id: "2", name: "Merve K.", handle: "@mervek", testimonial: "They transformed my hair without any damage. A meticulous and detail-oriented team!", imageSrc: "http://img.b2bpic.net/free-photo/refined-white-female-model-with-gentle-smile-indoor-shot-blissful-woman-brown-dress_197531-11527.jpg" },
{ id: "3", name: "Berra E.", handle: "@berra", testimonial: "My hair is so soft and shiny after the keratin treatment. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-colleagues-chatting-work_23-2149622892.jpg" },
{ id: "4", name: "Beyza O.", handle: "@beyza", testimonial: "I'm so glad I found this studio. They turned my dark hair into a perfect blonde without a single strand of damage.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-smiling-female_1301-109.jpg" },
{ id: "5", name: "Canan S.", handle: "@canans", testimonial: "Truly a premium service. My hair has never looked this vibrant and healthy.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg" },
]}
title="Client Love"
description="Hear from our happy clients about their experiences at our studio."
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I book an appointment?",
content: "You can reach us through our WhatsApp or by calling our studio directly.",
},
{
id: "2",
title: "Do you offer consultations?",
content: "Yes, we highly recommend a consultation for any color transformation or repair service.",
},
{
id: "3",
title: "What repair treatments do you offer?",
content: "We offer keratin care, hydration therapy, and deep conditioning tailored to your hair type.",
},
]}
ctaTitle="Ready for your hair transformation?"
ctaDescription="Get in touch for appointments, consultations, or any questions about our specialized hair repair services."
ctaButton={{
text: "Contact Us",
href: "#",
}}
ctaIcon={Calendar}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "How do I book an appointment?", content: "You can reach us through our WhatsApp or by calling our studio directly." },
{ id: "2", title: "Do you offer consultations?", content: "Yes, we highly recommend a consultation for any color transformation or repair service." },
{ id: "3", title: "What repair treatments do you offer?", content: "We offer keratin care, hydration therapy, and deep conditioning tailored to your hair type." },
]}
ctaTitle="Ready for your hair transformation?"
ctaDescription="Get in touch for appointments, consultations, or any questions about our specialized hair repair services."
ctaButton={{ text: "Contact Us", href: "#" }}
ctaIcon={Calendar}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="MURAT ATEŞ ®️"
columns={[
{
title: "Navigation",
items: [
{
label: "Studio",
href: "#about",
},
{
label: "Services",
href: "#services",
},
{
label: "Reviews",
href: "#reviews",
},
{
label: "Book Appointment",
href: "#contact",
},
],
},
{
title: "Policies",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2025 Murat Ateş Hair Repair Studio. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="MURAT ATEŞ ®️"
columns={[
{
title: "Navigation", items: [
{ label: "Studio", href: "#about" },
{ label: "Services", href: "#services" },
{ label: "Reviews", href: "#reviews" },
{ label: "Book Appointment", href: "#contact" },
],
},
{
title: "Policies", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
copyrightText="© 2025 Murat Ateş Hair Repair Studio. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);