Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #4.
This commit is contained in:
190
src/app/page.tsx
190
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Intro", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "transformation"},
|
||||
{
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Intro", id: "hero" },
|
||||
{ name: "Características", id: "transformation" },
|
||||
{ name: "Portafolio", id: "portfolio" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="ORYZO"
|
||||
/>
|
||||
@@ -47,52 +43,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Local businesses deserve world-class digital presence."
|
||||
description="We reimagine small businesses into extraordinary brands for the AI era."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Los negocios locales merecen una presencia digital de clase mundial."
|
||||
description="Reimaginamos pequeños negocios y los convertimos en marcas extraordinarias para la era de la IA."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller", handle: "@sarah_salon", testimonial: "My clinic looked decades old until ORYZO transformed it. The increase in conversions was immediate.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg"},
|
||||
{
|
||||
name: "John Doe", handle: "@johns_barber", testimonial: "Everything about the process felt like magic. They turned our small shop into a premium luxury destination.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg"},
|
||||
{
|
||||
name: "Marcus Chen", handle: "@chen_clinic", testimonial: "The digital footprint we have now is lightyears ahead of any competitor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg"},
|
||||
{
|
||||
name: "Elena Rossi", handle: "@rossi_boutique", testimonial: "A complete transformation. Our brand finally matches the quality of our service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
name: "David Thorne", handle: "@thorne_arch", testimonial: "Simply world-class. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg"},
|
||||
{ name: "Sarah Miller", handle: "@sarah_salon", testimonial: "Mi clínica se veía obsoleta hasta que ORYZO la transformó. El aumento en conversiones fue inmediato.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg" },
|
||||
{ name: "John Doe", handle: "@johns_barber", testimonial: "Todo el proceso fue mágico. Convirtieron nuestra pequeña tienda en un destino de lujo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-wine-glass-night-club_23-2148037554.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137485.jpg"
|
||||
imageAlt="Cinematic digital architecture"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30799.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-woman-library-smiling_197531-33498.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300873.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
imageAlt="Arquitectura digital cinemática"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Elite UI/UX Design"},
|
||||
{
|
||||
type: "text", text: "Premium Brand Identity"},
|
||||
{
|
||||
type: "text", text: "Cinematic Motion Graphics"},
|
||||
{
|
||||
type: "text", text: "High Conversion Flow"},
|
||||
{
|
||||
type: "text", text: "Authority Positioning"},
|
||||
{ type: "text", text: "Diseño UI/UX de Élite" },
|
||||
{ type: "text", text: "Identidad de Marca Premium" },
|
||||
{ type: "text", text: "Motion Graphics Cinemáticos" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,18 +64,15 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="The Transformation Experience"
|
||||
description="Most local businesses have great service but look small online. We bridge that gap by elevating your authority, trust, and perceived value."
|
||||
title="La Experiencia de Transformación"
|
||||
description="La mayoría de los negocios locales tienen un gran servicio pero se ven pequeños online. Cerramos esa brecha elevando su autoridad, confianza y valor percibido."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Before: Outdated", description: "Generic, low-authority digital presence that scares away premium clients."},
|
||||
{
|
||||
title: "After: Extraordinary", description: "High-end, cinematic brand experience that positions you as the market leader."},
|
||||
{
|
||||
title: "Conversion Catalyst", description: "Precision-engineered UI/UX designed to turn casual visitors into loyal customers."},
|
||||
{ title: "Antes: Obsoleto", description: "Presencia digital genérica que espanta a los clientes premium." },
|
||||
{ title: "Después: Extraordinario", description: "Experiencia de marca de alta gama que te posiciona como líder del mercado." },
|
||||
{ title: "Catalizador de Conversión", description: "Diseño UI/UX diseñado para convertir visitantes en clientes leales." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building_1127-3445.jpg"
|
||||
imageAlt="Luxury boutique interior design"
|
||||
imageAlt="Interior de boutique de lujo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -122,21 +82,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Barber & Beauty", description: "High-end grooming studios and aesthetic clinics.", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Boutiques & Retail", description: "Modern fashion stores and luxury lifestyle boutiques.", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
title: "Wellness & Clinics", description: "Dental offices, clinics, and professional consulting firms.", icon: Activity,
|
||||
},
|
||||
{
|
||||
title: "Hospitality", description: "Cafes, restaurants, and experiential dining spots.", icon: Coffee,
|
||||
},
|
||||
{ title: "Belleza y Barbería", description: "Estudios de alta gama y clínicas estéticas.", icon: Scissors },
|
||||
{ title: "Retail y Boutiques", description: "Tiendas de moda modernas y estilo de vida.", icon: ShoppingBag },
|
||||
{ title: "Salud y Bienestar", description: "Clínicas dentales y consultorios.", icon: Activity },
|
||||
{ title: "Hospitalidad", description: "Cafés, restaurantes y gastronomía.", icon: Coffee },
|
||||
]}
|
||||
title="Industries We Elevate"
|
||||
description="We specialize in premium physical service sectors requiring elite digital positioning."
|
||||
title="Industrias que Elevamos"
|
||||
description="Nos especializamos en sectores de servicios físicos que requieren posicionamiento digital de élite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -147,15 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "The Modern Barber", price: "Experience", imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg"},
|
||||
{
|
||||
id: "p2", name: "Luxe Boutique", price: "Identity", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg"},
|
||||
{
|
||||
id: "p3", name: "Artisanal Coffee", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"},
|
||||
{ id: "p1", name: "La Barbería Moderna", price: "Experiencia", imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg" },
|
||||
{ id: "p2", name: "Boutique de Lujo", price: "Identidad", imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36691.jpg" },
|
||||
{ id: "p3", name: "Café Artesanal", price: "Diseño", imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg" },
|
||||
]}
|
||||
title="Premium Brand Examples"
|
||||
description="Realistic presentations of how we reimagine your business identity."
|
||||
title="Ejemplos de Marca Premium"
|
||||
description="Presentaciones realistas de cómo reimaginamos la identidad de tu negocio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,18 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "87%", title: "Bookings Increase", description: "Direct impact on client reservation flow.", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "64%", title: "WhatsApp Clicks", description: "Increase in direct contact and lead inquiries.", icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "3.4x", title: "Perceived Authority", description: "Growth in brand reputation and professional trust.", icon: TrendingUp,
|
||||
},
|
||||
{ id: "m1", value: "87%", title: "Aumento de Reservas", description: "Impacto directo en el flujo de citas.", icon: Calendar },
|
||||
{ id: "m2", value: "64%", title: "Clics en WhatsApp", description: "Aumento en consultas directas.", icon: MessageCircle },
|
||||
{ id: "m3", value: "3.4x", title: "Autoridad Percibida", description: "Crecimiento en reputación y confianza.", icon: TrendingUp },
|
||||
]}
|
||||
title="Measurable Authority"
|
||||
description="We don't just create websites; we build revenue-generating assets for your business."
|
||||
title="Autoridad Medible"
|
||||
description="No solo creamos sitios web; construimos activos generadores de ingresos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,71 +130,34 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "James Anderson", handle: "Founder, Urban Grooming", testimonial: "The cinematic pacing of our new site changed how we sell. We are fully booked every week.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg"},
|
||||
{
|
||||
id: "t2", name: "Elena Rossi", handle: "Owner, Rossi Boutique", testimonial: "Everything feels so premium and handcrafted. It’s exactly the brand identity we needed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg"},
|
||||
{
|
||||
id: "t3", name: "Dr. Marcus Chen", handle: "Lead, Chen Clinic", testimonial: "ORYZO turned our clinic into a trustworthy medical hub online.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-working-nurse_23-2150829821.jpg"},
|
||||
{
|
||||
id: "t4", name: "Sofia Lima", handle: "Creative Director", testimonial: "The level of motion design is simply incomparable to anything else in our city.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379267.jpg"},
|
||||
{
|
||||
id: "t5", name: "David Thorne", handle: "Architect", testimonial: "World-class presence for our firm. Simply extraordinary.", imageSrc: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg"},
|
||||
{ id: "t1", name: "James Anderson", handle: "Fundador, Urban Grooming", testimonial: "El ritmo cinemático de nuestro nuevo sitio cambió cómo vendemos. Estamos llenos cada semana.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg" },
|
||||
{ id: "t2", name: "Elena Rossi", handle: "Dueña, Rossi Boutique", testimonial: "Todo se siente premium y artesanal. Es exactamente lo que necesitábamos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-11811.jpg" }
|
||||
]}
|
||||
title="Voices of Transformation"
|
||||
description="Real businesses achieving extraordinary results through our digital alchemy."
|
||||
title="Voces de Transformación"
|
||||
description="Negocios reales alcanzando resultados extraordinarios mediante nuestra alquimia digital."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's begin"
|
||||
title="Your business already exists physically. Now make it unforgettable digitally."
|
||||
description="Don't settle for generic. Transform your business into an elite digital experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Strategy Session", href: "#"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Empecemos"
|
||||
title="Tu negocio ya existe físicamente. Hazlo inolvidable digitalmente."
|
||||
description="No te conformes con lo genérico. Transforma tu negocio en una experiencia digital de élite."
|
||||
buttons={[{ text: "Agendar Sesión de Estrategia", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Strategy", href: "#"},
|
||||
{
|
||||
label: "Digital Design", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "United Kingdom", href: "#"},
|
||||
{
|
||||
label: "Spain", href: "#"},
|
||||
{
|
||||
label: "Portugal", href: "#"},
|
||||
{
|
||||
label: "Brazil", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Compañía", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Portafolio", href: "#portfolio" }] },
|
||||
{ title: "Servicios", items: [{ label: "Estrategia", href: "#" }, { label: "Diseño Digital", href: "#" }] },
|
||||
{ title: "Ubicación", items: [{ label: "Reino Unido", href: "#" }, { label: "España", href: "#" }, { label: "Portugal", href: "#" }, { label: "Brasil", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 ORYZO AI."
|
||||
bottomRightText="Crafting premium digital experiences."
|
||||
bottomRightText="Creando experiencias digitales premium."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user