Compare commits
27 Commits
version_1
...
version_13
| Author | SHA1 | Date | |
|---|---|---|---|
| c4f20ae649 | |||
| 4a71dad8a1 | |||
| 8b61285386 | |||
| 4d757b56bf | |||
| be722b4614 | |||
| d032ad8712 | |||
| 390ef68ab7 | |||
| f9a79924a8 | |||
| 83f3995793 | |||
| 81ab8e6a47 | |||
| 952b8b14ea | |||
| 8cb3017f55 | |||
| d4512e96ce | |||
| be34609dec | |||
| 4aa26b84eb | |||
| 1b527019bf | |||
| b2f50ed17a | |||
| 1afcdb3168 | |||
| 61124bbfd1 | |||
| 56fe04bbb1 | |||
| 7bb7cbf02b | |||
| 29a946dfa4 | |||
| fd4b24a1c4 | |||
| e08786d9f3 | |||
| b876fbf2e8 | |||
| ea19ccc20d | |||
| 1779f26bc4 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
|
||||
@@ -35,7 +34,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${publicSans.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
194
src/app/page.tsx
194
src/app/page.tsx
@@ -2,10 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
@@ -13,6 +12,11 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
const salonPhone = "(323) 969-8760";
|
||||
const handleBookClick = () => {
|
||||
alert(`Please call our salon at ${salonPhone} to book your appointment!`);
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -30,22 +34,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Nail Services", id: "features" },
|
||||
{ name: "Tanning", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
]}
|
||||
brandName="Diamond Nails Spa"
|
||||
/>
|
||||
@@ -56,35 +48,9 @@ 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"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974568.jpg",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manicure-ultraviolet-lamp-salon_23-2148697061.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121822.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-nail-polish-bottle_23-2148879280.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,15 +58,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Our Spa",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg",
|
||||
alt: "Spa interior",
|
||||
},
|
||||
{ type: "text", content: "Welcome to Our Spa" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg", alt: "Spa interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,34 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Care",
|
||||
title: "Nail Services",
|
||||
items: [
|
||||
"Manicure",
|
||||
"Pedicure",
|
||||
"Nail Art",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Glow",
|
||||
title: "Tanning",
|
||||
items: [
|
||||
"UV Tanning",
|
||||
"Custom Glow",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Beauty",
|
||||
title: "Wellness",
|
||||
items: [
|
||||
"Professional Consultations",
|
||||
"Premium Products",
|
||||
],
|
||||
},
|
||||
{ id: "1", label: "Care", title: "Nail Services", items: ["Manicure", "Pedicure", "Nail Art"] },
|
||||
{ id: "2", label: "Glow", title: "Tanning", items: ["UV Tanning", "Custom Glow"] },
|
||||
{ id: "3", label: "Beauty", title: "Wellness", items: ["Consultations", "Premium Products"] },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive beauty and nail care solutions."
|
||||
@@ -151,21 +85,9 @@ export default function LandingPage() {
|
||||
title="Trusted by Hollywood"
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "228+",
|
||||
description: "Verified Client Reviews",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3.5",
|
||||
description: "Star Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{ id: "m1", value: "228+", description: "Verified Client Reviews" },
|
||||
{ id: "m2", value: "4.2", description: "Star Rating" },
|
||||
{ id: "m3", value: "10+", description: "Years of Excellence" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -177,41 +99,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client One",
|
||||
role: "Regular",
|
||||
testimonial: "Excellent service and very relaxing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care-lady_140725-65117.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client Two",
|
||||
role: "Visitor",
|
||||
testimonial: "The best manicure in Hollywood.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285918.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client Three",
|
||||
role: "Local",
|
||||
testimonial: "Very professional and clean space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Four",
|
||||
role: "Regular",
|
||||
testimonial: "Great tanning results every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285899.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client Five",
|
||||
role: "Guest",
|
||||
testimonial: "Highly recommended spa services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{ id: "1", name: "Client One", role: "Regular", testimonial: "Excellent service and very relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-getting-her-nails-fixed-by-manicurist-inside-room-beauty-manicure-nail-hand-self-care-lady_140725-65117.jpg" },
|
||||
{ id: "2", name: "Client Two", role: "Visitor", testimonial: "The best manicure in Hollywood.", imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285918.jpg" },
|
||||
]}
|
||||
title="Client Experiences"
|
||||
description="See why locals love our spa."
|
||||
@@ -223,21 +112,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "7095 Hollywood Blvd, Unit 205, Los Angeles.",
|
||||
},
|
||||
{ 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: `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."
|
||||
@@ -245,27 +121,17 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Visit Us Today"
|
||||
description="7095 Hollywood Blvd, Unit 205, Los Angeles, CA 90028. Call us at (323) 969-8760."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="Diamond Nails Spa"
|
||||
copyrightText="© 2025 Diamond Nails Spa & Tanning"
|
||||
columns={[
|
||||
{ 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" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user