Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { MessageSquare, ShieldCheck, Target, TrendingUp, Users } from "lucide-react";
|
||||
import { MessageSquare, ShieldCheck, Target, TrendingUp, Users, BarChart3 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Portafolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portafolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Visual Marketing"
|
||||
/>
|
||||
@@ -53,99 +45,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Brand Deserves Professional Digital Marketing"
|
||||
description="We transform businesses through strategic community management, stunning web design, professional content creation, and data-driven Meta Ads campaigns. Visual Marketing proves expertise through every pixel."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Martina R.",
|
||||
handle: "@tienda_bragado",
|
||||
testimonial: "Transformaron nuestra presencia digital por completo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
},
|
||||
name: "Martina R.", handle: "@tienda_bragado", testimonial: "Transformaron nuestra presencia digital por completo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg"},
|
||||
{
|
||||
name: "Juan Carlos M.",
|
||||
handle: "@restaurant_la_posta",
|
||||
testimonial: "Resultados concretos y un diseño impecable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-bearded-man-showing-small-gesture-looking-disappointed-standing-against-white-background_1258-113733.jpg",
|
||||
},
|
||||
name: "Juan Carlos M.", handle: "@restaurant_la_posta", testimonial: "Resultados concretos y un diseño impecable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-bearded-man-showing-small-gesture-looking-disappointed-standing-against-white-background_1258-113733.jpg"},
|
||||
{
|
||||
name: "Sofía T.",
|
||||
handle: "@diseno_interior_ba",
|
||||
testimonial: "El mejor equipo de gestión de comunidad en la zona.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interviewer-reviewing-cv-candidate-job-interview_482257-106970.jpg",
|
||||
},
|
||||
name: "Sofía T.", handle: "@diseno_interior_ba", testimonial: "El mejor equipo de gestión de comunidad en la zona.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interviewer-reviewing-cv-candidate-job-interview_482257-106970.jpg"},
|
||||
{
|
||||
name: "Diego F.",
|
||||
handle: "@servicios_it_ba",
|
||||
testimonial: "Profesionalismo puro en cada campaña.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727808.jpg",
|
||||
},
|
||||
name: "Diego F.", handle: "@servicios_it_ba", testimonial: "Profesionalismo puro en cada campaña.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727808.jpg"},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
handle: "@moda_bragado",
|
||||
testimonial: "Meta Ads optimizados con retorno real.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-2210.jpg",
|
||||
},
|
||||
name: "Lucía P.", handle: "@moda_bragado", testimonial: "Meta Ads optimizados con retorno real.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-2210.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Nuestro Portafolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "Ver Nuestro Portafolio", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg"
|
||||
imageAlt="Visual Marketing Agency Work"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
|
||||
alt: "Martina R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg", alt: "Martina R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/displeased-bearded-man-showing-small-gesture-looking-disappointed-standing-against-white-background_1258-113733.jpg",
|
||||
alt: "Juan Carlos M.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/displeased-bearded-man-showing-small-gesture-looking-disappointed-standing-against-white-background_1258-113733.jpg", alt: "Juan Carlos M."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interviewer-reviewing-cv-candidate-job-interview_482257-106970.jpg",
|
||||
alt: "Sofía T.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/interviewer-reviewing-cv-candidate-job-interview_482257-106970.jpg", alt: "Sofía T."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727808.jpg",
|
||||
alt: "Diego F.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-library_23-2148727808.jpg", alt: "Diego F."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-2210.jpg",
|
||||
alt: "Lucía P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/amazingly-looking-african-american-man-wear-blue-blazer-with-brooch-black-turtleneck-glasses-posed-street-fashionable-black-guy-with-cup-coffee_627829-2210.jpg", alt: "Lucía P."},
|
||||
]}
|
||||
avatarText="Más de 50 empresas en Bragado confían en nosotros."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Marketing Digital",
|
||||
},
|
||||
type: "text", text: "Marketing Digital"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gestión de Redes",
|
||||
},
|
||||
type: "text", text: "Gestión de Redes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Meta Ads",
|
||||
},
|
||||
type: "text", text: "Meta Ads"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Web",
|
||||
},
|
||||
type: "text", text: "Diseño Web"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Content Creation",
|
||||
},
|
||||
type: "text", text: "Content Creation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,52 +106,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gestión de Comunidad",
|
||||
description: "Construimos comunidades leales en redes sociales.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg?_wi=1",
|
||||
},
|
||||
title: "Gestión de Comunidad", description: "Construimos comunidades leales en redes sociales.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Estrategia constante",
|
||||
},
|
||||
text: "Estrategia constante"},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Interacción real",
|
||||
},
|
||||
text: "Interacción real"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Crecimiento medible",
|
||||
},
|
||||
text: "Crecimiento medible"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzkpZZVw7DpGdpLDd2AsypHLPx/uploaded-1775499490976-79jndjb1.png",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Meta Ads Management",
|
||||
description: "Campañas optimizadas para maximizar su ROI.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=1",
|
||||
},
|
||||
title: "Meta Ads Management", description: "Campañas optimizadas para maximizar su ROI.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: BarChart3,
|
||||
text: "Segmentación precisa",
|
||||
},
|
||||
text: "Segmentación precisa"},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Conversiones directas",
|
||||
},
|
||||
text: "Conversiones directas"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Presupuesto eficiente",
|
||||
},
|
||||
text: "Presupuesto eficiente"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg?_wi=2",
|
||||
imageAlt: "minimalist marketing agency office professional",
|
||||
},
|
||||
]}
|
||||
title="Marketing Integral de Excelencia"
|
||||
@@ -218,41 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "E-commerce Retail",
|
||||
price: "Web Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", name: "E-commerce Retail", price: "Web Development", imageSrc: "http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Campaña Branding",
|
||||
price: "Content Creation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Campaña Branding", price: "Content Creation", imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Portal Inmobiliario",
|
||||
price: "Web Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Portal Inmobiliario", price: "Web Development", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Landing Gastronomía",
|
||||
price: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg?_wi=4",
|
||||
},
|
||||
id: "p4", name: "Landing Gastronomía", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/photographers-workplace-with-camera-lens-flat-lay_169016-21434.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Visual Branding",
|
||||
price: "Corporate Identity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg?_wi=3",
|
||||
},
|
||||
id: "p5", name: "Visual Branding", price: "Corporate Identity", imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "App Mobile Design",
|
||||
price: "Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=3",
|
||||
},
|
||||
id: "p6", name: "App Mobile Design", price: "Development", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg"},
|
||||
]}
|
||||
title="Nuestros Proyectos"
|
||||
description="Casos de éxito que demuestran nuestra capacidad de diseño y estrategia."
|
||||
@@ -265,22 +174,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Impulsamos tu Visión Local"
|
||||
description="Conectamos marcas de Bragado con su audiencia ideal a través de creatividad y precisión analítica."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg"
|
||||
imageAlt="Equipo de trabajo"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Creatividad sin límites",
|
||||
description: "Contenido audiovisual de alta calidad.",
|
||||
},
|
||||
title: "Creatividad sin límites", description: "Contenido audiovisual de alta calidad."},
|
||||
{
|
||||
title: "Data estratégica",
|
||||
description: "Optimización constante de tus inversiones.",
|
||||
},
|
||||
title: "Data estratégica", description: "Optimización constante de tus inversiones."},
|
||||
{
|
||||
title: "Compromiso local",
|
||||
description: "Atención personalizada para cada negocio de Bragado.",
|
||||
},
|
||||
title: "Compromiso local", description: "Atención personalizada para cada negocio de Bragado."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,22 +195,14 @@ export default function LandingPage() {
|
||||
description="Estamos en Bragado, Buenos Aires. Escribinos para llevar tu marca al siguiente nivel."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nombre completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email profesional",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email profesional", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Cuéntanos sobre tu proyecto...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Cuéntanos sobre tu proyecto...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283228.jpg"
|
||||
/>
|
||||
@@ -321,29 +216,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Servicios", href: "#services"},
|
||||
{
|
||||
label: "Portafolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portafolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp: +54 2342 46-4386",
|
||||
href: "https://wa.me/542342464386",
|
||||
},
|
||||
label: "WhatsApp: +54 2342 46-4386", href: "https://wa.me/542342464386"},
|
||||
{
|
||||
label: "Bragado, Buenos Aires",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bragado, Buenos Aires", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user