Compare commits
25 Commits
version_1
...
version_12
| Author | SHA1 | Date | |
|---|---|---|---|
| 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={{
|
||||
|
||||
196
src/app/page.tsx
196
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,11 @@ 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" },
|
||||
{ name: "Ownership", id: "faq" }
|
||||
]}
|
||||
brandName="Diamond Nails Spa"
|
||||
/>
|
||||
@@ -56,35 +49,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 +59,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 +71,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 +86,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 +100,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 +113,9 @@ 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}.` },
|
||||
{ id: "f3", title: "How do I transfer ownership?", content: "To transfer ownership of your website, please navigate to your admin dashboard and select the 'Settings' tab. From there, click on 'Manage Users' and select 'Transfer Ownership' to initiate the process with the designated team member." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to help."
|
||||
@@ -245,27 +123,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