diff --git a/src/app/page.tsx b/src/app/page.tsx
index f1ed761..3aaabb8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,209 +1,256 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-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 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 FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Award, Camera, Calendar, Heart, Sparkles, Star } from 'lucide-react';
+import { Crown, Droplet, Flower2, Heart, Image, Sparkles, Star, Wand2, Zap } from 'lucide-react';
export default function LandingPage() {
return (
-
-
-
-
-
-
+
+
+
+
+
+
-
@@ -212,40 +259,41 @@ export default function LandingPage() {
columns={[
{
title: "Services", items: [
- { label: "Manicures", href: "#services" },
- { label: "Gel Nails", href: "#services" },
+ { label: "Gel Manicure", href: "#services" },
{ label: "Nail Art", href: "#services" },
- { label: "Pedicures", href: "#services" }
+ { label: "Acrylic Extensions", href: "#services" },
+ { label: "Pedicure", href: "#services" }
]
},
{
- title: "Company", items: [
- { label: "About Us", href: "#about" },
+ title: "Explore", items: [
{ 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: "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: [
+ title: "Info", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
- { label: "Refund Policy", href: "#" }
+ { label: "Cancellation Policy", href: "#" },
+ { label: "Gift Cards", href: "#" }
]
}
]}
- bottomLeftText="© 2025 Nail Studio. All rights reserved."
- bottomRightText="Crafted with love and pink polish ✨"
+ bottomLeftText="© 2025 Nail Luxe. All rights reserved."
+ bottomRightText="Handcrafted with love for beautiful nails"
/>
);
-}
+}
\ No newline at end of file
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..ff00339 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -1,51 +1,51 @@
-"use client";
-
-import { memo } from "react";
-import useSvgTextLogo from "./useSvgTextLogo";
-import { cls } from "@/lib/utils";
+import React from 'react';
interface SvgTextLogoProps {
- logoText: string;
- adjustHeightFactor?: number;
- verticalAlign?: "top" | "center";
+ text: string;
className?: string;
+ textClassName?: string;
+ fontSize?: number;
+ fontWeight?: number | string;
+ fontFamily?: string;
+ textAnchor?: 'start' | 'middle' | 'end';
+ dominantBaseline?: 'hanging' | 'middle' | 'auto';
}
-const SvgTextLogo = memo(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ text,
+ className = '',
+ textClassName = '',
+ fontSize = 24,
+ fontWeight = 'bold',
+ fontFamily = 'system-ui, -apple-system, sans-serif',
+ textAnchor = 'middle',
+ dominantBaseline = 'middle',
+}) => {
+ const svgWidth = Math.max(text.length * (fontSize as number) * 0.6, 200);
+ const svgHeight = (fontSize as number) * 1.5;
return (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file