bender/fa84e17d-634b-4b8e-91f6-02aceab9205d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_7
Branches Tags
bender:main bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

12 Commits
version_2 ... version_7

Author SHA1 Message Date
bender
81510d9f09 Update theme fonts 2026-04-30 15:32:35 +00:00
bender
514c41686c Update theme fonts 2026-04-30 15:32:35 +00:00
bender
8b53fc22c3 Update src/app/page.tsx 2026-04-30 15:08:12 +00:00
bender
dc742acf37 Merge version_6 into main 
Merge version_6 into main
 2026-04-30 15:06:09 +00:00
bender
968e7a5146 Update theme colors 2026-04-30 15:06:06 +00:00
bender
874d891a83 Merge version_5 into main 
Merge version_5 into main
 2026-04-30 15:06:04 +00:00
bender
ca307fe19d Update theme colors 2026-04-30 15:06:01 +00:00
bender
2697d3aba6 Merge version_4 into main 
Merge version_4 into main
 2026-04-30 15:05:50 +00:00
bender
a6e52fb93e Update theme colors 2026-04-30 15:05:47 +00:00
bender
bb50954173 Merge version_3 into main 
Merge version_3 into main
 2026-04-30 15:05:34 +00:00
bender
17ab006e2b Update theme colors 2026-04-30 15:05:31 +00:00
bender
f84f7e3fcc Merge version_2 into main 
Merge version_2 into main
 2026-04-30 15:05:14 +00:00
4 changed files with 64 additions and 163 deletions
Expand all files Collapse all files

