Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -11,6 +11,12 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
const copyToClipboard = (text: string) => {
|
||||
navigator.clipboard.writeText(text).then(() => {
|
||||
alert("Number copied to clipboard!");
|
||||
});
|
||||
};
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -30,17 +36,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Theresa & Co"
|
||||
/>
|
||||
@@ -49,51 +49,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Theresa & Co Hair Salon"
|
||||
description="Trusted Local Hair Salon in Jacksonville with 200+ Happy Clients. Experience a friendly environment, expert stylists, and quality service designed to make you feel your best."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:9045550123",
|
||||
text: "Call Now", onClick: () => copyToClipboard("19047795483"),
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1",
|
||||
imageAlt: "Salon Interior",
|
||||
},
|
||||
id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=1", imageAlt: "Salon Interior"},
|
||||
{
|
||||
id: "slide2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg?_wi=1",
|
||||
imageAlt: "Stylist Working",
|
||||
},
|
||||
id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg?_wi=1", imageAlt: "Stylist Working"},
|
||||
{
|
||||
id: "slide3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102217.jpg?_wi=1",
|
||||
imageAlt: "Styling Tools",
|
||||
},
|
||||
id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102217.jpg?_wi=1", imageAlt: "Styling Tools"},
|
||||
{
|
||||
id: "slide4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couch-area_1203-753.jpg?_wi=1",
|
||||
imageAlt: "Washing Station",
|
||||
},
|
||||
id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/couch-area_1203-753.jpg?_wi=1", imageAlt: "Washing Station"},
|
||||
{
|
||||
id: "slide5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg",
|
||||
imageAlt: "Staff Member",
|
||||
},
|
||||
id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-with-smile-face-standing-light-wall_141793-56019.jpg", imageAlt: "Staff Member"},
|
||||
{
|
||||
id: "slide6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462503.jpg",
|
||||
imageAlt: "Hair Result",
|
||||
},
|
||||
id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462503.jpg", imageAlt: "Hair Result"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,45 +83,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "The friendliest staff in Jacksonville! I always leave happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
|
||||
imageAlt: "Alpine hotel hosting winter sports",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "The friendliest staff in Jacksonville! I always leave happy.", imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg", imageAlt: "Alpine hotel hosting winter sports"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Jenkins",
|
||||
handle: "@davej",
|
||||
testimonial: "Comfortable environment and excellent service. My go-to salon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2",
|
||||
imageAlt: "Alpine hotel hosting winter sports",
|
||||
},
|
||||
id: "t2", name: "David Jenkins", handle: "@davej", testimonial: "Comfortable environment and excellent service. My go-to salon.", imageSrc: "http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg?_wi=2", imageAlt: "Alpine hotel hosting winter sports"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
handle: "@emwat",
|
||||
testimonial: "Consistently great results. I recommend Theresa & Co to everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg?_wi=2",
|
||||
imageAlt: "Alpine hotel hosting winter sports",
|
||||
},
|
||||
id: "t3", name: "Emily Watson", handle: "@emwat", testimonial: "Consistently great results. I recommend Theresa & Co to everyone.", imageSrc: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg?_wi=2", imageAlt: "Alpine hotel hosting winter sports"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda Gomez",
|
||||
handle: "@lindag",
|
||||
testimonial: "So patient with my kids. Family-friendly and highly experienced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102217.jpg?_wi=2",
|
||||
imageAlt: "Alpine hotel hosting winter sports",
|
||||
},
|
||||
id: "t4", name: "Linda Gomez", handle: "@lindag", testimonial: "So patient with my kids. Family-friendly and highly experienced.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-razor-blade_23-2151102217.jpg?_wi=2", imageAlt: "Alpine hotel hosting winter sports"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Megan Smith",
|
||||
handle: "@megans",
|
||||
testimonial: "Best color treatment I have ever had. Professional and kind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couch-area_1203-753.jpg?_wi=2",
|
||||
imageAlt: "Alpine hotel hosting winter sports",
|
||||
},
|
||||
id: "t5", name: "Megan Smith", handle: "@megans", testimonial: "Best color treatment I have ever had. Professional and kind.", imageSrc: "http://img.b2bpic.net/free-photo/couch-area_1203-753.jpg?_wi=2", imageAlt: "Alpine hotel hosting winter sports"},
|
||||
]}
|
||||
title="Why Our Clients Love Us"
|
||||
description="Rated 4.6 Stars by over 200 satisfied Jacksonville clients."
|
||||
@@ -157,50 +105,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Haircuts",
|
||||
price: "From $45",
|
||||
features: [
|
||||
"Precision cutting",
|
||||
"Professional styling",
|
||||
"Friendly consultation",
|
||||
],
|
||||
id: "p1", name: "Haircuts", price: "From $45", features: [
|
||||
"Precision cutting", "Professional styling", "Friendly consultation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:9045550123",
|
||||
text: "Call to Book", onClick: () => copyToClipboard("19047795483"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Coloring",
|
||||
price: "From $85",
|
||||
features: [
|
||||
"Customized color palette",
|
||||
"High-quality products",
|
||||
"Expert application",
|
||||
],
|
||||
id: "p2", name: "Coloring", price: "From $85", features: [
|
||||
"Customized color palette", "High-quality products", "Expert application"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:9045550123",
|
||||
text: "Call to Book", onClick: () => copyToClipboard("19047795483"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Treatments",
|
||||
price: "From $150",
|
||||
features: [
|
||||
"Brazilian Blowout",
|
||||
"Deep conditioning",
|
||||
"Smoothing treatment",
|
||||
],
|
||||
id: "p3", name: "Treatments", price: "From $150", features: [
|
||||
"Brazilian Blowout", "Deep conditioning", "Smoothing treatment"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Call to Book",
|
||||
href: "tel:9045550123",
|
||||
text: "Call to Book", onClick: () => copyToClipboard("19047795483"),
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -216,29 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Experienced Stylists",
|
||||
subtitle: "Talented team",
|
||||
description: "Our stylists are highly trained to provide the look you love.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg",
|
||||
imageAlt: "Expert Stylist",
|
||||
},
|
||||
tag: "Expertise", title: "Experienced Stylists", subtitle: "Talented team", description: "Our stylists are highly trained to provide the look you love.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", imageAlt: "Expert Stylist"},
|
||||
{
|
||||
tag: "Atmosphere",
|
||||
title: "Family-Friendly",
|
||||
subtitle: "All are welcome",
|
||||
description: "We offer a relaxing environment for clients of all ages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
imageAlt: "Salon Environment",
|
||||
},
|
||||
tag: "Atmosphere", title: "Family-Friendly", subtitle: "All are welcome", description: "We offer a relaxing environment for clients of all ages.", imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", imageAlt: "Salon Environment"},
|
||||
{
|
||||
tag: "Satisfaction",
|
||||
title: "Personalized Service",
|
||||
subtitle: "Tailored results",
|
||||
description: "Every treatment is customized to your specific style and needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-party_23-2149272196.jpg",
|
||||
imageAlt: "Client Interaction",
|
||||
},
|
||||
tag: "Satisfaction", title: "Personalized Service", subtitle: "Tailored results", description: "Every treatment is customized to your specific style and needs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-party_23-2149272196.jpg", imageAlt: "Client Interaction"},
|
||||
]}
|
||||
title="Why Choose Theresa & Co"
|
||||
description="We are committed to delivering the best hair care experience in Jacksonville through personalized service and a focus on comfort."
|
||||
@@ -253,41 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Classic Cut",
|
||||
price: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-trans-model-posing_23-2148905626.jpg",
|
||||
},
|
||||
id: "g1", name: "Classic Cut", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-trans-model-posing_23-2148905626.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Balayage",
|
||||
price: "Coloring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg",
|
||||
},
|
||||
id: "g2", name: "Balayage", price: "Coloring", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Modern Bob",
|
||||
price: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg",
|
||||
},
|
||||
id: "g3", name: "Modern Bob", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Layered Style",
|
||||
price: "Treatments",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-blond-haired-wearing-trendy-glasses-casual-clothes-posing-black-background_158595-1783.jpg",
|
||||
},
|
||||
id: "g4", name: "Layered Style", price: "Treatments", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-blond-haired-wearing-trendy-glasses-casual-clothes-posing-black-background_158595-1783.jpg"},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Bold Color",
|
||||
price: "Coloring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-adorable-lovely-woman-black-cap-mustard-jacket-posing-sunlight-yellow-wall_291650-1642.jpg",
|
||||
},
|
||||
id: "g5", name: "Bold Color", price: "Coloring", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-adorable-lovely-woman-black-cap-mustard-jacket-posing-sunlight-yellow-wall_291650-1642.jpg"},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Elegant Blowout",
|
||||
price: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-blogger-holding-shoe-heel-sneakers-thoughtfully-looking-aside-while-recording-new-fashion-video-vlog-camera_574295-5294.jpg",
|
||||
},
|
||||
id: "g6", name: "Elegant Blowout", price: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-blogger-holding-shoe-heel-sneakers-thoughtfully-looking-aside-while-recording-new-fashion-video-vlog-camera_574295-5294.jpg"},
|
||||
]}
|
||||
title="Recent Work"
|
||||
description="Browse our latest hairstyles and coloring transformations."
|
||||
@@ -298,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Appointment"
|
||||
title="Ready for Your Next Look?"
|
||||
description="Book your appointment today and get the style you deserve."
|
||||
@@ -311,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Located in Jacksonville, FL. We are happy to help you via phone or the form below."
|
||||
@@ -324,30 +207,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 9am-7pm",
|
||||
},
|
||||
label: "Mon-Sat: 9am-7pm"},
|
||||
{
|
||||
label: "Sun: Closed",
|
||||
},
|
||||
label: "Sun: Closed"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "123 Hair Lane, Jacksonville, FL",
|
||||
},
|
||||
label: "123 Hair Lane, Jacksonville, FL"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Call Us",
|
||||
items: [
|
||||
title: "Call Us", items: [
|
||||
{
|
||||
label: "904-555-0123",
|
||||
href: "tel:9045550123",
|
||||
label: "904-555-0123", onClick: () => copyToClipboard("19047795483"),
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user