6 Commits

Author SHA1 Message Date
979d9c0094 Switch to version 1: remove src/app/services/page.tsx 2026-03-12 01:12:32 +00:00
0c737f42b4 Switch to version 1: remove src/app/products/page.tsx 2026-03-12 01:12:32 +00:00
966e10b1aa Switch to version 1: remove src/app/pricing/page.tsx 2026-03-12 01:12:31 +00:00
9a7f37a1d7 Switch to version 1: modified src/app/page.tsx 2026-03-12 01:12:31 +00:00
99f8bc10cf Merge version_2 into main
Merge version_2 into main
2026-03-12 01:08:05 +00:00
720ca49d96 Merge version_2 into main
Merge version_2 into main
2026-03-12 01:07:40 +00:00
4 changed files with 19 additions and 519 deletions

View File

@@ -29,11 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "#services" },
{ name: "Gallery", id: "#gallery" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Nails Luxe"
bottomLeftText="Available 7 Days a Week"
@@ -51,10 +51,10 @@ export default function LandingPage() {
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149265993.jpg?_wi=1", imageAlt: "Luxury nail design showcase"
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149265993.jpg", imageAlt: "Luxury nail design showcase"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-girl-red-dress-distance-date-with-wine-candles-talking-camera_140725-164255.jpg?_wi=1", imageAlt: "Beautiful gradient nail art"
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-girl-red-dress-distance-date-with-wine-candles-talking-camera_140725-164255.jpg", imageAlt: "Beautiful gradient nail art"
}
]}
autoplayDelay={4000}
@@ -102,16 +102,16 @@ export default function LandingPage() {
tag="Portfolio"
products={[
{
id: "1", name: "Classic White Elegance", price: "Starting at $35", variant: "Gel • 3 Week Wear", imageSrc: "http://img.b2bpic.net/free-photo/pretty-manicured-womans-hands-knees_343596-715.jpg?_wi=1", imageAlt: "White elegant nail design"
id: "1", name: "Classic White Elegance", price: "Starting at $35", variant: "Gel • 3 Week Wear", imageSrc: "http://img.b2bpic.net/free-photo/pretty-manicured-womans-hands-knees_343596-715.jpg", imageAlt: "White elegant nail design"
},
{
id: "2", name: "Sparkle & Shine", price: "Starting at $45", variant: "Glitter • Festive", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4496.jpg?_wi=1", imageAlt: "Glitter nail art design"
id: "2", name: "Sparkle & Shine", price: "Starting at $45", variant: "Glitter • Festive", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4496.jpg", imageAlt: "Glitter nail art design"
},
{
id: "3", name: "Intricate Artistry", price: "Starting at $55", variant: "Custom • Hand-Painted", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg?_wi=1", imageAlt: "Intricate nail art pattern"
id: "3", name: "Intricate Artistry", price: "Starting at $55", variant: "Custom • Hand-Painted", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg", imageAlt: "Intricate nail art pattern"
},
{
id: "4", name: "Natural Ombre", price: "Starting at $40", variant: "Gradient • Minimalist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262938.jpg?_wi=1", imageAlt: "Natural ombre nail design"
id: "4", name: "Natural Ombre", price: "Starting at $40", variant: "Gradient • Minimalist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262938.jpg", imageAlt: "Natural ombre nail design"
}
]}
gridVariant="uniform-all-items-equal"
@@ -124,23 +124,23 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Our Clients Say"
description="Trusted by clients who experience premium nail care and expert service. Read the reviews from customers who trust us with their nails."
description="Real testimonials from our satisfied customers who love their nails."
tag="Testimonials"
testimonials={[
{
id: "1", name: "Sarah Martinez", role: "Regular Client", company: "Beauty Enthusiast", rating: 5,
id: "1", name: "Sarah Martinez", role: "Beauty Enthusiast", company: "Regular Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "Sarah Martinez"
},
{
id: "2", name: "Jessica Chen", role: "Wedding Client", company: "Special Occasions", rating: 5,
id: "2", name: "Jessica Chen", role: "Bride", company: "Wedding Day", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg", imageAlt: "Jessica Chen"
},
{
id: "3", name: "Amanda Thompson", role: "Corporate Client", company: "Professional Services", rating: 5,
id: "3", name: "Amanda Thompson", role: "Professional", company: "Corporate Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg", imageAlt: "Amanda Thompson"
},
{
id: "4", name: "Nicole Rodriguez", role: "Loyal Customer", company: "Regular Visitor", rating: 5,
id: "4", name: "Nicole Rodriguez", role: "Student", company: "First-Time Visitor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67086.jpg", imageAlt: "Nicole Rodriguez"
}
]}
@@ -193,10 +193,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Schedule Your Visit"
tag="Get in Touch"
tagIcon={Phone}
title="Ready to Book Your Appointment?"
description="Contact us today to schedule your nail appointment at Nails Luxe. We look forward to providing you with exceptional service and pampering you with our premium nail care treatments."
description="Contact us today to schedule your nail appointment. We look forward to pampering you!"
buttons={[
{ text: "Call Us", href: "tel:+1-555-123-4567" },
{ text: "Email Now", href: "mailto:hello@nailsluxe.com" }
@@ -212,7 +212,7 @@ export default function LandingPage() {
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Home", href: "#home" },
{ label: "Services", href: "#services" },
{ label: "Gallery", href: "#gallery" }
]

View File

@@ -1,140 +0,0 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Crown, Phone, Sparkles, Star } from 'lucide-react';
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "#services" },
{ name: "Gallery", id: "#gallery" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "#contact" }
]}
brandName="Nails Luxe"
bottomLeftText="Available 7 Days a Week"
bottomRightText="hello@nailsluxe.com"
/>
</div>
<div id="pricing" data-section="pricing" style={{ paddingTop: "120px" }}>
<PricingCardFive
title="Transparent Pricing for All Services"
description="Choose the perfect package tailored to your nail care needs and budget."
tag="Our Pricing Tiers"
plans={[
{
id: "gel-manicure", tag: "Gel Manicure", tagIcon: Sparkles,
price: "$35", period: "/service", description: "Perfect for maintaining beautiful, long-lasting nails with professional gel polish application.", button: { text: "Book Now", href: "mailto:hello@nailsluxe.com" },
featuresTitle: "What's Included:", features: [
"Premium gel polish selection", "Professional application", "3+ weeks of high-shine wear", "Expert nail shaping", "Base and top coat application"
]
},
{
id: "manicure-pedicure", tag: "Manicure + Pedicure Combo", tagIcon: Star,
price: "$50", period: "/service", description: "Get complete hand and foot care in one luxurious session with our expert technicians.", button: { text: "Book Now", href: "mailto:hello@nailsluxe.com" },
featuresTitle: "What's Included:", features: [
"Gel manicure for hands", "Gel pedicure for feet", "Extended 4-week wear", "Massage therapy included", "Premium luxury products", "Custom color selection"
]
},
{
id: "bridal-luxury", tag: "Luxury Bridal Package", tagIcon: Crown,
price: "$75", period: "/service", description: "Make your special day unforgettable with our premium bridal nail experience.", button: { text: "Book Now", href: "mailto:hello@nailsluxe.com" },
featuresTitle: "What's Included:", features: [
"Custom nail art design", "Premium gel application", "Full hand and foot spa treatment", "Relaxation massage therapy", "Personalized style consultation", "Priority booking and scheduling", "Touch-up coordination"
]
},
{
id: "nail-art", tag: "Custom Nail Art", tagIcon: Sparkles,
price: "$55", period: "/service", description: "Express your creativity with our bespoke hand-painted nail art designs.", button: { text: "Book Now", href: "mailto:hello@nailsluxe.com" },
featuresTitle: "What's Included:", features: [
"Personalized design consultation", "Hand-painted custom artwork", "Premium gel polish base", "Intricate detailing", "3+ week wear guarantee", "Design adjustments"
]
},
{
id: "acrylic-extensions", tag: "Acrylic Extensions", tagIcon: Star,
price: "$45", period: "/service", description: "Achieve gorgeous long nails with our expert acrylic extension application.", button: { text: "Book Now", href: "mailto:hello@nailsluxe.com" },
featuresTitle: "What's Included:", features: [
"Full set acrylic extensions", "Expert shaping and filing", "Polish color of your choice", "Professional finishing", "4+ week wear", "Reinforced tips"
]
},
{
id: "nail-care", tag: "Natural Nail Care", tagIcon: Crown,
price: "$30", period: "/service", description: "Strengthen and beautify your natural nails with our comprehensive care treatment.", button: { text: "Book Now", href: "mailto:hello@nailsluxe.com" },
featuresTitle: "What's Included:", features: [
"Cuticle treatment and care", "Nail health assessment", "Strengthening treatment", "Hydration therapy", "Professional buffing", "Polish application"
]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Special Offers"
tagIcon={Phone}
title="Ready to Book Your Appointment?"
description="Contact us today to schedule your preferred service or ask about our package deals and seasonal promotions."
buttons={[
{ text: "Call Us", href: "tel:+1-555-123-4567" },
{ text: "Email Now", href: "mailto:hello@nailsluxe.com" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Nails Luxe"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/#services" },
{ label: "Gallery", href: "/#gallery" }
]
},
{
items: [
{ label: "Testimonials", href: "/#testimonials" },
{ label: "Pricing", href: "/pricing" },
{ label: "Contact", href: "/#contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "FAQ", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -1,208 +0,0 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Phone, Sparkles } from 'lucide-react';
import { useState, useMemo } from 'react';
interface TireProduct {
id: string;
name: string;
price: string;
variant: string;
imageSrc: string;
imageAlt?: string;
category: string;
brand?: string;
}
const TIRE_CATEGORIES = [
"All", "Summer", "Winter", "All-Season", "Performance", "Off-Road"
];
const TIRE_PRODUCTS: TireProduct[] = [
{
id: "1", name: "Summer Performance Pro", price: "$85", variant: "17 Inch • High Performance", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-close-up_23-2149262938.jpg?_wi=1", imageAlt: "Summer Performance tire", category: "Summer", brand: "Velocity"
},
{
id: "2", name: "Winter Grip Elite", price: "$95", variant: "18 Inch • Winter Rated", imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-tire_23-2149262938.jpg", imageAlt: "Winter tire with grip", category: "Winter", brand: "FrostGuard"
},
{
id: "3", name: "All-Season Comfort Plus", price: "$75", variant: "16 Inch • All-Season", imageSrc: "http://img.b2bpic.net/free-photo/wheel-tire-automotive_23-2149262938.jpg", imageAlt: "All-season tire", category: "All-Season", brand: "RoadMax"
},
{
id: "4", name: "Track Beast Sport", price: "$120", variant: "19 Inch • Racing", imageSrc: "http://img.b2bpic.net/free-photo/sports-car-wheel_23-2149262938.jpg?_wi=1", imageAlt: "Performance racing tire", category: "Performance", brand: "Apex Racing"
},
{
id: "5", name: "Terrain Conqueror X", price: "$110", variant: "20 Inch • Off-Road", imageSrc: "http://img.b2bpic.net/free-photo/jeep-wheel-mud_23-2149262938.jpg", imageAlt: "Off-road terrain tire", category: "Off-Road", brand: "TerraGrip"
},
{
id: "6", name: "Summer Eco Drive", price: "$65", variant: "15 Inch • Fuel Efficient", imageSrc: "http://img.b2bpic.net/free-photo/green-eco-tire_23-2149262938.jpg", imageAlt: "Eco-friendly summer tire", category: "Summer", brand: "EcoWheel"
},
{
id: "7", name: "Winter Guardian Max", price: "$105", variant: "17 Inch • Studded Available", imageSrc: "http://img.b2bpic.net/free-photo/snowy-winter-tire_23-2149262938.jpg", imageAlt: "Winter studded tire", category: "Winter", brand: "FrostGuard"
},
{
id: "8", name: "All-Season Durable Plus", price: "$72", variant: "16 Inch • Extended Life", imageSrc: "http://img.b2bpic.net/free-photo/durable-tire_23-2149262938.jpg", imageAlt: "Extended life tire", category: "All-Season", brand: "RoadMax"
}
];
export default function ProductCatalogPage() {
const [selectedCategory, setSelectedCategory] = useState("All");
const filteredProducts = useMemo(() => {
if (selectedCategory === "All") {
return TIRE_PRODUCTS;
}
return TIRE_PRODUCTS.filter(product => product.category === selectedCategory);
}, [selectedCategory]);
const productCards = filteredProducts.map(product => ({
id: product.id,
name: product.name,
price: product.price,
variant: product.variant,
imageSrc: product.imageSrc,
imageAlt: product.imageAlt
}));
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "services" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "contact" }
]}
brandName="Nails Luxe"
bottomLeftText="Available 7 Days a Week"
bottomRightText="hello@nailsluxe.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="TIRE CATALOG"
description="Browse our extensive selection of premium tires for every driving condition. Find the perfect fit for your vehicle."
buttons={[
{ text: "View Products", href: "#products" },
{ text: "Contact Sales", href: "#contact" }
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-close-up_23-2149262938.jpg?_wi=2", imageAlt: "Premium tire selection"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sports-car-wheel_23-2149262938.jpg?_wi=2", imageAlt: "Performance tires"
}
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
</div>
<div id="products" data-section="products">
<div className="w-full py-16 px-4">
<div className="max-w-7xl mx-auto">
<div className="mb-12 text-center">
<h2 className="text-3xl md:text-4xl font-bold mb-6">Shop Our Tire Catalog</h2>
<p className="text-gray-600 mb-8">Filter by category to find the perfect tire for your needs</p>
<div className="flex flex-wrap justify-center gap-2 mb-8">
{TIRE_CATEGORIES.map(category => (
<button
key={category}
onClick={() => setSelectedCategory(category)}
className={`px-4 py-2 rounded-lg font-medium transition-all ${
selectedCategory === category
? 'bg-blue-600 text-white'
: 'bg-gray-200 text-gray-800 hover:bg-gray-300'
}`}
>
{category}
</button>
))}
</div>
<div className="text-sm text-gray-600 mb-6">
Showing {filteredProducts.length} tire{filteredProducts.length !== 1 ? 's' : ''}
</div>
</div>
<ProductCardFour
title="Featured Tires"
description={`Discover our ${selectedCategory === 'All' ? 'complete' : selectedCategory} tire selection`}
tag="Catalog"
products={productCards}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
</div>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get in Touch"
tagIcon={Phone}
title="Need Help Choosing a Tire?"
description="Our tire specialists are ready to help you find the perfect match for your vehicle. Contact us today!"
buttons={[
{ text: "Call Us", href: "tel:+1-555-123-4567" },
{ text: "Email Now", href: "mailto:hello@nailsluxe.com" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Tire Shop"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "#services" },
{ label: "Products", href: "/products" }
]
},
{
items: [
{ label: "Summer Tires", href: "#products" },
{ label: "Winter Tires", href: "#products" },
{ label: "Contact", href: "#contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "FAQ", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -1,152 +0,0 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Crown, Footprints, Heart, Palette, Phone, Sparkles, Zap, RotateCcw, Wrench } from 'lucide-react';
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "gallery" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Nails Luxe"
bottomLeftText="Available 7 Days a Week"
bottomRightText="hello@nailsluxe.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="OUR SERVICES"
description="Professional tire services to keep your vehicle running smoothly. From installation to maintenance, we've got you covered."
buttons={[
{ text: "Book Service", href: "#contact" },
{ text: "View Pricing", href: "#pricing" }
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149265993.jpg?_wi=2", imageAlt: "Tire service showcase"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-girl-red-dress-distance-date-with-wine-candles-talking-camera_140725-164255.jpg?_wi=2", imageAlt: "Professional tire installation"
}
]}
autoplayDelay={4000}
showDimOverlay={true}
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
title="Comprehensive Tire Services"
description="We offer a complete range of tire services to ensure your vehicle's safety and performance."
tag="Services"
features={[
{ icon: Sparkles, title: "Tire Installation", description: "Professional installation of new tires with precision alignment and balancing for optimal performance." },
{ icon: RotateCcw, title: "Tire Rotation", description: "Regular tire rotation to promote even wear and extend the life of your tires." },
{ icon: Wrench, title: "Tire Repair", description: "Expert repair services for punctures, leaks, and other tire damage to get you back on the road safely." },
{ icon: Zap, title: "Tire Balancing", description: "Precision balancing to eliminate vibration and ensure a smooth, comfortable ride." },
{ icon: Heart, title: "Tire Maintenance", description: "Comprehensive maintenance including pressure checks, tread inspections, and seasonal storage solutions." },
{ icon: Crown, title: "Premium Services", description: "Upgrade your experience with our premium tire packages and professional-grade care." }
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardFour
title="Our Tire Selection"
description="Browse our extensive collection of premium tire brands and models."
tag="Portfolio"
products={[
{
id: "1", name: "All-Season Performance", price: "Starting at $89", variant: "40,000 Mile Warranty", imageSrc: "http://img.b2bpic.net/free-photo/pretty-manicured-womans-hands-knees_343596-715.jpg?_wi=2", imageAlt: "All-season tire"
},
{
id: "2", name: "Winter Safety Plus", price: "Starting at $115", variant: "Enhanced Grip • Cold Weather", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4496.jpg?_wi=2", imageAlt: "Winter tire tread"
},
{
id: "3", name: "Luxury Comfort Drive", price: "Starting at $145", variant: "Quiet • Smooth Ride • Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg?_wi=2", imageAlt: "Premium luxury tire"
},
{
id: "4", name: "Off-Road Explorer", price: "Starting at $135", variant: "All-Terrain • Durable • Rugged", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262938.jpg?_wi=2", imageAlt: "Off-road tire tread"
}
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Serve You"
tagIcon={Phone}
title="Schedule Your Tire Service Today"
description="Contact us to book your tire installation, repair, or maintenance appointment. Our expert technicians are ready to help!"
buttons={[
{ text: "Call Us", href: "tel:+1-555-123-4567" },
{ text: "Email Now", href: "mailto:hello@nailsluxe.com" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Nails Luxe"
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "gallery" }
]
},
{
items: [
{ label: "Testimonials", href: "testimonials" },
{ label: "Pricing", href: "pricing" },
{ label: "Contact", href: "contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "FAQ", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}