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

Compare commits

base: bender:version_1
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
..
compare: bender:main
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

15 Commits
version_1 ... main

Author SHA1 Message Date
bender
ba64f6b979 Merge version_7 into main 
Merge version_7 into main
 2026-04-30 15:32:38 +00:00
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
37aef4fc83 Merge version_7 into main 
Merge version_7 into main
 2026-04-30 15:08:18 +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
bender
26d661e9da Update theme colors 2026-04-30 15:05:11 +00:00
4 changed files with 63 additions and 162 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 { getVisualEditScript } from "@/utils/visual-edit-script";
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"],
});
@@ -32,7 +38,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${raleway.variable} antialiased`}>
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<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 FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
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 PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -32,69 +32,37 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "hero",
},
name: "Inicio", id: "hero"},
{
name: "Nosotros",
id: "about",
},
name: "Nosotros", id: "about"},
{
name: "Servicios",
id: "features",
},
name: "Servicios", id: "features"},
{
name: "Precios",
id: "pricing",
},
name: "Precios", id: "pricing"},
{
name: "Contacto",
id: "contact",
},
name: "Contacto", id: "contact"},
]}
brandName="Brillando Corazones"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
<HeroBillboardGallery
title="Brillando Corazones: Guiando tu luz interior"
description="Transformamos vidas a través de acompañamiento emocional y servicios de bienestar personalizados."
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Conoce nuestros servicios",
href: "#features",
},
text: "Conoce nuestros servicios", href: "#features"},
{
text: "Agenda tu cita",
href: "#contact",
},
text: "Agenda tu cita", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/renaissance-portrait-woman-as-sun-goddess_23-2151345958.jpg"
imageAlt="Mujer en paz meditando"
avatars={[
{
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",
},
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/renaissance-portrait-woman-as-sun-goddess_23-2151345958.jpg", imageAlt: "Mujer en paz meditando" },
{ 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" }
]}
avatarText="Únete a nuestra comunidad"
mediaAnimation="blur-reveal"
/>
</div>
@@ -105,19 +73,13 @@ export default function LandingPage() {
metrics={[
{
icon: Heart,
label: "Vidas transformadas",
value: "500+",
},
label: "Vidas transformadas", value: "500+"},
{
icon: Award,
label: "Años de experiencia",
value: "10+",
},
label: "Años de experiencia", value: "10+"},
{
icon: Smile,
label: "Clientes satisfechos",
value: "98%",
},
label: "Clientes satisfechos", value: "98%"},
]}
metricsAnimation="slide-up"
/>
@@ -130,20 +92,11 @@ export default function LandingPage() {
description="Ofrecemos herramientas diseñadas para tu crecimiento personal y sanación."
accordionItems={[
{
id: "1",
title: "Terapia Emocional",
content: "Sesiones individuales para sanar el corazón.",
},
id: "1", title: "Terapia Emocional", content: "Sesiones individuales para sanar el corazón."},
{
id: "2",
title: "Coaching de Vida",
content: "Planea tu futuro con propósito.",
},
id: "2", title: "Coaching de Vida", content: "Planea tu futuro con propósito."},
{
id: "3",
title: "Talleres de Bienestar",
content: "Aprendizaje grupal y crecimiento compartido.",
},
id: "3", title: "Talleres de Bienestar", content: "Aprendizaje grupal y crecimiento compartido."},
]}
imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-posing-outdooors_23-2148613032.jpg"
mediaAnimation="blur-reveal"
@@ -158,45 +111,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Ana García",
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: "1", name: "Ana García", 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",
name: "Luis Pérez",
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: "2", name: "Luis Pérez", 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",
name: "María José",
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: "3", name: "María José", 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",
name: "Pedro López",
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: "4", name: "Pedro López", 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",
name: "Sofía Díaz",
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",
},
id: "5", name: "Sofía Díaz", 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}
title="Testimonios de luz"
@@ -211,37 +139,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Básico",
price: "$50",
subtitle: "Sesión única",
buttons: [
id: "1", badge: "Básico", price: "$50", subtitle: "Sesión única", buttons: [
{
text: "Comprar",
href: "#contact",
},
text: "Comprar", href: "#contact"},
],
features: [
"Sesión 1:1",
"Apoyo inicial",
],
"Sesión 1:1", "Apoyo inicial"],
},
{
id: "2",
badge: "Premium",
price: "$200",
subtitle: "Paquete mensual",
buttons: [
id: "2", badge: "Premium", price: "$200", subtitle: "Paquete mensual", buttons: [
{
text: "Comprar",
href: "#contact",
},
text: "Comprar", href: "#contact"},
],
features: [
"4 Sesiones",
"Soporte diario",
"Material de apoyo",
],
"4 Sesiones", "Soporte diario", "Material de apoyo"],
},
]}
title="Planes de Bienestar"
@@ -255,20 +166,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "¿Cómo empiezo?",
content: "Contáctanos y agenda tu primera sesión gratuita.",
},
id: "1", title: "¿Cómo empiezo?", content: "Contáctanos y agenda tu primera sesión gratuita."},
{
id: "2",
title: "¿Es presencial?",
content: "Ofrecemos ambas modalidades según tu necesidad.",
},
id: "2", title: "¿Es presencial?", content: "Ofrecemos ambas modalidades según tu necesidad."},
{
id: "3",
title: "¿Tienen paquetes?",
content: "Sí, tenemos opciones para acompañamiento continuo.",
},
id: "3", title: "¿Tienen paquetes?", content: "Sí, tenemos opciones para acompañamiento continuo."},
]}
title="Preguntas frecuentes"
faqsAnimation="blur-reveal"
@@ -280,14 +182,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
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."
buttons={[
{
text: "Escríbenos por WhatsApp",
href: "https://wa.me/tu-numero",
},
text: "Escríbenos por WhatsApp", href: "https://wa.me/tu-numero"},
]}
/>
</div>
@@ -296,13 +195,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Brillando Corazones"
leftLink={{
text: "Privacidad",
href: "#",
}}
text: "Privacidad", href: "#"}}
rightLink={{
text: "Contacto",
href: "#contact",
}}
text: "Contacto", href: "#contact"}}
/>
</div>
</ReactLenis>

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

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

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--primary-cta-text: #f5f5f5;
--background: #fbfaff;
--card: #f7f5ff;
--foreground: #0f0022;
--primary-cta: #8b5cf6;
--primary-cta-text: #fbfaff;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
--secondary-cta-text: #0f0022;
--accent: #d8cef5;
--background-accent: #c4a8f9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);