Merge version_2 into main #4
@@ -2,15 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import { Scissors, Sparkles, Users, Coffee } from "lucide-react";
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -25,147 +21,42 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Reviews", id: "/reviews"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Miron's Cut"
|
||||
button={{
|
||||
text: "Book Appointment", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Miron's Cut"
|
||||
button={{ text: "Book Appointment", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
title="Crafting Confidence, One Cut at a Time"
|
||||
description="At Miron's Cut, we believe a great haircut is more than just a style—it's an experience. Established in Glendale, AZ, our barbershop is built on a foundation of precision, passion, and personalized service. We're dedicated to helping you look and feel your best."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Visit", href: "/services"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Barbers", description: "Our team consists of highly skilled and experienced barbers dedicated to their craft.", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Premium Products", description: "We use only the finest grooming products to ensure top-notch results and hair health.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Relaxing Atmosphere", description: "Enjoy a comfortable and welcoming environment where you can unwind and refresh.", icon: Coffee,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43558.jpg?_wi=2"
|
||||
imageAlt="skilled barber giving a client a precise haircut"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-us" data-section="about-us">
|
||||
<TextSplitAbout
|
||||
title="Our Story at Miron's Cut"
|
||||
description={[
|
||||
"Welcome to Miron's Cut, where tradition meets modern style in the heart of Glendale, Arizona. Founded with a passion for precision grooming and community, we've built a reputation for delivering exceptional haircuts, expert beard trims, and a welcoming atmosphere.", "Our experienced barbers are dedicated to mastering their craft, staying updated with the latest trends while honoring classic techniques. We believe every visit should be an experience – a moment to relax, refresh, and leave feeling your best. Come see why Miron's Cut is Glendale's trusted spot for a fresh look and friendly service."
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Miron Petrov", role: "Founder & Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-nordic-unshaven-man-with-fashionable-hairdo-posing_176420-15809.jpg?_wi=2", imageAlt: "Miron Petrov, founder"},
|
||||
{
|
||||
id: "2", name: "David Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-guy-beige-shirt_176420-32311.jpg?_wi=2", imageAlt: "David Chen, senior stylist"},
|
||||
{
|
||||
id: "3", name: "Maria Rodriguez", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg?_wi=2", imageAlt: "Maria Rodriguez, grooming specialist"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our passionate team is the heart of Miron's Cut. Each barber brings unique expertise and a dedication to client satisfaction, ensuring you receive a superior grooming experience."
|
||||
tag="Our Crew"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Commitment to Excellence"
|
||||
tag="Driven by Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "10K+", description: "Happy Clients Served"},
|
||||
{
|
||||
id: "2", value: "15+", description: "Years of Combined Experience"},
|
||||
{
|
||||
id: "3", value: "5-Star", description: "Average Review Rating"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready for a Fresh Look?"
|
||||
title="Experience the Miron's Cut Difference"
|
||||
description="Whether it's a routine trim or a complete style transformation, our doors are open. Schedule your appointment today and join our family of satisfied clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment", href: "/services"},
|
||||
{
|
||||
text: "See Our Services", href: "/services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts", href: "/services#haircuts"},
|
||||
{
|
||||
label: "Beard Trims", href: "/services#beard-trims"},
|
||||
{
|
||||
label: "Shaves", href: "/services#shaves"},
|
||||
{
|
||||
label: "Styling", href: "/services#styling"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Reviews", href: "/reviews"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Miron's Cut"
|
||||
copyrightText="© 2024 Miron's Cut. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
|
||||
{ title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Miron's Cut. All rights reserved."
|
||||
bottomRightText="Crafted with precision in Glendale, AZ."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
70
src/app/contact/page.tsx
Normal file
70
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,70 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Miron's Cut"
|
||||
button={{ text: "Book Appointment", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch with Miron's Cut"
|
||||
description="Have a question, need to reschedule, or just want to say hello? Fill out the form below, and we'll get back to you as soon as possible. Walk-ins are always welcome!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation={'slide-up'}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-barber-working-barbershop_627829-7313.jpg"
|
||||
imageAlt="Barber cutting hair in a modern barbershop"
|
||||
buttonText="Send Message"
|
||||
onSubmit={() => alert('Message sent!')}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
|
||||
{ title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Miron's Cut. All rights reserved."
|
||||
bottomRightText="Crafted with precision in Glendale, AZ."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -2,15 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -98,96 +94,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "haircut", name: "Precision Haircut", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg?_wi=1", imageAlt: "Fresh, clean men's haircut"},
|
||||
{
|
||||
id: "beard-trim", name: "Expert Beard Trim", price: "From $20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-man-talking-phone_1153-1396.jpg?_wi=1", imageAlt: "Man receiving a professional beard trim"},
|
||||
{
|
||||
id: "line-up", name: "Sharp Line-Up", price: "From $15", imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744269.jpg?_wi=1", imageAlt: "Barber performing a precision hairline line-up"},
|
||||
{
|
||||
id: "styling", name: "Custom Styling", price: "From $10", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg?_wi=1", imageAlt: "Man getting his hair styled with product"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic cuts to modern styles, we offer a range of professional grooming services to keep you looking sharp and feeling confident."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-preview" data-section="gallery-preview">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "haircut", name: "Precision Haircut", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg?_wi=2", imageAlt: "Fresh, clean men's haircut"},
|
||||
{
|
||||
id: "beard-trim", name: "Expert Beard Trim", price: "From $20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-man-talking-phone_1153-1396.jpg?_wi=2", imageAlt: "Man receiving a professional beard trim"},
|
||||
{
|
||||
id: "line-up", name: "Sharp Line-Up", price: "From $15", imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744269.jpg?_wi=2", imageAlt: "Barber performing a precision hairline line-up"},
|
||||
{
|
||||
id: "styling", name: "Custom Styling", price: "From $10", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg?_wi=2", imageAlt: "Man getting his hair styled with product"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic cuts to modern styles, we offer a range of professional grooming services to keep you looking sharp and feeling confident."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John D.", handle: "@johndoescut", testimonial: "Always a perfect cut! The barbers here are true artists and the atmosphere is always welcoming. My go-to spot in Glendale.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-nordic-unshaven-man-with-fashionable-hairdo-posing_176420-15809.jpg?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Michael S.", handle: "@mike_sharp", testimonial: "Professional, clean, and friendly. Miron's Cut consistently delivers. Best beard trim I've ever had!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-guy-beige-shirt_176420-32311.jpg?_wi=1"},
|
||||
{
|
||||
id: "3", name: "David R.", handle: "@david_fade", testimonial: "Finding a reliable barber can be tough, but Miron's Cut nailed it. Every cut is exactly what I ask for, and it lasts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg?_wi=1"},
|
||||
{
|
||||
id: "4", name: "Chris K.", handle: "@chris_fresh", testimonial: "I bring my son here, and they're great with kids. Patient, skilled, and he always leaves with a smile and a sharp haircut.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg"},
|
||||
{
|
||||
id: "5", name: "Mark L.", handle: "@mark_style", testimonial: "From the moment you walk in, you know you're in good hands. The attention to detail is unmatched, truly a premium experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ypung-man-puts-foam-shave-face_633478-2338.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their positive experiences and the quality service they receive at Miron's Cut."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-location" data-section="contact-location">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "hours", title: "What are your hours of operation?", content: "We are open Tuesday - Saturday from 9 AM to 7 PM. Closed on Sundays and Mondays."},
|
||||
{
|
||||
id: "appointment", title: "Do I need an appointment?", content: "Walk-ins are always welcome! For guaranteed service at your preferred time, we recommend booking an appointment online or by phone."},
|
||||
{
|
||||
id: "services", title: "What services do you offer?", content: "We offer a full range of services including precision haircuts, expert beard trims, sharp line-ups, and custom styling. Visit our Services page for more details!"},
|
||||
]}
|
||||
ctaTitle="Visit Miron's Cut Today"
|
||||
ctaDescription="Conveniently located in Glendale, Arizona. Walk-ins are always welcome, or book ahead for guaranteed service. We look forward to seeing you!"
|
||||
ctaButton={{
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Miron's+Cut+Glendale+Arizona"}}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
@@ -229,4 +135,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
70
src/app/reviews/page.tsx
Normal file
70
src/app/reviews/page.tsx
Normal file
@@ -0,0 +1,70 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function ReviewsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Miron's Cut"
|
||||
button={{ text: "Book Appointment", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John D.", handle: "@johndoescut", testimonial: "Always a perfect cut! The barbers here are true artists and the atmosphere is always welcoming. My go-to spot in Glendale.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-nordic-unshaven-man-with-fashionable-hairdo-posing_176420-15809.jpg?_wi=1"},
|
||||
{ id: "2", name: "Michael S.", handle: "@mike_sharp", testimonial: "Professional, clean, and friendly. Miron's Cut consistently delivers. Best beard trim I've ever had!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-guy-beige-shirt_176420-32311.jpg?_wi=1"},
|
||||
{ id: "3", name: "David R.", handle: "@david_fade", testimonial: "Finding a reliable barber can be tough, but Miron's Cut nailed it. Every cut is exactly what I ask for, and it lasts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg?_wi=1"},
|
||||
{ id: "4", name: "Chris K.", handle: "@chris_fresh", testimonial: "I bring my son here, and they're great with kids. Patient, skilled, and he always leaves with a smile and a sharp haircut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg"},
|
||||
{ id: "5", name: "Mark L.", handle: "@mark_style", testimonial: "From the moment you walk in, you know you're in good hands. The attention to detail is unmatched, truly a premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ypung-man-puts-foam-shave-face_633478-2338.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their positive experiences and the quality service they receive at Miron's Cut."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
|
||||
{ title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Miron's Cut. All rights reserved."
|
||||
bottomRightText="Crafted with precision in Glendale, AZ."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
69
src/app/services/page.tsx
Normal file
69
src/app/services/page.tsx
Normal file
@@ -0,0 +1,69 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Miron's Cut"
|
||||
button={{ text: "Book Appointment", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-overview" data-section="services-overview">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "haircut", name: "Precision Haircut", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg?_wi=1", imageAlt: "Fresh, clean men's haircut"},
|
||||
{ id: "beard-trim", name: "Expert Beard Trim", price: "From $20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-man-talking-phone_1153-1396.jpg?_wi=1", imageAlt: "Man receiving a professional beard trim"},
|
||||
{ id: "line-up", name: "Sharp Line-Up", price: "From $15", imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744269.jpg?_wi=1", imageAlt: "Barber performing a precision hairline line-up"},
|
||||
{ id: "styling", name: "Custom Styling", price: "From $10", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg?_wi=1", imageAlt: "Man getting his hair styled with product"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From classic cuts to modern styles, we offer a range of professional grooming services to keep you looking sharp and feeling confident."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
|
||||
{ title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Miron's Cut. All rights reserved."
|
||||
bottomRightText="Crafted with precision in Glendale, AZ."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user