Merge version_2 into main #1
100
src/app/page.tsx
100
src/app/page.tsx
@@ -9,7 +9,7 @@ import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Award, Phone, Scissors, Sparkles, Users } from 'lucide-react';
|
||||
import { Home, MapPin, DollarSign, Sparkles, Users } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,63 +27,63 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Rays Barber Salon"
|
||||
brandName="Marieme's Estate"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Properties", id: "properties" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
button={{ text: "View Listings", href: "#properties" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Premium Barbering at Its Finest"
|
||||
description="Experience the art of traditional barbering combined with modern style. Rays Barber Salon delivers precision cuts, expert shaves, and personalized grooming for the discerning gentleman."
|
||||
tag="Established Excellence"
|
||||
tagIcon={Scissors}
|
||||
title="Discover Your Dream Property"
|
||||
description="Welcome to Marieme's Estate, where luxury meets opportunity. We specialize in premium real estate properties offering exceptional value and unparalleled locations. Find your perfect home today."
|
||||
tag="Premium Real Estate"
|
||||
tagIcon={Home}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Book Your Appointment", href: "#contact" },
|
||||
{ text: "Learn More", href: "#services" }
|
||||
{ text: "Browse Properties", href: "#properties" },
|
||||
{ text: "Schedule Tour", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "animated-grid" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "Professional barber providing expert haircut service"
|
||||
imageSrc: "https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800&h=600&fit=crop", imageAlt: "Luxury modern house exterior with contemporary design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg", imageAlt: "Modern barbershop welcoming interior atmosphere"
|
||||
imageSrc: "https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=800&h=600&fit=crop", imageAlt: "Beautiful modern living room in upscale residential property"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 500+ satisfied clients"
|
||||
ratingText="Trusted by 1000+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="About Rays"
|
||||
tagIcon={Award}
|
||||
tag="About Marieme's Estate"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Crafted Grooming Since 2015"
|
||||
buttons={[{ text: "Discover Our Services", href: "#services" }]}
|
||||
title="Your Trusted Real Estate Partner Since 2010"
|
||||
buttons={[{ text: "Explore Our Listings", href: "#properties" }]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<div id="properties" data-section="properties">
|
||||
<FeatureCardSeven
|
||||
title="Our Premium Services"
|
||||
description="From classic cuts to full grooming experiences, we offer a complete range of barbering services tailored to your style and preferences."
|
||||
tag="Services"
|
||||
tagIcon={Sparkles}
|
||||
title="Featured Properties"
|
||||
description="Explore our carefully curated selection of exceptional properties featuring modern amenities, prime locations, and outstanding value."
|
||||
tag="Properties"
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -91,15 +91,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Classic Haircut", description: "Precision cuts using traditional techniques combined with modern styling to achieve your perfect look.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg", imageAlt: "Professional barber cutting men's hair with precision", buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
title: "Luxury Penthouse", description: "Stunning high-rise penthouse with panoramic city views, state-of-the-art amenities, and exclusive rooftop terrace.", imageSrc: "https://images.unsplash.com/photo-1512917774080-9b274b3f592b?w=800&h=600&fit=crop", imageAlt: "Luxurious penthouse apartment with floor-to-ceiling windows", buttons: [{ text: "View Details", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Hot Towel Shave", description: "A luxurious grooming experience featuring hot towels, premium shaving cream, and expert straight razor technique.", imageSrc: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121836.jpg", imageAlt: "Barber providing traditional hot towel shave service", buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
title: "Suburban Family Home", description: "Spacious 4-bedroom family home with beautiful landscaping, modern kitchen, and perfect for growing families.", imageSrc: "https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=800&h=600&fit=crop", imageAlt: "Modern suburban residential home with manicured lawn", buttons: [{ text: "View Details", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Beard Grooming", description: "Professional beard trimming, styling, and maintenance with premium beard oils and conditioning products.", imageSrc: "http://img.b2bpic.net/free-photo/barber-washing-head-elderly-client_23-2148181997.jpg", imageAlt: "Expert barber trimming and styling client's beard", buttons: [{ text: "Book Now", href: "#contact" }]
|
||||
title: "Waterfront Villa", description: "Exquisite waterfront villa with private beach access, infinity pool, and breathtaking ocean views.", imageSrc: "https://images.unsplash.com/photo-1570129477492-45a003537e1f?w=800&h=600&fit=crop", imageAlt: "Stunning waterfront villa with infinity pool overlooking the sea", buttons: [{ text: "View Details", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -107,8 +107,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
title="Meet Our Expert Barbers"
|
||||
description="Our talented team of master barbers brings decades of combined experience and passion for the craft."
|
||||
title="Meet Our Expert Team"
|
||||
description="Our experienced real estate professionals are dedicated to helping you find the perfect property and navigate every step of the process."
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
@@ -118,13 +118,13 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Ray Martinez", role: "Master Barber & Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-dressed-t-shirt-posing-with-crossed-arms-isolated-dark-textured-background_613910-6440.jpg", imageAlt: "Ray Martinez, master barber and founder"
|
||||
id: "1", name: "Marieme Sow", role: "Founder & CEO", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Marieme Sow, founder and CEO of Marieme's Estate"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Chen", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-brushes-beard-trimmer-smiling-standing-orange-wall_141793-61360.jpg", imageAlt: "James Chen, senior barber with 15 years experience"
|
||||
id: "2", name: "Sarah Johnson", role: "Senior Agent", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Sarah Johnson, senior real estate agent"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Johnson", role: "Certified Barber", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-handsome-confident-young-bearded-european-man-having-sly-smile-crossing-arms-his-chest-standing-wall-with-copyspace-your-promotional-content_343059-1693.jpg", imageAlt: "Marcus Johnson, certified professional barber"
|
||||
id: "3", name: "Michael Chen", role: "Property Specialist", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", imageAlt: "Michael Chen, property specialist"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -132,14 +132,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Ray and his team provided me with the best haircut I've had in years. The attention to detail and professional service kept me coming back. Highly recommend!"
|
||||
testimonial="Marieme's team was exceptional! They helped us find our dream home and made the entire process smooth and enjoyable. Highly recommended for anyone looking to buy or sell property."
|
||||
rating={5}
|
||||
author="David Wilson"
|
||||
author="James Anderson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-manager-suit-looking-camera-meeting_1163-4799.jpg", alt: "David Wilson satisfied customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-man-holding-cellphone-diary-looking-camera_23-2148187180.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-man-showing-ok-sign_23-2148479576.jpg", alt: "Satisfied client testimonial" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", alt: "Client review photo" }
|
||||
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "James Anderson satisfied client" },
|
||||
{ src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop", alt: "Happy property buyer" },
|
||||
{ src: "https://images.unsplash.com/photo-1507009996859-a5b0d9cbbf46?w=100&h=100&fit=crop", alt: "Satisfied client testimonial" },
|
||||
{ src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop", alt: "Client review photo" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -150,13 +150,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get In Touch"
|
||||
tagIcon={Phone}
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
title="Ready for Your Next Appointment?"
|
||||
description="Book your grooming experience with Rays Barber Salon today. We're located downtown with easy parking and a welcoming atmosphere."
|
||||
title="Ready to Find Your Perfect Property?"
|
||||
description="Contact Marieme's Estate today to schedule a consultation. Our team is ready to help you navigate the real estate market and find the property of your dreams."
|
||||
buttons={[
|
||||
{ text: "Schedule Appointment", href: "tel:555-0123" },
|
||||
{ text: "Send Message", href: "mailto:hello@raysbarber.com" }
|
||||
{ text: "Schedule Consultation", href: "tel:+1-555-0123" },
|
||||
{ text: "Send Inquiry", href: "mailto:hello@mariemseestate.com" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "animated-grid" }}
|
||||
@@ -168,11 +168,11 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "#services" },
|
||||
{ label: "Shaves", href: "#services" },
|
||||
{ label: "Beard Grooming", href: "#services" },
|
||||
{ label: "Styling", href: "#services" }
|
||||
title: "Properties", items: [
|
||||
{ label: "Penthouses", href: "#properties" },
|
||||
{ label: "Houses", href: "#properties" },
|
||||
{ label: "Villas", href: "#properties" },
|
||||
{ label: "Apartments", href: "#properties" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -187,12 +187,12 @@ export default function LandingPage() {
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Phone", href: "tel:555-0123" },
|
||||
{ label: "Email", href: "mailto:hello@raysbarber.com" }
|
||||
{ label: "Phone", href: "tel:+1-555-0123" },
|
||||
{ label: "Email", href: "mailto:hello@mariemseestate.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Rays Barber Salon. All rights reserved."
|
||||
copyrightText="© 2024 Marieme's Estate. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user