Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
157
src/app/page.tsx
157
src/app/page.tsx
@@ -2,19 +2,17 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Star, ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
|
||||
|
||||
export default function HvacPage() {
|
||||
export default function GenerationNailPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -30,170 +28,99 @@ export default function HvacPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Generation Nail"
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Generation Nail"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
animateOnLoad={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
<HeroSplitDualMedia
|
||||
title="Precision Crafting, Superior Finish"
|
||||
description="Specialized nail care and aesthetic precision for individuals who demand perfection. From advanced structural integrity to high-fashion design, we redefine your standards."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg", alt: "Professional Technician" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg", alt: "Professional Technician" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Professional Technician" },
|
||||
tag="Generation Nail"
|
||||
rating={5}
|
||||
ratingText="Rated 5.0 by 5,000+ fashion icons"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109544.jpg", imageAlt: "Nail artistry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-frame-woman-s-hands-with-orange-manicure-white-sweater-pink-wall_343596-5400.jpg", imageAlt: "Finished manicure" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ fashion icons"
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
|
||||
imageAlt="High-end nail studio environment"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Legacy"
|
||||
<AboutMetric
|
||||
title="Mastery in Nail Artistry"
|
||||
description="Generation Nail blends artisan technique with cutting-edge materials. With over a decade of dedication to cosmetic precision, we guarantee results that are as durable as they are stunning."
|
||||
metrics={[
|
||||
{ value: "15,000+", title: "Custom manicures delivered" },
|
||||
{ value: "99%", title: "Client aesthetic perfection rate" },
|
||||
{ icon: ShieldCheck, label: "Custom Manicures", value: "15,000+" },
|
||||
{ icon: Star, label: "Aesthetic Perfection", value: "99%" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109544.jpg"
|
||||
imageAlt="Nail art design process"
|
||||
mediaBadge={{ text: "Excellence Rated", avatarSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916501.jpg", avatarAlt: "Expert" }}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
title="Exquisite Nail Collections"
|
||||
description="Comprehensive care for long-lasting, elegant results."
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{ title: "Structural Manicures", description: "Advanced techniques for durability and strength.", imageSrc: "http://img.b2bpic.net/free-photo/eyeshadow-finger-close-up-swatch_127675-2603.jpg", imageAlt: "Structural Manicure" },
|
||||
{ title: "High-Fashion Nail Art", description: "Trend-setting designs customized for every event.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-manicure-holding-purple-flower_23-2149311597.jpg", imageAlt: "Nail Art Design" },
|
||||
{ title: "Gel Enhancement", description: "Long-lasting shine with premium, safe products.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-working-with-her-nails-green-surface_140725-64191.jpg", imageAlt: "Gel Application" },
|
||||
{ title: "Restorative Care", description: "Nail health treatments to nourish and repair.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974569.jpg", imageAlt: "Repair Care" },
|
||||
{ title: "Luxury Pedicures", description: "Full-service indulgence for lasting comfort.", imageSrc: "http://img.b2bpic.net/free-photo/soothing-foot-massage-with-oil-minimalist-spa-reflexology-relax_169016-69711.jpg", imageAlt: "Pedicure Service" },
|
||||
{ title: "Custom Design Consultation", description: "Personalized styling with our master technicians.", imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg", imageAlt: "Design Session" },
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
uniformGridCustomHeightClasses="aspect-square"
|
||||
gridClassName="md:!grid-cols-3"
|
||||
animationType="slide-up"
|
||||
<FeatureCardSixteen
|
||||
title="The Generation Difference"
|
||||
description="Comparing industry standards with our elevated service quality."
|
||||
negativeCard={{ items: ["Basic sterilization", "Generic salon designs", "Mass-produced quality"] }}
|
||||
positiveCard={{ items: ["Hospital-grade sterilization", "Bespoke fashion-forward designs", "Artisan-level craftsmanship"] }}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FeatureBorderGlow
|
||||
title="The Generation Difference"
|
||||
description="Why we are the industry standard"
|
||||
features={[
|
||||
{ icon: ShieldCheck, title: "Sanitized Standards", description: "Hospital-grade cleanliness and sterilization protocols for your safety." },
|
||||
{ icon: Wrench, title: "Expert Technicians", description: "Master artists certified in advanced aesthetic application." },
|
||||
{ icon: DollarSign, title: "Transparent Value", description: "Premium results with clear, upfront pricing every time." },
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<FeatureCardEight
|
||||
title="Our Signature Experience"
|
||||
description="A professional path to perfection"
|
||||
features={[
|
||||
{ title: "Booking Selection", description: "Select your service and favorite technician online.", imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133696.jpg", imageAlt: "Booking" },
|
||||
{ title: "Consultation", description: "Discuss your aesthetic goals with our experts.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-newspaper-office_23-2147768582.jpg", imageAlt: "Consultation" },
|
||||
{ title: "Precision Application", description: "Experience artisan-level craft and detail.", imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-oil-paint-from-boxing_176420-4576.jpg", imageAlt: "Application" },
|
||||
{ title: "Finished Perfection", description: "Enjoy results guaranteed to impress.", imageSrc: "http://img.b2bpic.net/free-photo/close-frame-woman-s-hands-with-orange-manicure-white-sweater-pink-wall_343596-5400.jpg", imageAlt: "Finished Look" },
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
<TestimonialCardTen
|
||||
title="Client Stories"
|
||||
description="Experience the standard that keeps our clients returning."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "Fashion Designer", testimonial: "The precision and care at Generation Nail is unmatched. My nails stay beautiful for weeks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "Sarah J." },
|
||||
{ id: "2", name: "Elena T.", handle: "Entrepreneur", testimonial: "Professional, elegant, and timely. Best studio in town by far.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", imageAlt: "Elena T." },
|
||||
{ id: "3", name: "Marcus B.", handle: "Model", testimonial: "The attention to detail on their custom designs is incredible. Pure artistry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7036.jpg", imageAlt: "Marcus B." },
|
||||
{ id: "1", title: "Exceptional Service", quote: "The precision and care at Generation Nail is unmatched.", name: "Sarah J.", role: "Fashion Designer" },
|
||||
{ id: "2", title: "Professional Studio", quote: "Professional, elegant, and timely. Best studio in town by far.", name: "Elena T.", role: "Entrepreneur" },
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
buttons={[{ text: "Contact Studio", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your next appointment."
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I book?", content: "Easily via our website or a quick call to our studio staff." },
|
||||
{ id: "2", title: "Do you offer repairs?", content: "Yes, we provide complimentary touch-ups within 48 hours of your service." },
|
||||
{ id: "3", title: "What materials are used?", content: "We source exclusively high-end, toxin-free, durable nail products." },
|
||||
{ id: "4", title: "Do you do custom art?", content: "Absolutely, our artists specialize in bespoke, hand-painted designs." },
|
||||
{ id: "5", title: "How long is a visit?", content: "Most standard services are completed within 60-90 minutes of precision care." },
|
||||
{ id: "2", title: "What materials are used?", content: "We source exclusively high-end, toxin-free, durable nail products." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactCenter
|
||||
tag="Get in Touch"
|
||||
tagIcon={Phone}
|
||||
title="Ready for Your Next Look?"
|
||||
description="Schedule your session today and discover what makes us the best in the industry."
|
||||
buttons={[
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Call (555) 789-0123", href: "tel:5557890123" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
<FooterLogoReveal
|
||||
logoText="Generation Nail"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-flowers-mirror_23-2148879007.jpg"
|
||||
imageAlt="Studio detail"
|
||||
columns={[
|
||||
{ title: "Studio", items: [{ label: "Services", href: "#services" }, { label: "Artistry", href: "#services" }, { label: "Gallery", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Connect", items: [{ label: "(555) 789-0123", href: "tel:5557890123" }, { label: "studio@gennail.com", href: "mailto:studio@gennail.com" }] },
|
||||
]}
|
||||
copyrightText="© 2026 | Generation Nail"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user