Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -29,26 +29,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#servicios",
|
||||
},
|
||||
name: "Servicios", id: "#servicios"},
|
||||
{
|
||||
name: "Portafolio",
|
||||
id: "#portafolio",
|
||||
},
|
||||
name: "Portafolio", id: "#portafolio"},
|
||||
{
|
||||
name: "Proceso",
|
||||
id: "#proceso",
|
||||
},
|
||||
name: "Proceso", id: "#proceso"},
|
||||
{
|
||||
name: "Planes",
|
||||
id: "#planes",
|
||||
},
|
||||
name: "Planes", id: "#planes"},
|
||||
]}
|
||||
brandName="FRAGUE"
|
||||
button={{
|
||||
text: "Contáctanos",
|
||||
}}
|
||||
text: "Contáctanos"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,74 +49,40 @@ export default function LandingPage() {
|
||||
description="FRAGUE es una agencia de publicidad y producción audiovisual que combina estrategia, ejecución visual y enfoque comercial para que tu marca se posicione y convierta."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marca corporativa",
|
||||
handle: "@frague",
|
||||
testimonial: "Frague logró que nuestra comunicación se viera más seria, actual y orientada a resultados.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-bearded-man-making-eyeglasses-gesture-isolated-dark-wall_140725-97164.jpg",
|
||||
},
|
||||
name: "Marca corporativa", handle: "@frague", testimonial: "Frague logró que nuestra comunicación se viera más seria, actual y orientada a resultados.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-emotional-bearded-man-making-eyeglasses-gesture-isolated-dark-wall_140725-97164.jpg"},
|
||||
{
|
||||
name: "Estudio jurídico",
|
||||
handle: "@frague",
|
||||
testimonial: "La propuesta visual y estratégica nos ayudó a ver el marketing de otra manera.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-bearded-man-suit-straightening-his-tie-dark-wall_140725-97218.jpg",
|
||||
},
|
||||
name: "Estudio jurídico", handle: "@frague", testimonial: "La propuesta visual y estratégica nos ayudó a ver el marketing de otra manera.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-bearded-man-suit-straightening-his-tie-dark-wall_140725-97218.jpg"},
|
||||
{
|
||||
name: "Empresa en crecimiento",
|
||||
handle: "@frague",
|
||||
testimonial: "Producción profesional con una intención clara de convertir.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rage-young-successful-businessman-angering-black-wall_176420-8319.jpg",
|
||||
},
|
||||
name: "Empresa en crecimiento", handle: "@frague", testimonial: "Producción profesional con una intención clara de convertir.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rage-young-successful-businessman-angering-black-wall_176420-8319.jpg"},
|
||||
{
|
||||
name: "Startup Tech",
|
||||
handle: "@frague",
|
||||
testimonial: "Calidad visual impecable que nos puso en el siguiente nivel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-wearing-glasses_329181-745.jpg",
|
||||
},
|
||||
name: "Startup Tech", handle: "@frague", testimonial: "Calidad visual impecable que nos puso en el siguiente nivel.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-wearing-glasses_329181-745.jpg"},
|
||||
{
|
||||
name: "Marca Personal",
|
||||
handle: "@frague",
|
||||
testimonial: "Me ayudaron a encontrar mi voz y proyectar autoridad.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
|
||||
},
|
||||
name: "Marca Personal", handle: "@frague", testimonial: "Me ayudaron a encontrar mi voz y proyectar autoridad.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg"},
|
||||
]}
|
||||
tag="Marketing, Branding y Producción Audiovisual"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agenda una asesoría",
|
||||
href: "#",
|
||||
},
|
||||
text: "Agenda una asesoría", href: "#"},
|
||||
{
|
||||
text: "Ver Portafolio",
|
||||
href: "#portafolio",
|
||||
},
|
||||
text: "Ver Portafolio", href: "#portafolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-cafe-looking-smartphone-writing-notebook_1098-17150.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-cityspace-night_116348-86.jpg",
|
||||
alt: "Futuristic cityspace at the night",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-cityspace-night_116348-86.jpg", alt: "Futuristic cityspace at the night"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brown-building-exterior-metallic-staircase_250224-291.jpg",
|
||||
alt: "Brown building and exterior metallic staircase",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brown-building-exterior-metallic-staircase_250224-291.jpg", alt: "Brown building and exterior metallic staircase"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg",
|
||||
alt: "People walking down the japanese food court",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-walking-down-japanese-food-court_23-2148759593.jpg", alt: "People walking down the japanese food court"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-looking-city_23-2150712442.jpg",
|
||||
alt: "Cyberpunk warrior looking over city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-looking-city_23-2150712442.jpg", alt: "Cyberpunk warrior looking over city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg",
|
||||
alt: "Corporate employee with headphones listening music and having fun",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/corporate-employee-with-headphones-listening-music-having-fun_482257-77652.jpg", alt: "Corporate employee with headphones listening music and having fun"},
|
||||
]}
|
||||
avatarText="Más de 50+ marcas impulsadas"
|
||||
/>
|
||||
@@ -139,33 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Producción Audiovisual",
|
||||
description: "Reels y videos corporativos de alto nivel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130786.jpg",
|
||||
titleIconSrc: "Video",
|
||||
buttonText: "Saber más",
|
||||
},
|
||||
title: "Producción Audiovisual", description: "Reels y videos corporativos de alto nivel.", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130786.jpg", titleIconSrc: "Video", buttonText: "Saber más"},
|
||||
{
|
||||
title: "Publicidad Estratégica",
|
||||
description: "Campañas diseñadas para captar clientes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-person-holding-professional-digital-camera_23-2150720443.jpg",
|
||||
titleIconSrc: "Megaphone",
|
||||
buttonText: "Saber más",
|
||||
},
|
||||
title: "Publicidad Estratégica", description: "Campañas diseñadas para captar clientes.", imageSrc: "http://img.b2bpic.net/free-photo/view-person-holding-professional-digital-camera_23-2150720443.jpg", titleIconSrc: "Megaphone", buttonText: "Saber más"},
|
||||
{
|
||||
title: "Sistemas de Captación",
|
||||
description: "Marketing integrado que no depende de la improvisación.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
|
||||
titleIconSrc: "BarChart3",
|
||||
buttonText: "Saber más",
|
||||
},
|
||||
title: "Sistemas de Captación", description: "Marketing integrado que no depende de la improvisación.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", titleIconSrc: "BarChart3", buttonText: "Saber más"},
|
||||
{
|
||||
title: "Branding",
|
||||
description: "Construimos marcas con identidad clara.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011522.jpg",
|
||||
titleIconSrc: "Sparkles",
|
||||
buttonText: "Saber más",
|
||||
},
|
||||
title: "Branding", description: "Construimos marcas con identidad clara.", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011522.jpg", titleIconSrc: "Sparkles", buttonText: "Saber más"},
|
||||
]}
|
||||
title="Servicios Estratégicos"
|
||||
description="Soluciones integrales de marketing y producción."
|
||||
@@ -174,64 +111,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portafolio" data-section="portafolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Legal",
|
||||
name: "Contenido Jurídico",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-stationery_1195-107.jpg",
|
||||
},
|
||||
id: "p1", brand: "Legal", name: "Contenido Jurídico", price: "Premium", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-vector/elegant-business-stationery_1195-107.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Ads",
|
||||
name: "Producción Comercial",
|
||||
price: "High-Impact",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110882.jpg",
|
||||
},
|
||||
id: "p2", brand: "Ads", name: "Producción Comercial", price: "High-Impact", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110882.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Branding",
|
||||
name: "Identidad Visual",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
|
||||
},
|
||||
id: "p3", brand: "Branding", name: "Identidad Visual", price: "Premium", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Business",
|
||||
name: "Corporate Assets",
|
||||
price: "High-End",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-reflective-building-grayscale_23-2148230397.jpg",
|
||||
},
|
||||
id: "p4", brand: "Business", name: "Corporate Assets", price: "High-End", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-reflective-building-grayscale_23-2148230397.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Social",
|
||||
name: "Redes Sociales",
|
||||
price: "Engagement",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-devices-mock-up_23-2148339331.jpg",
|
||||
},
|
||||
id: "p5", brand: "Social", name: "Redes Sociales", price: "Engagement", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-devices-mock-up_23-2148339331.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Performance",
|
||||
name: "Campañas de Conversión",
|
||||
price: "High-ROI",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066321.jpg",
|
||||
},
|
||||
id: "p6", brand: "Performance", name: "Campañas de Conversión", price: "High-ROI", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-new-movie_23-2149066321.jpg"},
|
||||
]}
|
||||
title="Portafolio Visual"
|
||||
description="Una experiencia premium, pensada para impactar."
|
||||
@@ -245,55 +147,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Producción",
|
||||
price: "Desde S/ 350",
|
||||
period: "/proyecto",
|
||||
description: "Piezas audiovisuales con acabado profesional.",
|
||||
button: {
|
||||
text: "Solicitar",
|
||||
},
|
||||
featuresTitle: "Qué incluye",
|
||||
features: [
|
||||
"Reels promocionales",
|
||||
"Grabación profesional",
|
||||
"Edición optimizada",
|
||||
"Entrega inmediata",
|
||||
],
|
||||
id: "basic", tag: "Producción", price: "Desde S/ 350", period: "/proyecto", description: "Piezas audiovisuales con acabado profesional.", button: {
|
||||
text: "Solicitar"},
|
||||
featuresTitle: "Qué incluye", features: [
|
||||
"Reels promocionales", "Grabación profesional", "Edición optimizada", "Entrega inmediata"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Branding",
|
||||
price: "Desde S/ 800",
|
||||
period: "/proyecto",
|
||||
description: "Identidad visual sólida y coherente.",
|
||||
button: {
|
||||
text: "Solicitar",
|
||||
},
|
||||
featuresTitle: "Qué incluye",
|
||||
features: [
|
||||
"Logo y sistema",
|
||||
"Paleta de colores",
|
||||
"Manual de marca",
|
||||
"Piezas gráficas",
|
||||
],
|
||||
id: "standard", tag: "Branding", price: "Desde S/ 800", period: "/proyecto", description: "Identidad visual sólida y coherente.", button: {
|
||||
text: "Solicitar"},
|
||||
featuresTitle: "Qué incluye", features: [
|
||||
"Logo y sistema", "Paleta de colores", "Manual de marca", "Piezas gráficas"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Plan Mensual",
|
||||
price: "Desde S/ 1,500",
|
||||
period: "/mes",
|
||||
description: "Crecimiento, constancia y resultados.",
|
||||
button: {
|
||||
text: "Solicitar",
|
||||
},
|
||||
featuresTitle: "Qué incluye",
|
||||
features: [
|
||||
"Contenido mensual",
|
||||
"Gestión estratégica",
|
||||
"Interacción",
|
||||
"Enfoque en ventas",
|
||||
],
|
||||
id: "pro", tag: "Plan Mensual", price: "Desde S/ 1,500", period: "/mes", description: "Crecimiento, constancia y resultados.", button: {
|
||||
text: "Solicitar"},
|
||||
featuresTitle: "Qué incluye", features: [
|
||||
"Contenido mensual", "Gestión estratégica", "Interacción", "Enfoque en ventas"],
|
||||
},
|
||||
]}
|
||||
title="Planes de Crecimiento"
|
||||
@@ -305,18 +174,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Si tu marca necesita verse al nivel que quiere cobrar, aquí empieza ese cambio."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agenda una asesoría",
|
||||
href: "#",
|
||||
},
|
||||
text: "Agenda una asesoría", href: "#"},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
text: "WhatsApp", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -327,29 +191,19 @@ export default function LandingPage() {
|
||||
logoText="FRAGUE"
|
||||
columns={[
|
||||
{
|
||||
title: "Agencia",
|
||||
items: [
|
||||
title: "Agencia", items: [
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#",
|
||||
},
|
||||
label: "Nosotros", href: "#"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#servicios",
|
||||
},
|
||||
label: "Servicios", href: "#servicios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user