bender/96f80464-9d15-4784-a0de-34ba4378bd69
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #2

Merged
bender merged 2 commits from version_3 into main 2026-03-18 14:18:22 +00:00
Conversation 0 Commits 2 Files Changed 2 +196 -6
2 changed files with 196 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,190 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart, BookOpen, Cross, Zap, Target, MessageCircle } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Sebas"
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Sobre mí", id: "/about" },
{ name: "Crecimiento", id: "growth" },
{ name: "Playlists", id: "playlists" },
{ name: "Portafolio", id: "portfolio" },
{ name: "Contacto", id: "contact" }
]}
button={{ text: "Conectar", href: "#contact" }}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
tag="Mi Historia Completa"
tagIcon={Heart}
title="De Colombia a España: Un viaje de fe, disciplina y propósito"
description="Mi nombre es Sebastián. Soy un ingeniero de sonido apasionado, productor multimedia y hombre de fe que ha caminado un sendero extraordinario desde las montañas de Colombia hasta las tierras de España. Esta es mi historia."
useInvertedBackground={false}
textboxLayout="default"
imagePosition="right"
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/teenager-performing-split-pier_23-2147707612.jpg?_wi=1"
imageAlt="Sebastián en su viaje de transformación"
bulletPoints={[
{
title: "Raíces Colombianas", description: "Nací en Colombia, donde las montañas tocaban el cielo y la música fluía por las calles. Desde pequeño, el sonido me fascinó. No era solo ruido; era un lenguaje del alma. La cultura vibrante de mi tierra me enseñó que la vida es ritmo, que cada momento tiene su propia melodía. Mis raíces colombianas son el fundamento de todo lo que soy.", icon: Heart
},
{
title: "Descubriendo mi Pasión por el Sonido", description: "En la adolescencia, descubrí que podía manipular el sonido como un escultor manipula la arcilla. No era solo técnica; era arte. Cada mezcla era una oración, cada producción era un acto de creación. Me sumergí en la ingeniería de sonido con un propósito: transformar emociones en ondas sonoras que tocaran el corazón de las personas.", icon: Zap
},
{
title: "Fe como Brújula Central", description: "Pero lo más importante en mi vida no fue la técnica, fue mi fe. 'Mi presencia irá contigo, y te daré descanso' (Éxodo 33:14). Desde joven, reconocí que Dios era el centro. Mi fe no es algo separado de mi profesión; es el corazón que late en cada proyecto. Es la razón por la que hago lo que hago. Mi relación con Dios es la identidad más profunda que tengo, más importante que cualquier título o logro.", icon: Cross
},
{
title: "El Viaje a España", description: "Llegó un momento en mi vida cuando sentí el llamado a dar un paso más grande. Dejar Colombia significaba abandonar lo conocido, lo seguro, lo cómodo. Pero la fe me llevaba adelante. En España descubrí nuevas perspectivas, nuevas culturas, nuevas formas de expresar la creatividad. El cambio fue difícil, pero también fue libertador. Aprendí que el verdadero crecimiento requiere valentía.", icon: Target
},
{
title: "Disciplina Diaria", description: "Cada día me levanto comprometido con la disciplina. No es rigidez; es amor por la excelencia. Me dedico a mejorar mis habilidades, a profundizar mi fe, a servir con integridad. La disciplina transformó mis sueños en realidad. Cada hora de estudio, cada ensayo, cada proyecto completado es un acto de devoción a mi propósito. La disciplina es la clave que abre puertas que el talento solo puede tocar.", icon: Zap
},
{
title: "Propósito: Sonido con Significado", description: "Mi propósito es claro: crear sonido que transforma. No produzco música por dinero; produzco por misión. Cada nota que mezclo, cada evento que sonorizo, cada proyecto en el que trabajo tiene un propósito más allá de lo técnico. Quiero que mi trabajo sea un puente entre lo divino y lo humano, que toque almas y cambie vidas. Este propósito guía cada decisión que tomo.", icon: Target
}
]}
buttons={[
{ text: "Ver mi portafolio", href: "/" },
{ text: "Conectar conmigo", href: "#contact" }
]}
/>
</div>
<div id="values" data-section="values">
<FeatureHoverPattern
tag="Los Tres Pilares"
title="Fe, Disciplina y Propósito: Mi brújula de vida"
description="Estos tres valores no son conceptos abstractos; son el tejido de mi existencia diaria. Son los pilares que sostienen cada decisión, cada proyecto, cada relación."
features={[
{
icon: Cross,
title: "Fe: Mi Fundamento Inquebrantable", description: "'Mi presencia irá contigo, y te daré descanso' (Éxodo 33:14). La fe es más que religión; es confianza radical en que hay un propósito mayor. Mi fe en Dios es el fundamento de todo. No es debilidad; es la fuerza más poderosa que conozco. Me sostiene en la incertidumbre, me guía en la confusión, me consuela en el dolor. Mi fe es mi identidad más profunda, más importante que mi profesión, mi ubicación o mis logros. Es lo que me hace quien soy."
},
{
icon: Zap,
title: "Disciplina: La Transformación Diaria", description: "La disciplina no es castigo; es amor. Es la dedicación constante a mejorar, a crecer, a servir con excelencia. Cada día me levanto con la intención de ser mejor que ayer. La disciplina transforma sueños en realidad, visiones en logros concretos. Es en la rutina donde se construye el carácter. En la consistencia, donde se forja la excelencia. La disciplina es el acto de amar tu futuro más que tu comodidad presente."
},
{
icon: Target,
title: "Propósito: La Razón de Existir", description: "¿Por qué hago lo que hago? Porque tengo un propósito. Cada nota que produzco, cada mezcla que realizo, cada evento que sonorizo tiene un significado. No es solo tecnología; es servicio. Mi propósito es transformar el mundo a través del sonido, conectar almas, tocar corazones. Cuando tu trabajo está alineado con tu propósito, la vida deja de ser una obligación y se convierte en una celebración. Este es mi compromiso."
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="growth" data-section="growth">
<BlogCardThree
title="Mi Viaje de Crecimiento"
description="Reflexiones profundas sobre mi evolución personal, espiritual y profesional desde Colombia hasta hoy."
tag="Reflexiones Personales"
tagIcon={BookOpen}
blogs={[
{
id: "growth-1", category: "Identidad", title: "La Fe como Identidad Central", excerpt: "Descubrí que mi fe no es un componente de quien soy; es el núcleo. Todo lo demás orbita alrededor de esta verdad fundamental. Mi fe en Dios es más importante que mis habilidades técnicas, mis logros profesionales o mi ubicación geográfica.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-person-sitting-rock-with-bible-knee-praying_181624-23325.jpg?_wi=1", imageAlt: "Momento de fe y reflexión", authorName: "Sebas", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", date: "20 de Enero, 2024"
},
{
id: "growth-2", category: "Transformación", title: "De Colombia a España: Lecciones del Cambio Radical", excerpt: "Dejar Colombia fue más que un cambio geográfico; fue una transformación profunda. Aprendí que el verdadero crecimiento requiere dejar atrás lo conocido. En la vulnerabilidad, encuentro fortaleza.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-mediterranean-coastline_1401-244.jpg?_wi=1", imageAlt: "Transición de Colombia a España", authorName: "Sebas", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", date: "15 de Enero, 2024"
},
{
id: "growth-3", category: "Disciplina", title: "El Poder de la Consistencia Diaria", excerpt: "La disciplina no es una meta que se alcanza; es un hábito que se cultiva. Cada día es una oportunidad para reafirmar mi compromiso con la excelencia y el crecimiento personal.", imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47803.jpg?_wi=1", imageAlt: "Trabajo disciplinado y dedicado", authorName: "Sebas", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", date: "10 de Enero, 2024"
},
{
id: "growth-4", category: "Propósito", title: "Sonido como Servicio: Mi Misión Redefinida", excerpt: "Comprendí que la ingeniería de sonido no es solo una carrera; es un ministerio. Cada proyecto es una oportunidad de servir, de tocar vidas, de transformar emociones en experiencias divinas.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-record-composer-mixing-mastering-songs-with-audio-software_482257-98129.jpg?_wi=1", imageAlt: "Creación con propósito", authorName: "Sebas", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", date: "5 de Enero, 2024"
},
{
id: "growth-5", category: "Fe", title: "Encontrar Paz en la Incertidumbre", excerpt: "La vida está llena de momentos inciertos. Pero cuando anclo mi fe en Dios, descubro que la paz no depende de las circunstancias; depende de en quién confío.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-portrait-young-caucasian-woman-summer-dress-enjoying-relaxing-park-mountain-with-amazing-tropical-sea-view-female-vacation-travel-around-thailand-happy-woman-sunset_343596-1499.jpg", imageAlt: "Paz en la naturaleza", authorName: "Sebas", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", date: "28 de Diciembre, 2023"
},
{
id: "growth-6", category: "Evolución", title: "Integración: Cuando la Fe y la Profesión Se Unifican", excerpt: "El verdadero crecimiento no es separar la fe de la profesión, sino integrarlas. Cuando lo espiritual y lo profesional trabajan juntos, creo desde un lugar de totalidad y autenticidad.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-playing-guitar_23-2149450842.jpg", imageAlt: "Unificación de fe y arte", authorName: "Sebas", authorAvatar: "http://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg", date: "22 de Diciembre, 2023"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
uniformGridCustomHeightClasses="min-h-[500px]"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Conectemos"
title="Quiero conocer tu historia"
description="¿Tienes preguntas sobre fe, crecimiento personal o proyectos de sonido? Me encantaría escucharte y acompañarte en tu viaje."
tagIcon={MessageCircle}
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/teenager-performing-split-pier_23-2147707612.jpg?_wi=2"
imageAlt="Conexión y transformación"
mediaAnimation="slide-up"
mediaPosition="left"
inputPlaceholder="Tu email aquí..."
buttonText="Conectar"
termsText="Al hacer clic en Conectar, aceptas mis términos de privacidad. Tu información será tratada con respeto."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navegación", items: [
{ label: "Inicio", href: "/" },
{ label: "Sobre mí", href: "/about" },
{ label: "Crecimiento", href: "/#growth" },
{ label: "Playlists", href: "/#playlists" }
]
},
{
title: "Conexión", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Spotify", href: "https://open.spotify.com" },
{ label: "YouTube", href: "https://youtube.com" },
{ label: "Email", href: "mailto:contact@sebas.com" }
]
},
{
title: "Recursos", items: [
{ label: "Portafolio", href: "/#portfolio" },
{ label: "Testimonios", href: "/#testimonials" },
{ label: "Contacto", href: "#contact" },
{ label: "Privacidad", href: "#" }
]
}
]}
bottomLeftText="© 2024 Sebas. Creciendo en el proceso, guiado por Dios."
bottomRightText="Hecho con fe, disciplina y propósito 🙏"
/>
</div>
</ThemeProvider>
);
}

