Merge version_2 into main #4
167
src/app/page.tsx
167
src/app/page.tsx
@@ -7,8 +7,8 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,16 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Eventos", id: "events"},
|
||||
{
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Galería", id: "portfolio"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Eventos", id: "events" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Testimonios", id: "portfolio" },
|
||||
]}
|
||||
brandName="Viri García"
|
||||
/>
|
||||
@@ -48,23 +43,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Viri García"
|
||||
description="Minimalist luxury in every detail. Professional styling for the modern aesthetic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=1", imageAlt: "Hairstyling Process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=2", imageAlt: "Makeup Artistry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=3", imageAlt: "Nail Artistry"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=4", imageAlt: "Event Styling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=5", imageAlt: "Professional Portrait"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=6", imageAlt: "Studio Atmosphere"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=1", imageAlt: "Hairstyling Process" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=2", imageAlt: "Makeup Artistry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=3", imageAlt: "Nail Artistry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=4", imageAlt: "Event Styling" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=5", imageAlt: "Professional Portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-with-red-lipstick_23-2149247377.jpg?_wi=6", imageAlt: "Studio Atmosphere" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,33 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Manicura & Pedicura", description: "Detalle y arte en el cuidado de tus manos.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Peinados Editoriales", description: "Diseños exclusivos para sesiones y eventos.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Maquillaje Profesional", description: "Resaltando tu belleza con técnicas avanzadas.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=2"},
|
||||
],
|
||||
},
|
||||
{ title: "Manicura & Pedicura", description: "Detalle y arte en el cuidado de tus manos.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262880.jpg?_wi=2" }] },
|
||||
{ title: "Peinados Editoriales", description: "Diseños exclusivos para sesiones y eventos.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-wearing-suit-posing-black-white_23-2149411391.jpg?_wi=2" }] },
|
||||
{ title: "Maquillaje Profesional", description: "Resaltando tu belleza con técnicas avanzadas.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224638.jpg?_wi=2" }] },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Experiencia en diseño de imagen personalizado."
|
||||
@@ -115,18 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Bodas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=1"},
|
||||
{
|
||||
id: "2", name: "XV Años", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=1"},
|
||||
{
|
||||
id: "3", name: "Eventos Sociales", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=2"},
|
||||
{
|
||||
id: "4", name: "Graduaciones", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", name: "Sesiones", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=3"},
|
||||
{
|
||||
id: "6", name: "Editorial", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=3"},
|
||||
{ id: "1", name: "Bodas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=1" },
|
||||
{ id: "2", name: "XV Años", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=1" },
|
||||
{ id: "3", name: "Eventos Sociales", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=2" },
|
||||
{ id: "4", name: "Graduaciones", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=2" },
|
||||
{ id: "5", name: "Sesiones", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-star-stick_23-2148401677.jpg?_wi=3" },
|
||||
{ id: "6", name: "Editorial", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-bride-with-wedding-hairstyle-silk-robe-celebrating-wedding-day-with-bridesmaids-holding-glasses-champagne-smiling-standing-neat-large-window-apartment_8353-11887.jpg?_wi=3" },
|
||||
]}
|
||||
title="Bodas & Eventos"
|
||||
description="Creamos momentos inolvidables con estilo."
|
||||
@@ -134,71 +90,46 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "Filosofía Viri García" }]}
|
||||
useInvertedBackground={false}
|
||||
title="Filosofía Viri García"
|
||||
description="En nuestro estudio, el minimalismo se une con la sofisticación. Creemos en la belleza auténtica, cuidada y hecha a medida. Cada detalle está diseñado para elevar tu estilo personal con un toque de lujo consciente y profesionalismo artístico."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Pasión por el detalle", description: "La perfección es nuestra norma."},
|
||||
{
|
||||
title: "Enfoque personalizado", description: "Tu estilo, nuestra inspiración."},
|
||||
{
|
||||
title: "Calidad editorial", description: "Resultados de revista en cada sesión."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797731.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
className="py-20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Looks Editorial", "Manicura Fina", "Makeup Glam", "Novias", "Eventos", "Editorial", "Style"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149250072.jpg", "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-colorful-face-make-up_23-2149580832.jpg", "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg", "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149250072.jpg", "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-colorful-face-make-up_23-2149580832.jpg", "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg", "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149250072.jpg"]}
|
||||
title="Portfolio Visual"
|
||||
description="Inspiración del día a día en el estudio."
|
||||
/>
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
title="Lo que dicen de nosotros"
|
||||
description="La excelencia en cada detalle nos ha ganado la confianza de nuestros clientes."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Sesiones" },
|
||||
{ value: "98%", label: "Satisfacción" },
|
||||
{ value: "10+", label: "Años Exp." }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena M.", role: "Novia", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-colorful-face-make-up_23-2149580832.jpg" },
|
||||
{ id: "2", name: "Sofia R.", role: "Editorial", company: "Cliente Frecuente", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Viri García"
|
||||
columns={[
|
||||
{
|
||||
title: "Estudio", items: [
|
||||
{
|
||||
label: "Servicios", href: "#services"},
|
||||
{
|
||||
label: "Eventos", href: "#events"},
|
||||
{
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Estudio", items: [{ label: "Servicios", href: "#services" }, { label: "Eventos", href: "#events" }, { label: "Sobre Nosotros", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] },
|
||||
]}
|
||||
className="bg-black text-white py-12 border-t border-gray-800"
|
||||
columnTitleClassName="text-accent font-semibold tracking-widest uppercase text-xs"
|
||||
copyrightTextClassName="text-gray-500 text-[10px]"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user