Merge version_1 into main #2
@@ -11,8 +11,8 @@ import { Nunito_Sans } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'ViralShop | Los Gadgets del Momento',
|
||||
description: 'Compra los productos virales de TikTok e Instagram. 50% de descuento por tiempo limitado.',
|
||||
title: 'ViralShop | Gadgets Virales',
|
||||
description: 'Consigue los gadgets que están rompiendo las redes este mes.',
|
||||
openGraph: {
|
||||
"title": "ViralShop | Gadgets Virales",
|
||||
"description": "Descubre las tendencias que todos están comprando.",
|
||||
|
||||
252
src/app/page.tsx
252
src/app/page.tsx
@@ -2,7 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
@@ -29,21 +28,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "productos",
|
||||
},
|
||||
name: "Productos", id: "productos"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonios",
|
||||
},
|
||||
name: "Opiniones", id: "testimonios"},
|
||||
{
|
||||
name: "Oferta",
|
||||
id: "oferta",
|
||||
},
|
||||
name: "Oferta", id: "oferta"},
|
||||
]}
|
||||
brandName="ViralShop"
|
||||
/>
|
||||
@@ -52,41 +43,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Los virales que necesitas antes de que se agoten"
|
||||
description="Consigue los gadgets que están rompiendo las redes este mes. Stock ultra limitado y envíos rápidos en 24h."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar ahora",
|
||||
href: "#productos",
|
||||
},
|
||||
text: "Comprar ahora", href: "#productos"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg?_wi=1",
|
||||
imageAlt: "Tech gadget carousel 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg?_wi=2",
|
||||
imageAlt: "Tech gadget carousel 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg?_wi=3",
|
||||
imageAlt: "Tech gadget carousel 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg?_wi=4",
|
||||
imageAlt: "Tech gadget carousel 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg?_wi=5",
|
||||
imageAlt: "Tech gadget carousel 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg?_wi=6",
|
||||
imageAlt: "Tech gadget carousel 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg", imageAlt: "modern tech gadget showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg", imageAlt: "modern tech gadget showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg", imageAlt: "modern tech gadget showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg", imageAlt: "modern tech gadget showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg", imageAlt: "modern tech gadget showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349255.jpg", imageAlt: "modern tech gadget showcase" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,60 +68,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "ViralTech",
|
||||
name: "Lámpara Puesta de Sol Pro",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior-room_74190-8186.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "ViralTech",
|
||||
name: "Licuadora Portátil Ultra",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-diet-breakfast-white-wall-grapefruit-pieces-rosemary-blender-detox-refreshing-smoothie_176420-10131.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "AudioPro",
|
||||
name: "Auriculares Cancelación Ruido",
|
||||
price: "$89.99",
|
||||
rating: 4,
|
||||
reviewCount: "2.4k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722633.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "FitSmart",
|
||||
name: "Smart Watch Fitness Pro",
|
||||
price: "$49.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-display-measures-health-temperature-precision-ready-generated-by-ai_188544-13416.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "VisionTech",
|
||||
name: "Mini Proyector 4K",
|
||||
price: "$129.99",
|
||||
rating: 5,
|
||||
reviewCount: "500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-photographer-consisting-cameras-keyboard-smart-phone-white-desk-background-still-life-flat-lay_639032-1247.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "GamerGear",
|
||||
name: "Teclado Mecánico RGB",
|
||||
price: "$79.99",
|
||||
rating: 4,
|
||||
reviewCount: "1.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-computer-desk-setup-with-hard-drive_58702-17215.jpg",
|
||||
},
|
||||
{ id: "1", brand: "ViralTech", name: "Lámpara Puesta de Sol Pro", price: "$29.99", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior-room_74190-8186.jpg" },
|
||||
{ id: "2", brand: "ViralTech", name: "Licuadora Portátil Ultra", price: "$34.99", rating: 5, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-diet-breakfast-white-wall-grapefruit-pieces-rosemary-blender-detox-refreshing-smoothie_176420-10131.jpg" },
|
||||
{ id: "3", brand: "AudioPro", name: "Auriculares Cancelación Ruido", price: "$89.99", rating: 4, reviewCount: "2.4k", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722633.jpg" },
|
||||
{ id: "4", brand: "FitSmart", name: "Smart Watch Fitness Pro", price: "$49.99", rating: 5, reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/digital-display-measures-health-temperature-precision-ready-generated-by-ai_188544-13416.jpg" },
|
||||
{ id: "5", brand: "VisionTech", name: "Mini Proyector 4K", price: "$129.99", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-photographer-consisting-cameras-keyboard-smart-phone-white-desk-background-still-life-flat-lay_639032-1247.jpg" },
|
||||
{ id: "6", brand: "GamerGear", name: "Teclado Mecánico RGB", price: "$79.99", rating: 4, reviewCount: "1.1k", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-computer-desk-setup-with-hard-drive_58702-17215.jpg" }
|
||||
]}
|
||||
title="Lo más buscado"
|
||||
description="Productos tendencia que no puedes dejar pasar."
|
||||
@@ -160,63 +82,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana R.",
|
||||
role: "Creadora",
|
||||
company: "TikTok",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050242.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos M.",
|
||||
role: "Techie",
|
||||
company: "Instagram",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-sitting-park-using-touch-screen-mobile-phone_23-2148042556.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia G.",
|
||||
role: "Estudiante",
|
||||
company: "Usuario",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-cutly-hair-holds-modern-tablet-stylus-creats-pictures-edits-photos-works-outdoors-wears-casual-hoodie-poses-wooden-bench-duing-daytime-focused-somewhere_273609-55916.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Entusiasta",
|
||||
company: "Usuario",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-girls-with-wavy-hair-wearing-brown-shirt-is-looking-aside-smiling-brunette-wears-casual-clothes-sitting-cafe-relaxed-lifestyle-concept_291650-2677.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
role: "Influencer",
|
||||
company: "TikTok",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148815638.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana R.", role: "Creadora", company: "TikTok", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050242.jpg" },
|
||||
{ id: "2", name: "Carlos M.", role: "Techie", company: "Instagram", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-section-man-sitting-park-using-touch-screen-mobile-phone_23-2148042556.jpg" },
|
||||
{ id: "3", name: "Sofia G.", role: "Estudiante", company: "Usuario", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-cutly-hair-holds-modern-tablet-stylus-creats-pictures-edits-photos-works-outdoors-wears-casual-hoodie-poses-wooden-bench-duing-daytime-focused-somewhere_273609-55916.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Entusiasta", company: "Usuario", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-girls-with-wavy-hair-wearing-brown-shirt-is-looking-aside-smiling-brunette-wears-casual-clothes-sitting-cafe-relaxed-lifestyle-concept_291650-2677.jpg" },
|
||||
{ id: "5", name: "Elena V.", role: "Influencer", company: "TikTok", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-talking-phone_23-2148815638.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50k+",
|
||||
label: "Clientes felices",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Calificación media",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Envío rápido",
|
||||
},
|
||||
{ value: "50k+", label: "Clientes felices" },
|
||||
{ value: "4.9/5", label: "Calificación media" },
|
||||
{ value: "24h", label: "Envío rápido" }
|
||||
]}
|
||||
title="Lo que dicen los virales"
|
||||
description="Miles de usuarios ya disfrutan de nuestros productos estrella."
|
||||
@@ -230,20 +109,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "flash-sale",
|
||||
badge: "OFERTA",
|
||||
price: "50% OFF",
|
||||
subtitle: "Solo por 24 horas",
|
||||
buttons: [
|
||||
id: "flash-sale", badge: "OFERTA", price: "50% OFF", subtitle: "Solo por 24 horas", buttons: [
|
||||
{
|
||||
text: "Comprar con descuento",
|
||||
},
|
||||
text: "Comprar con descuento"},
|
||||
],
|
||||
features: [
|
||||
"Envío exprés gratis",
|
||||
"Garantía de 1 año",
|
||||
"Soporte 24/7",
|
||||
],
|
||||
"Envío exprés gratis", "Garantía de 1 año", "Soporte 24/7"],
|
||||
},
|
||||
]}
|
||||
title="Oferta Relámpago"
|
||||
@@ -251,74 +122,25 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
title="Preguntas Frecuentes"
|
||||
sideTitle="Ayuda Rápida"
|
||||
sideDescription="Resuelve tus dudas sobre envíos, garantías y devoluciones."
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cuánto tarda el envío?",
|
||||
content: "Todos nuestros envíos son procesados y enviados en 24h a todo el país.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Tienen garantía los productos?",
|
||||
content: "Sí, todos los productos cuentan con 1 año de garantía oficial contra defectos de fábrica.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Puedo devolver mi pedido?",
|
||||
content: "Tienes 30 días para realizar cualquier devolución sin compromiso si el producto no es lo que esperabas.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "¿Es seguro comprar en ViralShop?",
|
||||
content: "Absolutamente. Utilizamos cifrado SSL de extremo a extremo para asegurar todas tus transacciones.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "¿Tienen soporte técnico?",
|
||||
content: "Nuestro equipo está disponible 24/7 a través de nuestro chat en vivo y correo electrónico.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación",
|
||||
items: [
|
||||
title: "Navegación", items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#productos",
|
||||
},
|
||||
label: "Productos", href: "#productos"},
|
||||
{
|
||||
label: "Opiniones",
|
||||
href: "#testimonios",
|
||||
},
|
||||
label: "Opiniones", href: "#testimonios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos y Condiciones",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos y Condiciones", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user