12
src/app/page.tsx
View File

@@ -32,7 +32,7 @@ export default function LandingPage() {
brandName="Sebas"
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Sobre mí", id: "about" },
{ name: "Sobre mí", id: "/about" },
{ name: "Crecimiento", id: "growth" },
{ name: "Playlists", id: "playlists" },
{ name: "Portafolio", id: "portfolio" },
@@ -47,7 +47,7 @@ export default function LandingPage() {
logoText="Creciendo en el proceso, guiado por Dios"
description="Ingeniero de sonido | Multimedia | Fe | Desde Colombia hacia España"
buttons={[
{ text: "Ver mi historia", href: "#about" },
{ text: "Ver mi historia", href: "/about" },
{ text: "Escuchar playlists", href: "#playlists" }
]}
slides={[
@@ -73,7 +73,7 @@ export default function LandingPage() {
title="Desde Colombia hasta España: Un viaje de fe y propósito"
useInvertedBackground={false}
buttons={[
{ text: "Conectar conmigo", href: "#contact" }
{ text: "Leer historia completa", href: "/about" }
]}
/>
</div>
@@ -242,8 +242,8 @@ export default function LandingPage() {
columns={[
{
title: "Navegación", items: [
{ label: "Inicio", href: "#hero" },
{ label: "Sobre mí", href: "#about" },
{ label: "Inicio", href: "/" },
{ label: "Sobre mí", href: "/about" },
{ label: "Crecimiento", href: "#growth" },
{ label: "Playlists", href: "#playlists" }
]
@@ -271,4 +271,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}