|
|
|
|
@@ -2,7 +2,7 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
|
import { useState } from "react";
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
@@ -13,6 +13,12 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
|
|
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const salonPhone = "(323) 969-8760";
|
|
|
|
|
const [lang, setLang] = useState("EN");
|
|
|
|
|
const handleBookClick = () => {
|
|
|
|
|
alert(`Please call our salon at ${salonPhone} to book your appointment!`);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="elastic-effect"
|
|
|
|
|
@@ -34,10 +40,14 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Nail Services", id: "features" },
|
|
|
|
|
{ name: "Tanning", id: "features" },
|
|
|
|
|
{ name: "Reviews", id: "testimonials" },
|
|
|
|
|
{ name: "Call Now: (323) 969-8760", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Diamond Nails Spa"
|
|
|
|
|
/>
|
|
|
|
|
<div className="flex justify-center gap-2 p-2 bg-card text-foreground">
|
|
|
|
|
<button onClick={() => setLang("EN")}>EN</button>
|
|
|
|
|
<button onClick={() => setLang("RU")}>RU</button>
|
|
|
|
|
<button onClick={() => setLang("ES")}>ES</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
@@ -45,7 +55,7 @@ export default function LandingPage() {
|
|
|
|
|
title="Diamond Nails Spa & Tanning"
|
|
|
|
|
description="Professional nail care, tanning, and beauty services in the heart of Hollywood. Experience relaxation and refined style."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Appointment", href: "#contact" },
|
|
|
|
|
{ text: "Call to Book Appointment", onClick: handleBookClick },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/compact-powder-nail-polish-bottle-sponges-table_23-2148031368.jpg"
|
|
|
|
|
/>
|
|
|
|
|
@@ -83,7 +93,7 @@ export default function LandingPage() {
|
|
|
|
|
tag="Excellence"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "228+", description: "Verified Client Reviews" },
|
|
|
|
|
{ id: "m2", value: "3.5", description: "Star Rating" },
|
|
|
|
|
{ id: "m2", value: "4.2", description: "Star Rating" },
|
|
|
|
|
{ id: "m3", value: "10+", description: "Years of Excellence" },
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
@@ -110,7 +120,7 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "f1", title: "What are your hours?", content: "Mon-Fri 10am-7:30pm, Sat 9:30am-6:30pm." },
|
|
|
|
|
{ id: "f2", title: "Do you accept walk-ins?", content: "We recommend appointments, but call us at (323) 969-8760." },
|
|
|
|
|
{ id: "f2", title: "Do you accept walk-ins?", content: `Walk-ins are welcome but we recommend appointments and call us at ${salonPhone}.` },
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Have questions? We're here to help."
|
|
|
|
|
@@ -118,21 +128,11 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Book Now"
|
|
|
|
|
title="Call Us Directly"
|
|
|
|
|
description="Ready for a refreshed look? Our team is available to schedule your appointment at (323) 969-8760."
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="Diamond Nails Spa"
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "7095 Hollywood Blvd, Los Angeles, CA" }, { label: "(323) 969-8760" }] },
|
|
|
|
|
{ items: [{ label: "7095 Hollywood Blvd, Los Angeles, CA" }, { label: salonPhone }] },
|
|
|
|
|
{ items: [{ label: "Mon-Fri: 10am-7:30pm" }, { label: "Sat: 9:30am-6:30pm" }] },
|
|
|
|
|
{ items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
|
|
|
|
|
]}
|
|
|
|
|
|
