Merge version_2 into main #2
@@ -5,10 +5,11 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||||
import FeatureCardTwelve as FeatureCardTwelveWhy from "@/components/sections/feature/FeatureCardTwelve";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Phone } from "lucide-react";
|
||||
import { Phone, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,7 +27,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Elite Barbershop"
|
||||
brandName="Shine Auto Detailing"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
@@ -34,20 +35,20 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Appointment", href: "contact"
|
||||
text: "Get a Free Quote", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Precision Haircuts. Clean Fades. Professional Service."
|
||||
description="At Elite Barbershop, we specialize in modern haircuts and classic styles. Our experienced barbers focus on quality, attention to detail, and making every client leave looking their best."
|
||||
title="Shine Auto Detailing"
|
||||
description="Professional car detailing that makes your vehicle look brand new. At Shine Auto Detailing, we specialize in high-quality interior and exterior cleaning services. Our goal is to restore your car's shine and protect it from everyday wear."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "Book an Appointment", href: "contact" }]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg"
|
||||
imageAlt="Elite Barbershop Interior"
|
||||
imageSrc="https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=800&q=80"
|
||||
imageAlt="Professional Car Detailing"
|
||||
mediaAnimation="opacity"
|
||||
imagePosition="right"
|
||||
fixedMediaHeight={true}
|
||||
@@ -56,7 +57,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Elite Barbershop is a modern neighborhood barbershop dedicated to providing high-quality grooming services. Our team of skilled barbers takes pride in delivering clean fades, sharp lineups, and professional service in a comfortable environment. Whether you're looking for a quick trim or a full haircut and beard service, we make sure every client leaves confident and satisfied."
|
||||
title="Shine Auto Detailing is dedicated to providing professional detailing services that leave every vehicle looking spotless. Our team focuses on attention to detail, high-quality cleaning products, and excellent customer service. Whether you need a quick exterior wash or a full interior deep clean, we make sure every car leaves looking its best."
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -65,29 +66,29 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
title="Our Services"
|
||||
description="Premium grooming services tailored to your style and needs"
|
||||
description="Comprehensive detailing solutions for every vehicle need"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "haircut", label: "$25", title: "Classic Haircut", items: [
|
||||
"Professional styling", "Expert precision cuts", "Modern and classic styles"
|
||||
id: "exterior", label: "$40", title: "Exterior Wash", items: [
|
||||
"Hand wash with premium products", "Professional drying techniques", "Streak-free finish"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "fade", label: "$30", title: "Premium Fade", items: [
|
||||
"Skin fades available", "Taper fade options", "Modern fade techniques"
|
||||
id: "interior", label: "$80", title: "Interior Cleaning", items: [
|
||||
"Complete vacuuming", "Surface wiping and cleaning", "Deep interior detailing"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "beard", label: "$15", title: "Beard Trim", items: [
|
||||
"Clean shaping", "Sharp lineups", "Professional finish"
|
||||
id: "full-detail", label: "$150", title: "Full Detail Package", items: [
|
||||
"Complete interior and exterior service", "Premium cleaning products", "Professional finishing"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "combo", label: "$40", title: "Haircut + Beard", items: [
|
||||
"Full grooming service", "Complete styling", "Premium package"
|
||||
id: "ceramic", label: "$300", title: "Ceramic Coating", items: [
|
||||
"Long-lasting paint protection", "Enhanced shine and gloss", "Superior durability"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -95,31 +96,31 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwelve
|
||||
title="Why Choose Elite Barbershop"
|
||||
description="What sets us apart from other barbershops"
|
||||
<FeatureCardTwelveWhy
|
||||
title="Why Choose Us"
|
||||
description="What makes Shine Auto Detailing the best choice for your vehicle"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "experienced", label: "Expert", title: "Experienced Barbers", items: [
|
||||
"Years of professional training", "Mastery of all styles", "Continuous skill development"
|
||||
id: "equipment", label: "Expert", title: "Professional Equipment", items: [
|
||||
"State-of-the-art detailing tools", "Industry-standard technology", "Precise results"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "clean", label: "Modern", title: "Clean & Modern Shop", items: [
|
||||
"Spotless environment", "Contemporary design", "Comfortable atmosphere"
|
||||
id: "products", label: "Premium", title: "High-Quality Products", items: [
|
||||
"Professional-grade cleaning solutions", "Safe for all vehicle types", "Superior effectiveness"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "service", label: "Quick", title: "Fast & Friendly Service", items: [
|
||||
"Efficient appointments", "Welcoming team", "Personalized attention"
|
||||
id: "attention", label: "Detail", title: "Attention to Detail", items: [
|
||||
"Meticulous care on every vehicle", "No detail overlooked", "Perfect finish guaranteed"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "quality", label: "Premium", title: "High-Quality Products", items: [
|
||||
"Professional grade products", "Best grooming solutions", "Top-tier materials"
|
||||
id: "service", label: "Reliable", title: "Fast & Reliable Service", items: [
|
||||
"Quick turnaround times", "Dependable scheduling", "Professional team"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -128,23 +129,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Best haircut I've had in years. The barbers are skilled, attentive, and truly care about their craft. Great service in a clean, modern shop. Highly recommend!"
|
||||
testimonial="My car looks brand new again after Shine Auto Detailing's service. The team is professional, thorough, and truly cares about making vehicles look their absolute best. I highly recommend them!"
|
||||
rating={5}
|
||||
author="Happy Customer"
|
||||
author="Satisfied Customer"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-3110.jpg", alt: "Customer testimonial 1"
|
||||
src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80", alt: "Customer testimonial 1"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", alt: "Customer testimonial 2"
|
||||
src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", alt: "Customer testimonial 2"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", alt: "Customer testimonial 3"
|
||||
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80", alt: "Customer testimonial 3"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg", alt: "Customer testimonial 4"
|
||||
src: "https://images.unsplash.com/photo-1507591413556-6812c9801517?w=150&q=80", alt: "Customer testimonial 4"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
@@ -153,23 +154,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Book Your Appointment"
|
||||
ctaDescription="Call us to schedule your next visit and experience the Elite Barbershop difference."
|
||||
ctaTitle="Get Your Free Quote"
|
||||
ctaDescription="Contact Shine Auto Detailing today to book your appointment and experience professional car detailing."
|
||||
ctaButton={{
|
||||
text: "Call Now", href: "tel:(555)123-4567"
|
||||
text: "Call Now", href: "tel:(555)987-6543"
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are your hours?", content: "Monday – Friday: 9 AM – 7 PM<br/>Saturday: 9 AM – 6 PM<br/>Sunday: Closed"
|
||||
id: "1", title: "What are your hours of operation?", content: "Monday–Friday: 9 AM – 6 PM<br/>Saturday: 9 AM – 5 PM<br/>Sunday: Closed"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Where are you located?", content: "Elite Barbershop is located in Houston, Texas. We're easily accessible and offer ample parking for your convenience."
|
||||
id: "2", title: "Where are you located?", content: "Shine Auto Detailing is located in Houston, Texas. We have convenient parking and are easily accessible for all your vehicle detailing needs."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Do you take walk-ins?", content: "Yes, we welcome walk-ins! However, we recommend calling ahead during peak hours to minimize wait times."
|
||||
id: "3", title: "Do you offer mobile detailing?", content: "We primarily operate at our Houston location, but contact us to discuss your specific needs. We may be able to accommodate special requests."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and digital payments for your convenience."
|
||||
@@ -180,7 +181,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Elite Barbershop"
|
||||
logoText="Shine Auto Detailing"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
@@ -192,15 +193,15 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Book Appointment", href: "#contact" },
|
||||
{ label: "Get Quote", href: "#contact" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Phone", href: "tel:(555)123-4567" },
|
||||
{ label: "Location", href: "#" },
|
||||
{ label: "Hours", href: "#contact" }
|
||||
{ label: "Phone: (555) 987-6543", href: "tel:(555)987-6543" },
|
||||
{ label: "Email: shineauto@email.com", href: "mailto:shineauto@email.com" },
|
||||
{ label: "Houston, Texas", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user