diff --git a/src/app/page.tsx b/src/app/page.tsx index b77b1c1..6075885 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,256 +1,209 @@ "use client" import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; -import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; -import ProductCardFour from '@/components/sections/product/ProductCardFour'; -import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; -import PricingCardThree from '@/components/sections/pricing/PricingCardThree'; -import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; -import ContactCTA from '@/components/sections/contact/ContactCTA'; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel'; +import AboutMetric from '@/components/sections/about/AboutMetric'; +import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; +import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; +import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; +import ContactFaq from '@/components/sections/contact/ContactFaq'; import FooterSimple from '@/components/sections/footer/FooterSimple'; -import { Crown, Droplet, Flower2, Heart, Image, Sparkles, Star, Wand2, Zap } from 'lucide-react'; +import { Award, Camera, Calendar, Heart, Sparkles, Star } from 'lucide-react'; export default function LandingPage() { return (
-
-
- +
- +
+ +
+
- -
- -
- -
- -
-
-
@@ -259,41 +212,40 @@ export default function LandingPage() { columns={[ { title: "Services", items: [ - { label: "Gel Manicure", href: "#services" }, + { label: "Manicures", href: "#services" }, + { label: "Gel Nails", href: "#services" }, { label: "Nail Art", href: "#services" }, - { label: "Acrylic Extensions", href: "#services" }, - { label: "Pedicure", href: "#services" } + { label: "Pedicures", href: "#services" } ] }, { - title: "Explore", items: [ + title: "Company", items: [ + { label: "About Us", href: "#about" }, { label: "Gallery", href: "#portfolio" }, - { label: "Pricing", href: "#pricing" }, - { label: "Reviews", href: "#testimonials" }, - { label: "About Us", href: "#about" } - ] - }, - { - title: "Connect", items: [ - { label: "Instagram", href: "https://instagram.com/nailluxe" }, - { label: "Facebook", href: "https://facebook.com/nailluxe" }, { label: "Contact", href: "#contact" }, { label: "Book Now", href: "#contact" } ] }, { - title: "Info", items: [ + title: "Follow Us", items: [ + { label: "Instagram", href: "https://instagram.com" }, + { label: "Facebook", href: "https://facebook.com" }, + { label: "TikTok", href: "https://tiktok.com" }, + { label: "Pinterest", href: "https://pinterest.com" } + ] + }, + { + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, - { label: "Cancellation Policy", href: "#" }, - { label: "Gift Cards", href: "#" } + { label: "Refund Policy", href: "#" } ] } ]} - bottomLeftText="© 2025 Nail Luxe. All rights reserved." - bottomRightText="Handcrafted with love for beautiful nails" + bottomLeftText="© 2025 Nail Studio. All rights reserved." + bottomRightText="Crafted with love and pink polish ✨" />
); -} \ No newline at end of file +} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index ff00339..a2feec2 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -2,45 +2,35 @@ import React from 'react'; interface SvgTextLogoProps { text: string; - className?: string; - textClassName?: string; fontSize?: number; fontWeight?: number | string; fontFamily?: string; - textAnchor?: 'start' | 'middle' | 'end'; - dominantBaseline?: 'hanging' | 'middle' | 'auto'; + fill?: string; + className?: string; } const SvgTextLogo: React.FC = ({ text, - className = '', - textClassName = '', - fontSize = 24, + fontSize = 32, fontWeight = 'bold', - fontFamily = 'system-ui, -apple-system, sans-serif', - textAnchor = 'middle', - dominantBaseline = 'middle', + fontFamily = 'Arial, sans-serif', + fill = 'currentColor', + className, }) => { - const svgWidth = Math.max(text.length * (fontSize as number) * 0.6, 200); - const svgHeight = (fontSize as number) * 1.5; - return ( {text} @@ -48,4 +38,4 @@ const SvgTextLogo: React.FC = ({ ); }; -export default SvgTextLogo; \ No newline at end of file +export default SvgTextLogo;