Merge version_2 into main #3
186
src/app/page.tsx
186
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, CheckCircle, Star, ThumbsUp, Zap } from "lucide-react";
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { CheckCircle, Star, Zap, ThumbsUp, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nails Nearby"
|
||||
/>
|
||||
@@ -50,23 +45,10 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Nails Nearby"
|
||||
description="Experience unparalleled artistry and relaxation at our premier Orem salon. Where luxury meets lasting quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg", imageAlt: "Salon Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/careful-female-messeur-giving-foot-massage-bright-room_176420-55238.jpg", imageAlt: "Artistic Manicure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-slate-with-color-powder-bowls-black-backdrop_23-2147949019.jpg", imageAlt: "Dip Powder Selection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-tattooed-person_23-2149563311.jpg", imageAlt: "Relaxing Atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hand-massage-with-pressure-point-massage_1150-20442.jpg", imageAlt: "Detail Nail Art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/testing-new-cream_1098-19860.jpg", imageAlt: "Expert Technician"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg", imageAlt: "Salon Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/careful-female-messeur-giving-foot-massage-bright-room_176420-55238.jpg", imageAlt: "Artistic Manicure" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,12 +57,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Experience True "},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg", alt: "Salon Work"},
|
||||
{
|
||||
type: "text", content: " Personal Care"},
|
||||
{ type: "text", content: "Experience True " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg", alt: "Salon Work" },
|
||||
{ type: "text", content: " Personal Care" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,30 +70,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "manicure", badge: "Essentials", price: "$30+", subtitle: "Includes filing and shaping.", features: [
|
||||
"Gel Polish", "Cuticle Care", "Hand Massage"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pedicure", badge: "Premium", price: "$50+", subtitle: "Revitalize your feet.", features: [
|
||||
"Exfoliation", "Foot Massage", "Nail Painting"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "acrylic", badge: "Artistic", price: "$65+", subtitle: "Durable and beautiful.", features: [
|
||||
"Full Set", "Artistic Design", "Polish Change"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ id: "manicure", badge: "Essentials", price: "$30+", subtitle: "Includes filing and shaping.", features: ["Gel Polish", "Cuticle Care", "Hand Massage"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "pedicure", badge: "Premium", price: "$50+", subtitle: "Revitalize your feet.", features: ["Exfoliation", "Foot Massage", "Nail Painting"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="A comprehensive range of treatments delivered with precision and care."
|
||||
@@ -127,23 +84,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Artistry", description: "Highly trained technicians dedicated to perfection.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg", imageAlt: "elegant nail salon interior warm lighting"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Over 90+ 5-star reviews"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Chip-resistant quality"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Personalized service"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{ title: "Expert Artistry", description: "Highly trained technicians dedicated to perfection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg", imageAlt: "Salon interior" }, items: [{ icon: Star, text: "Over 90+ 5-star reviews" }, { icon: CheckCircle, text: "Chip-resistant quality" }, { icon: Zap, text: "Personalized service" }], reverse: false },
|
||||
]}
|
||||
title="Why Clients Love Us"
|
||||
description="Excellence in service and comfort."
|
||||
@@ -151,21 +92,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardOne
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "92", title: "Reviews", description: "Happy clients served", icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "5.0", title: "Rating", description: "Average satisfaction", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "10+", title: "Years", description: "Of professional service", icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "92", description: "Happy clients served" },
|
||||
{ id: "m2", value: "5.0", description: "Average satisfaction" },
|
||||
{ id: "m3", value: "10+", description: "Years of professional service" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers behind our commitment to excellence."
|
||||
@@ -173,73 +108,42 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Years of Excellence", quote: "Just love this place been going for years.. excellent service", name: "Anonymous Client", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg"},
|
||||
{
|
||||
id: "t2", title: "Lasting Quality", quote: "The quality of their work lasts forever without chipping or breaking.", name: "Satisfied Patron", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-holding-coffee-cup-pointing-with-finger-it-smiling-standing-white-wall_141793-29330.jpg"},
|
||||
{
|
||||
id: "t3", title: "Relaxing", quote: "The whole experience felt so personal and relaxing.", name: "Relaxed Guest", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girl-summer-park_1157-21435.jpg"},
|
||||
{
|
||||
id: "t4", title: "Consistent", quote: "My favorite nail salon in town, always friendly.", name: "Happy Customer", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg"},
|
||||
{
|
||||
id: "t5", title: "Wonderful", quote: "Excellent attention to detail every single time.", name: "Loyal Guest", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-smiling-white-t-shirt-happy-positive-mood-isolated-sincere-smile-long-hair_285396-771.jpg"},
|
||||
]}
|
||||
<TestimonialCardSixteen
|
||||
title="Client Stories"
|
||||
description="Hear what our regulars say about us."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
kpiItems={[
|
||||
{ value: "92", label: "Happy Clients" },
|
||||
{ value: "5.0", label: "Star Rating" },
|
||||
{ value: "10+", label: "Years Active" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Anonymous Client", role: "Loyal Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-house_344912-1165.jpg" },
|
||||
{ id: "t2", name: "Satisfied Patron", role: "Regular", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-holding-coffee-cup-pointing-with-finger-it-smiling-standing-white-wall_141793-29330.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us Today"
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
title="Ready for your next treatment?"
|
||||
description="327 E 1200 S #8, Orem, UT 84058. Book an appointment and walk into relaxation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Book", href: "tel:5550102"},
|
||||
]}
|
||||
description="Book an appointment and walk into relaxation. We are located in Orem, UT."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="Nails Nearby"
|
||||
leftLink={{ text: "Contact Us", href: "#contact" }}
|
||||
rightLink={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user