diff --git a/src/app/glamorous-evening-makeup/page.tsx b/src/app/glamorous-evening-makeup/page.tsx index 4e8e1a2..f53b19f 100644 --- a/src/app/glamorous-evening-makeup/page.tsx +++ b/src/app/glamorous-evening-makeup/page.tsx @@ -3,13 +3,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; -import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; -import FeatureBento from '@/components/sections/feature/FeatureBento'; -import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import ContactCenter from '@/components/sections/contact/ContactCenter'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import { Sparkles, Eye, Palette, Wand2 } from 'lucide-react'; export default function GlamorousEveningMakeupPage() { return ( @@ -19,7 +15,7 @@ export default function GlamorousEveningMakeupPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -28,10 +24,10 @@ export default function GlamorousEveningMakeupPage() { -
- -
- -
- -
- -
- -
- -
+
@@ -184,18 +105,27 @@ export default function GlamorousEveningMakeupPage() { columns={[ { title: "Servicios", items: [ - { label: "Maquillaje de Noche", href: "/glamorous-evening-makeup" }, - { label: "Spa Pedicure", href: "/spa-pedicure" }, - { label: "Tratamientos Faciales", href: "/" }, - { label: "Cejas y Pestañas", href: "/" } + { label: "Maquillaje Profesional", href: "/" }, + { label: "Uñas Acrílicas", href: "/acrylic-nails" }, + { label: "Lash Lifting", href: "/lash-lifting" }, + { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" }, + { label: "Masajes de Relajación", href: "/relaxation-massage" } + ] + }, + { + title: "Productos", items: [ + { label: "iS Clinical", href: "/" }, + { label: "Centella's", href: "/" }, + { label: "Skincare Premium", href: "/" }, + { label: "Consulta Personalizada", href: "contact" } ] }, { title: "Empresa", items: [ - { label: "Sobre Nosotros", href: "/#about" }, - { label: "Testimonios", href: "/#testimonials" }, - { label: "Preguntas Frecuentes", href: "#faq" }, - { label: "Contacto", href: "#contact" } + { label: "Sobre Nosotros", href: "/" }, + { label: "Testimonios", href: "/" }, + { label: "Preguntas Frecuentes", href: "/" }, + { label: "Contacto", href: "contact" } ] }, { @@ -207,7 +137,7 @@ export default function GlamorousEveningMakeupPage() { ] } ]} - copyrightText="© 2025 Cloud Studio. Todos los derechos reservados." + copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral." />
diff --git a/src/app/henna-eyebrow-design/page.tsx b/src/app/henna-eyebrow-design/page.tsx index 43dfdd4..de31f31 100644 --- a/src/app/henna-eyebrow-design/page.tsx +++ b/src/app/henna-eyebrow-design/page.tsx @@ -3,13 +3,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; -import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; -import FeatureBento from '@/components/sections/feature/FeatureBento'; -import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import ContactCenter from '@/components/sections/contact/ContactCenter'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import { Sparkles, Brush, Crown, Eye } from 'lucide-react'; export default function HennaEyebrowDesignPage() { return ( @@ -19,7 +15,7 @@ export default function HennaEyebrowDesignPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -28,10 +24,10 @@ export default function HennaEyebrowDesignPage() { -
- -
- -
- -
- -
- -
- -
+
@@ -184,18 +105,27 @@ export default function HennaEyebrowDesignPage() { columns={[ { title: "Servicios", items: [ - { label: "Diseño de Cejas", href: "/henna-eyebrow-design" }, - { label: "Maquillaje de Noche", href: "/glamorous-evening-makeup" }, - { label: "Spa Pedicure", href: "/spa-pedicure" }, - { label: "Tratamientos Faciales", href: "/" } + { label: "Maquillaje Profesional", href: "/" }, + { label: "Uñas Acrílicas", href: "/acrylic-nails" }, + { label: "Lash Lifting", href: "/lash-lifting" }, + { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" }, + { label: "Masajes de Relajación", href: "/relaxation-massage" } + ] + }, + { + title: "Productos", items: [ + { label: "iS Clinical", href: "/" }, + { label: "Centella's", href: "/" }, + { label: "Skincare Premium", href: "/" }, + { label: "Consulta Personalizada", href: "contact" } ] }, { title: "Empresa", items: [ - { label: "Sobre Nosotros", href: "/#about" }, - { label: "Testimonios", href: "/#testimonials" }, - { label: "Preguntas Frecuentes", href: "#faq" }, - { label: "Contacto", href: "#contact" } + { label: "Sobre Nosotros", href: "/" }, + { label: "Testimonios", href: "/" }, + { label: "Preguntas Frecuentes", href: "/" }, + { label: "Contacto", href: "contact" } ] }, { @@ -207,7 +137,7 @@ export default function HennaEyebrowDesignPage() { ] } ]} - copyrightText="© 2025 Cloud Studio. Todos los derechos reservados." + copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral." />
diff --git a/src/app/radiofrequency-facial/page.tsx b/src/app/radiofrequency-facial/page.tsx index 8c19607..c3d04b1 100644 --- a/src/app/radiofrequency-facial/page.tsx +++ b/src/app/radiofrequency-facial/page.tsx @@ -3,14 +3,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; -import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; -import FeatureBento from '@/components/sections/feature/FeatureBento'; -import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; -import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import ContactCenter from '@/components/sections/contact/ContactCenter'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import { Zap, Sparkles, Clock, Shield } from 'lucide-react'; export default function RadiofrequencyFacialPage() { return ( @@ -20,7 +15,7 @@ export default function RadiofrequencyFacialPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -29,10 +24,10 @@ export default function RadiofrequencyFacialPage() { -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
+
@@ -242,32 +105,41 @@ export default function RadiofrequencyFacialPage() { columns={[ { title: "Servicios", items: [ - { label: "Radiofrecuencia Facial", href: "/radiofrequency-facial" }, - { label: "Masaje Facial", href: "/facial-massage" }, { label: "Maquillaje Profesional", href: "/" }, - { label: "Tratamientos Faciales", href: "/" } + { label: "Uñas Acrílicas", href: "/acrylic-nails" }, + { label: "Lash Lifting", href: "/lash-lifting" }, + { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" }, + { label: "Masajes de Relajación", href: "/relaxation-massage" } + ] + }, + { + title: "Productos", items: [ + { label: "iS Clinical", href: "/" }, + { label: "Centella's", href: "/" }, + { label: "Skincare Premium", href: "/" }, + { label: "Consulta Personalizada", href: "contact" } ] }, { title: "Empresa", items: [ { label: "Sobre Nosotros", href: "/" }, - { label: "Testimonios", href: "#testimonials" }, - { label: "Preguntas Frecuentes", href: "#faq" }, - { label: "Contacto", href: "#contact" } + { label: "Testimonios", href: "/" }, + { label: "Preguntas Frecuentes", href: "/" }, + { label: "Contacto", href: "contact" } ] }, { - title: "Información", items: [ + title: "Legal", items: [ { label: "Política de Privacidad", href: "#" }, { label: "Términos de Servicio", href: "#" }, - { label: "Política de Cancelación", href: "#" }, + { label: "Política de Cookies", href: "#" }, { label: "Política de Devoluciones", href: "#" } ] } ]} - copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Radiofrecuencia Facial - Belleza y bienestar integral." + copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral." />
); -} +} \ No newline at end of file diff --git a/src/app/social-makeup/page.tsx b/src/app/social-makeup/page.tsx index 2f3fdc6..f871153 100644 --- a/src/app/social-makeup/page.tsx +++ b/src/app/social-makeup/page.tsx @@ -3,14 +3,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; -import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; -import FeatureBento from '@/components/sections/feature/FeatureBento'; -import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; -import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import ContactCenter from '@/components/sections/contact/ContactCenter'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import { Sparkles, Heart, Palette } from 'lucide-react'; export default function SocialMakeupPage() { return ( @@ -20,7 +15,7 @@ export default function SocialMakeupPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -29,15 +24,11 @@ export default function SocialMakeupPage() { -
- -
- -
- -
- -
- -
- -
- -
- -
+
@@ -213,39 +104,40 @@ export default function SocialMakeupPage() { logoText="Cloud Studio" columns={[ { - title: "Servicios de Maquillaje", items: [ - { label: "Maquillaje Diario", href: "#features" }, - { label: "Maquillaje de Gala", href: "#features" }, - { label: "Maquillaje Novia", href: "#features" }, - { label: "Maquillaje Artístico", href: "#features" } + title: "Servicios", items: [ + { label: "Maquillaje Profesional", href: "/" }, + { label: "Uñas Acrílicas", href: "/acrylic-nails" }, + { label: "Lash Lifting", href: "/lash-lifting" }, + { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" }, + { label: "Masajes de Relajación", href: "/relaxation-massage" } ] }, { - title: "Tarifas", items: [ - { label: "Maquillaje Diario", href: "#pricing" }, - { label: "Maquillaje de Gala", href: "#pricing" }, - { label: "Maquillaje Novia", href: "#pricing" }, - { label: "Paquete MultiEventos", href: "#pricing" } + title: "Productos", items: [ + { label: "iS Clinical", href: "/" }, + { label: "Centella's", href: "/" }, + { label: "Skincare Premium", href: "/" }, + { label: "Consulta Personalizada", href: "contact" } ] }, { - title: "Cloud Studio", items: [ - { label: "Inicio", href: "/" }, - { label: "Todos los Servicios", href: "/#services" }, - { label: "Contacto", href: "#contact" }, - { label: "Preguntas Frecuentes", href: "#faq" } + title: "Empresa", items: [ + { label: "Sobre Nosotros", href: "/" }, + { label: "Testimonios", href: "/" }, + { label: "Preguntas Frecuentes", href: "/" }, + { label: "Contacto", href: "contact" } ] }, { title: "Legal", items: [ { label: "Política de Privacidad", href: "#" }, { label: "Términos de Servicio", href: "#" }, - { label: "Política de Cancelación", href: "#" }, - { label: "Cuidado del Maquillaje", href: "#" } + { label: "Política de Cookies", href: "#" }, + { label: "Política de Devoluciones", href: "#" } ] } ]} - copyrightText="© 2025 Cloud Studio. Expertos en maquillaje social profesional." + copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral." />
diff --git a/src/app/spa-pedicure/page.tsx b/src/app/spa-pedicure/page.tsx index 4e0a381..8a7c202 100644 --- a/src/app/spa-pedicure/page.tsx +++ b/src/app/spa-pedicure/page.tsx @@ -3,13 +3,9 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; -import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; -import FeatureBento from '@/components/sections/feature/FeatureBento'; -import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; import ContactCenter from '@/components/sections/contact/ContactCenter'; import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; -import { Sparkles, Droplet, Wind, Leaf } from 'lucide-react'; export default function SpaPedicurePage() { return ( @@ -19,7 +15,7 @@ export default function SpaPedicurePage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="aurora" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="double-inset" secondaryButtonStyle="solid" @@ -28,10 +24,10 @@ export default function SpaPedicurePage() { -
- -
- -
- -
- -
- -
- -
+
@@ -184,18 +105,27 @@ export default function SpaPedicurePage() { columns={[ { title: "Servicios", items: [ - { label: "Spa Pedicure", href: "/spa-pedicure" }, - { label: "Maquillaje", href: "/" }, - { label: "Tratamientos Faciales", href: "/" }, - { label: "Cejas y Pestañas", href: "/" } + { label: "Maquillaje Profesional", href: "/" }, + { label: "Uñas Acrílicas", href: "/acrylic-nails" }, + { label: "Lash Lifting", href: "/lash-lifting" }, + { label: "Manicura Semi-Permanente", href: "/semi-permanent-manicure" }, + { label: "Masajes de Relajación", href: "/relaxation-massage" } + ] + }, + { + title: "Productos", items: [ + { label: "iS Clinical", href: "/" }, + { label: "Centella's", href: "/" }, + { label: "Skincare Premium", href: "/" }, + { label: "Consulta Personalizada", href: "contact" } ] }, { title: "Empresa", items: [ - { label: "Sobre Nosotros", href: "/#about" }, - { label: "Testimonios", href: "/#testimonials" }, - { label: "Preguntas Frecuentes", href: "#faq" }, - { label: "Contacto", href: "#contact" } + { label: "Sobre Nosotros", href: "/" }, + { label: "Testimonios", href: "/" }, + { label: "Preguntas Frecuentes", href: "/" }, + { label: "Contacto", href: "contact" } ] }, { @@ -207,7 +137,7 @@ export default function SpaPedicurePage() { ] } ]} - copyrightText="© 2025 Cloud Studio. Todos los derechos reservados." + copyrightText="© 2025 Cloud Studio. Todos los derechos reservados. Belleza y bienestar integral." />
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..bb1e2ea 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,42 @@ -"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; + fontSize?: number; + fontWeight?: 'normal' | 'bold' | 'bolder'; + letterSpacing?: number; } -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 = '', + fontSize = 48, + fontWeight = 'bold', + letterSpacing = 0, +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file