Merge version_1 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -34,44 +34,31 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Academy",
|
||||
id: "offerings",
|
||||
},
|
||||
name: "Academy", id: "offerings"},
|
||||
{
|
||||
name: "Instructor",
|
||||
id: "about",
|
||||
},
|
||||
name: "Instructor", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Brand 360"
|
||||
button={{
|
||||
text: "Unirme ahora",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Unirme ahora", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Construye una marca personal que genera clientes, no solo seguidores."
|
||||
description="La academia de contenido definitiva para profesionales latinos en Miami. Eleva tu presencia a nivel Hollywood."
|
||||
buttons={[
|
||||
{
|
||||
text: "Quiero entrar — $100/mes",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Quiero entrar — $100/mes", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/online-influencer-creating-fun-podcast-content-with-videoblog-recording-live-discussion-broadcast-social-media-channel-happy-lifestyle-blogger-using-vlogging-equipment_482257-43472.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/online-influencer-creating-fun-podcast-content-with-videoblog-recording-live-discussion-broadcast-social-media-channel-happy-lifestyle-blogger-using-vlogging-equipment_482257-43472.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,28 +69,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Vistas Totales",
|
||||
value: "4.5M",
|
||||
icon: Eye,
|
||||
id: "m1", title: "Vistas Totales", value: "4.5M", icon: Eye,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Suscriptores Podcast",
|
||||
value: "15K",
|
||||
icon: Mic,
|
||||
id: "m2", title: "Suscriptores Podcast", value: "15K", icon: Mic,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Experiencia",
|
||||
value: "7 Años",
|
||||
icon: Award,
|
||||
id: "m3", title: "Experiencia", value: "7 Años", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Estándar",
|
||||
value: "Hollywood",
|
||||
icon: Camera,
|
||||
id: "m4", title: "Estándar", value: "Hollywood", icon: Camera,
|
||||
},
|
||||
]}
|
||||
title="Nivel Hollywood"
|
||||
@@ -118,36 +93,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sin rumbo",
|
||||
description: "Quieres crear pero no sabes por dónde empezar.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Compass,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-influencer-creating-fun-podcast-content-with-videoblog-recording-live-discussion-broadcast-social-media-channel-happy-lifestyle-blogger-using-vlogging-equipment_482257-43472.jpg?_wi=2",
|
||||
imageAlt: "creative director portrait",
|
||||
title: "Sin rumbo", description: "Quieres crear pero no sabes por dónde empezar.", bentoComponent: "reveal-icon", icon: Compass,
|
||||
},
|
||||
{
|
||||
title: "Falta de ventas",
|
||||
description: "Publicas contenido pero no consigues clientes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingDown,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg?_wi=1",
|
||||
imageAlt: "podcast equipment studio",
|
||||
title: "Falta de ventas", description: "Publicas contenido pero no consigues clientes.", bentoComponent: "reveal-icon", icon: TrendingDown,
|
||||
},
|
||||
{
|
||||
title: "Autoridad baja",
|
||||
description: "No logras posicionarte como la referencia de tu nicho.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033305.jpg?_wi=1",
|
||||
imageAlt: "studio light professional",
|
||||
title: "Autoridad baja", description: "No logras posicionarte como la referencia de tu nicho.", bentoComponent: "reveal-icon", icon: User,
|
||||
},
|
||||
{
|
||||
title: "Gestión del tiempo",
|
||||
description: "No tienes tiempo para aprender y ejecutar todo solo.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-movie-camera-lens-movie-set_1268-15950.jpg?_wi=1",
|
||||
imageAlt: "youtube video camera",
|
||||
title: "Gestión del tiempo", description: "No tienes tiempo para aprender y ejecutar todo solo.", bentoComponent: "reveal-icon", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="¿Te suena familiar?"
|
||||
@@ -163,41 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Podcasting desde cero",
|
||||
price: "Acceso incluido",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Podcasting desde cero", price: "Acceso incluido", imageSrc: "http://img.b2bpic.net/free-photo/african-american-musician-working-editing-new-music-with-greenscreen_482257-121209.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iluminación profesional",
|
||||
price: "Acceso incluido",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033305.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Iluminación profesional", price: "Acceso incluido", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-photography-studio_23-2149033305.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Canal YouTube Elite",
|
||||
price: "Acceso incluido",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-movie-camera-lens-movie-set_1268-15950.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Canal YouTube Elite", price: "Acceso incluido", imageSrc: "http://img.b2bpic.net/free-photo/professional-movie-camera-lens-movie-set_1268-15950.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Técnica de cámara",
|
||||
price: "Acceso incluido",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-camera-lens-chess-game_23-2149552368.jpg",
|
||||
},
|
||||
id: "p4", name: "Técnica de cámara", price: "Acceso incluido", imageSrc: "http://img.b2bpic.net/free-photo/top-view-camera-lens-chess-game_23-2149552368.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Monetización avanzada",
|
||||
price: "Acceso incluido",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-ready-meeting_1098-3520.jpg",
|
||||
},
|
||||
id: "p5", name: "Monetización avanzada", price: "Acceso incluido", imageSrc: "http://img.b2bpic.net/free-photo/office-ready-meeting_1098-3520.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Masterclass Janet Atlanta",
|
||||
price: "Acceso incluido",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-art-supplies-arrangement_23-2148577676.jpg",
|
||||
},
|
||||
id: "p6", name: "Masterclass Janet Atlanta", price: "Acceso incluido", imageSrc: "http://img.b2bpic.net/free-photo/top-view-art-supplies-arrangement_23-2148577676.jpg"},
|
||||
]}
|
||||
title="Domina tu marca personal"
|
||||
description="Todo lo que necesitas bajo un mismo techo."
|
||||
@@ -211,20 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pro",
|
||||
name: "Membresía Academia",
|
||||
price: "$100/mes",
|
||||
features: [
|
||||
"Sesiones en vivo con Alex",
|
||||
"Masterclasses mensuales",
|
||||
"Acceso a la comunidad privada",
|
||||
"Plantillas de contenido",
|
||||
],
|
||||
id: "pro", name: "Membresía Academia", price: "$100/mes", features: [
|
||||
"Sesiones en vivo con Alex", "Masterclasses mensuales", "Acceso a la comunidad privada", "Plantillas de contenido"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Unirme ahora",
|
||||
href: "#",
|
||||
},
|
||||
text: "Unirme ahora", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -238,30 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Cammy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
|
||||
},
|
||||
id: "t1", name: "Cammy", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anabel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerful-girl-casual-clothes-showing-okay-sign_171337-18402.jpg",
|
||||
},
|
||||
id: "t2", name: "Anabel", imageSrc: "http://img.b2bpic.net/free-photo/smiling-cheerful-girl-casual-clothes-showing-okay-sign_171337-18402.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pollito Tropical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-glasses_23-2148629700.jpg",
|
||||
},
|
||||
id: "t3", name: "Pollito Tropical", imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-glasses_23-2148629700.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "User 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
|
||||
},
|
||||
id: "t4", name: "User 4", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "User 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-taking-photos_23-2150254653.jpg",
|
||||
},
|
||||
id: "t5", name: "User 5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographer-taking-photos_23-2150254653.jpg"},
|
||||
]}
|
||||
cardTitle="Resultados reales"
|
||||
cardTag="Testimonios"
|
||||
@@ -274,11 +181,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Sobre Alex, tu instructor"
|
||||
description={[
|
||||
"7 años creando contenido de alto impacto.",
|
||||
"Experiencia trabajando para marcas como YSL y Prada.",
|
||||
"Más de 4.5 millones de vistas y 15k suscriptores en podcast.",
|
||||
"Especialista en elevar marcas a nivel profesional.",
|
||||
]}
|
||||
"7 años creando contenido de alto impacto.", "Experiencia trabajando para marcas como YSL y Prada.", "Más de 4.5 millones de vistas y 15k suscriptores en podcast.", "Especialista en elevar marcas a nivel profesional."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -288,30 +191,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Necesito experiencia previa?",
|
||||
content: "No, empezamos desde los fundamentos.",
|
||||
},
|
||||
id: "f1", title: "¿Necesito experiencia previa?", content: "No, empezamos desde los fundamentos."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Necesito equipo costoso?",
|
||||
content: "Te enseñamos a usar lo que ya tienes.",
|
||||
},
|
||||
id: "f2", title: "¿Necesito equipo costoso?", content: "Te enseñamos a usar lo que ya tienes."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Para quién es este programa?",
|
||||
content: "Para profesionales y dueños de negocio latinos.",
|
||||
},
|
||||
id: "f3", title: "¿Para quién es este programa?", content: "Para profesionales y dueños de negocio latinos."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "¿Cómo son las sesiones en vivo?",
|
||||
content: "Sesiones semanales con Alex vía Zoom.",
|
||||
},
|
||||
id: "f4", title: "¿Cómo son las sesiones en vivo?", content: "Sesiones semanales con Alex vía Zoom."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "¿Puedo cancelar en cualquier momento?",
|
||||
content: "Sí, sin contratos ni permanencia.",
|
||||
},
|
||||
id: "f5", title: "¿Puedo cancelar en cualquier momento?", content: "Sí, sin contratos ni permanencia."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-office-business-equipment-black-background_1387-732.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -325,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Tu momento es ahora"
|
||||
title="Tu marca personal merece nivel Hollywood"
|
||||
description="Únete a la academia Brand 360 y profesionaliza tu mensaje hoy."
|
||||
|
||||
Reference in New Issue
Block a user