12
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Raleway } from "next/font/google"; import { Raleway } from "next/font/google";
import { Mulish } from "next/font/google";
@@ -19,8 +20,13 @@ export const metadata: Metadata = {
}, },
}; };
const raleway = Raleway({
variable: "--font-raleway", const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -32,7 +38,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${raleway.variable} antialiased`}> <body className={`${mulish.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

193
src/app/page.tsx
View File

@@ -7,7 +7,7 @@ import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -32,69 +32,37 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "hero"},
id: "hero",
},
{ {
name: "Nosotros", name: "Nosotros", id: "about"},
id: "about",
},
{ {
name: "Servicios", name: "Servicios", id: "features"},
id: "features",
},
{ {
name: "Precios", name: "Precios", id: "pricing"},
id: "pricing",
},
{ {
name: "Contacto", name: "Contacto", id: "contact"},
id: "contact",
},
]} ]}
brandName="Brillando Corazones" brandName="Brillando Corazones"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroBillboardGallery
title="Brillando Corazones: Guiando tu luz interior" title="Brillando Corazones: Guiando tu luz interior"
description="Transformamos vidas a través de acompañamiento emocional y servicios de bienestar personalizados." description="Transformamos vidas a través de acompañamiento emocional y servicios de bienestar personalizados."
background={{ variant: "sparkles-gradient" }}
buttons={[ buttons={[
{ {
text: "Conoce nuestros servicios", text: "Conoce nuestros servicios", href: "#features"},
href: "#features",
},
{ {
text: "Agenda tu cita", text: "Agenda tu cita", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/renaissance-portrait-woman-as-sun-goddess_23-2151345958.jpg" mediaItems={[
imageAlt="Mujer en paz meditando" { imageSrc: "http://img.b2bpic.net/free-photo/renaissance-portrait-woman-as-sun-goddess_23-2151345958.jpg", imageAlt: "Mujer en paz meditando" },
avatars={[ { imageSrc: "http://img.b2bpic.net/free-photo/editorial-enchanted-realm_23-2151948072.jpg", imageAlt: "Editorial enchanted realm" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/male-model-posing-outdoors_23-2148872337.jpg", imageAlt: "Male model posing outdoors" }
src: "http://img.b2bpic.net/free-photo/editorial-enchanted-realm_23-2151948072.jpg",
alt: "Editorial enchanted realm",
},
{
src: "http://img.b2bpic.net/free-photo/male-model-posing-outdoors_23-2148872337.jpg",
alt: "Male model posing outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-her-hairs-face_23-2147907165.jpg",
alt: "Portrait of woman with her hairs on face",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-futuristic-superhero-suit_23-2150944600.jpg",
alt: "Portrait of woman wearing futuristic superhero suit",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-view-smiling-girl-standing-tree-sunlight_23-2148163883.jpg",
alt: "Low angle view of a smiling girl standing under the tree in sunlight",
},
]} ]}
avatarText="Únete a nuestra comunidad" mediaAnimation="blur-reveal"
/> />
</div> </div>
@@ -105,19 +73,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Heart, icon: Heart,
label: "Vidas transformadas", label: "Vidas transformadas", value: "500+"},
value: "500+",
},
{ {
icon: Award, icon: Award,
label: "Años de experiencia", label: "Años de experiencia", value: "10+"},
value: "10+",
},
{ {
icon: Smile, icon: Smile,
label: "Clientes satisfechos", label: "Clientes satisfechos", value: "98%"},
value: "98%",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -130,20 +92,11 @@ export default function LandingPage() {
description="Ofrecemos herramientas diseñadas para tu crecimiento personal y sanación." description="Ofrecemos herramientas diseñadas para tu crecimiento personal y sanación."
accordionItems={[ accordionItems={[
{ {
id: "1", id: "1", title: "Terapia Emocional", content: "Sesiones individuales para sanar el corazón."},
title: "Terapia Emocional",
content: "Sesiones individuales para sanar el corazón.",
},
{ {
id: "2", id: "2", title: "Coaching de Vida", content: "Planea tu futuro con propósito."},
title: "Coaching de Vida",
content: "Planea tu futuro con propósito.",
},
{ {
id: "3", id: "3", title: "Talleres de Bienestar", content: "Aprendizaje grupal y crecimiento compartido."},
title: "Talleres de Bienestar",
content: "Aprendizaje grupal y crecimiento compartido.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-posing-outdooors_23-2148613032.jpg" imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-posing-outdooors_23-2148613032.jpg"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
@@ -158,45 +111,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Ana García", handle: "@ana_g", testimonial: "Brillando Corazones cambió mi perspectiva de vida.", rating: 5,
name: "Ana García", imageSrc: "http://img.b2bpic.net/free-photo/brunette-model-posing_23-2148135937.jpg"},
handle: "@ana_g",
testimonial: "Brillando Corazones cambió mi perspectiva de vida.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-model-posing_23-2148135937.jpg",
},
{ {
id: "2", id: "2", name: "Luis Pérez", handle: "@luis_p", testimonial: "Excelente acompañamiento y profesionalismo.", rating: 5,
name: "Luis Pérez", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg"},
handle: "@luis_p",
testimonial: "Excelente acompañamiento y profesionalismo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",
},
{ {
id: "3", id: "3", name: "María José", handle: "@mj_coach", testimonial: "Una experiencia transformadora.", rating: 5,
name: "María José", imageSrc: "http://img.b2bpic.net/free-photo/serious-buisness-woman-talking-phone_23-2148317291.jpg"},
handle: "@mj_coach",
testimonial: "Una experiencia transformadora.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-buisness-woman-talking-phone_23-2148317291.jpg",
},
{ {
id: "4", id: "4", name: "Pedro López", handle: "@pedro_l", testimonial: "Me sentí escuchado y apoyado en todo momento.", rating: 5,
name: "Pedro López", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-man-posing_23-2148911847.jpg"},
handle: "@pedro_l",
testimonial: "Me sentí escuchado y apoyado en todo momento.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-man-posing_23-2148911847.jpg",
},
{ {
id: "5", id: "5", name: "Sofía Díaz", handle: "@sofia_d", testimonial: "Gracias por guiarme hacia mi interior.", rating: 5,
name: "Sofía Díaz", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-posing_23-2148720192.jpg"},
handle: "@sofia_d",
testimonial: "Gracias por guiarme hacia mi interior.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-posing_23-2148720192.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Testimonios de luz" title="Testimonios de luz"
@@ -211,37 +139,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "1", id: "1", badge: "Básico", price: "$50", subtitle: "Sesión única", buttons: [
badge: "Básico",
price: "$50",
subtitle: "Sesión única",
buttons: [
{ {
text: "Comprar", text: "Comprar", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Sesión 1:1", "Sesión 1:1", "Apoyo inicial"],
"Apoyo inicial",
],
}, },
{ {
id: "2", id: "2", badge: "Premium", price: "$200", subtitle: "Paquete mensual", buttons: [
badge: "Premium",
price: "$200",
subtitle: "Paquete mensual",
buttons: [
{ {
text: "Comprar", text: "Comprar", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"4 Sesiones", "4 Sesiones", "Soporte diario", "Material de apoyo"],
"Soporte diario",
"Material de apoyo",
],
}, },
]} ]}
title="Planes de Bienestar" title="Planes de Bienestar"
@@ -255,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "¿Cómo empiezo?", content: "Contáctanos y agenda tu primera sesión gratuita."},
title: "¿Cómo empiezo?",
content: "Contáctanos y agenda tu primera sesión gratuita.",
},
{ {
id: "2", id: "2", title: "¿Es presencial?", content: "Ofrecemos ambas modalidades según tu necesidad."},
title: "¿Es presencial?",
content: "Ofrecemos ambas modalidades según tu necesidad.",
},
{ {
id: "3", id: "3", title: "¿Tienen paquetes?", content: "Sí, tenemos opciones para acompañamiento continuo."},
title: "¿Tienen paquetes?",
content: "Sí, tenemos opciones para acompañamiento continuo.",
},
]} ]}
title="Preguntas frecuentes" title="Preguntas frecuentes"
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
@@ -280,14 +182,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "canvas-reveal", variant: "canvas-reveal"}}
}}
text="Empieza hoy mismo a brillar con más fuerza. Estamos listos para acompañarte en tu proceso." text="Empieza hoy mismo a brillar con más fuerza. Estamos listos para acompañarte en tu proceso."
buttons={[ buttons={[
{ {
text: "Escríbenos por WhatsApp", text: "Escríbenos por WhatsApp", href: "https://wa.me/tu-numero"},
href: "https://wa.me/tu-numero",
},
]} ]}
/> />
</div> </div>
@@ -296,13 +195,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Brillando Corazones" logoText="Brillando Corazones"
leftLink={{ leftLink={{
text: "Privacidad", text: "Privacidad", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Contacto", text: "Contacto", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-raleway), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-raleway), sans-serif; font-family: var(--font-mulish), sans-serif;
} }

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #fbfaff;
--card: #f9f9f9; --card: #f7f5ff;
--foreground: #120a00e6; --foreground: #0f0022;
--primary-cta: #FF7B05; --primary-cta: #8b5cf6;
--primary-cta-text: #ffffff; --primary-cta-text: #fbfaff;
--secondary-cta: #f9f9f9; --secondary-cta: #ffffff;
--secondary-cta-text: #120a00e6; --secondary-cta-text: #0f0022;
--accent: #e2e2e2; --accent: #d8cef5;
--background-accent: #FF7B05; --background-accent: #c4a8f9;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);