Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 339f88a338 | |||
| 194360b67d | |||
| de0ec13d52 | |||
| 05cc478544 | |||
| 42f7057042 | |||
| 0ce7ab75d0 |
295
src/app/page.tsx
295
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Productos", id: "products"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Piedra Cruz"
|
||||
/>
|
||||
@@ -54,78 +46,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Piedra Cruz: Magico Patrimonio Artesanal"
|
||||
description="Descubre la esencia de Laraquete. Joyería única creada a partir de piedras cruces extraídas de forma artesanal, llevando un pedazo del patrimonio del Bio Bio a tus manos."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Artesanal",
|
||||
},
|
||||
value: "100%", label: "Artesanal"},
|
||||
{
|
||||
value: "Laraquete",
|
||||
label: "Origen",
|
||||
},
|
||||
value: "Laraquete", label: "Origen"},
|
||||
{
|
||||
value: "Único",
|
||||
label: "Diseño",
|
||||
},
|
||||
value: "Único", label: "Diseño"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Productos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Productos", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talented-jewellery-beads-maker-is-holding-crystal-clear-semi-precious-stone-hand_613910-18324.jpg"
|
||||
imageAlt="stone cross jewelry laraquete beach"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391038.jpg",
|
||||
alt: "Young girl making diy crafts in upcycle project",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-girl-making-diy-crafts-upcycle-project_23-2149391038.jpg", alt: "Young girl making diy crafts in upcycle project"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-woman-is-holding-pliers-crystal-clear-quartz-it_613910-3134.jpg",
|
||||
alt: "Creative woman is holding pliers and crystal clear quartz in it.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-woman-is-holding-pliers-crystal-clear-quartz-it_613910-3134.jpg", alt: "Creative woman is holding pliers and crystal clear quartz in it."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/making-ring-hard-working-jeweler-concept_23-2148643183.jpg",
|
||||
alt: "Making a ring hard working jeweler concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/making-ring-hard-working-jeweler-concept_23-2148643183.jpg", alt: "Making a ring hard working jeweler concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-photo-woman-tasting-cheese-wooden-board-with-christmas-decorations-background_132075-11273.jpg",
|
||||
alt: "Cropped photo of woman tasting cheese on a wooden board",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-photo-woman-tasting-cheese-wooden-board-with-christmas-decorations-background_132075-11273.jpg", alt: "Cropped photo of woman tasting cheese on a wooden board"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-delighted-cheerful-female-model-with-broad-smile-keeps-hands-chin-recreate-cafe-has-summer-rest-tropical-island_273609-2735.jpg",
|
||||
alt: "Cheerful female model smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-delighted-cheerful-female-model-with-broad-smile-keeps-hands-chin-recreate-cafe-has-summer-rest-tropical-island_273609-2735.jpg", alt: "Cheerful female model smiling"},
|
||||
]}
|
||||
avatarText="Únete a nuestra comunidad de amantes de la piedra"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Patrimonio Natural",
|
||||
},
|
||||
type: "text", text: "Patrimonio Natural"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artesanía Bio Bio",
|
||||
},
|
||||
type: "text", text: "Artesanía Bio Bio"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Piedra Cruz Única",
|
||||
},
|
||||
type: "text", text: "Piedra Cruz Única"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Laraquete Origin",
|
||||
},
|
||||
type: "text", text: "Laraquete Origin"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hecho a Mano",
|
||||
},
|
||||
type: "text", text: "Hecho a Mano"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,73 +111,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Piedra Cruz",
|
||||
name: "Colgante Patrio",
|
||||
price: "$15.000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cross-white-medical-face-masks-concept-faith-heal-coronavirus_181624-24628.jpg",
|
||||
imageAlt: "stone cross pendant jewelry",
|
||||
},
|
||||
id: "1", brand: "Piedra Cruz", name: "Colgante Patrio", price: "$15.000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/cross-white-medical-face-masks-concept-faith-heal-coronavirus_181624-24628.jpg", imageAlt: "stone cross pendant jewelry"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Piedra Cruz",
|
||||
name: "Aros del Bio Bio",
|
||||
price: "$12.000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designed-choco-candies-purple-sweet-yummy-white-surface_140725-14164.jpg",
|
||||
imageAlt: "artisan stone earring design",
|
||||
},
|
||||
id: "2", brand: "Piedra Cruz", name: "Aros del Bio Bio", price: "$12.000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/designed-choco-candies-purple-sweet-yummy-white-surface_140725-14164.jpg", imageAlt: "artisan stone earring design"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Piedra Cruz",
|
||||
name: "Pulsera Ancestral",
|
||||
price: "$18.000",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crystals-flowers-arrangement_23-2149324183.jpg",
|
||||
imageAlt: "stone bracelet handcrafted",
|
||||
},
|
||||
id: "3", brand: "Piedra Cruz", name: "Pulsera Ancestral", price: "$18.000", rating: 4,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crystals-flowers-arrangement_23-2149324183.jpg", imageAlt: "stone bracelet handcrafted"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Piedra Cruz",
|
||||
name: "Dije Clásico",
|
||||
price: "$10.000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-caucasian-female-hand-table-with-stones-art-studio-uk_181624-58624.jpg",
|
||||
imageAlt: "stone pendant minimal design",
|
||||
},
|
||||
id: "4", brand: "Piedra Cruz", name: "Dije Clásico", price: "$10.000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-caucasian-female-hand-table-with-stones-art-studio-uk_181624-58624.jpg", imageAlt: "stone pendant minimal design"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Piedra Cruz",
|
||||
name: "Anillo Piedra Cruz",
|
||||
price: "$20.000",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12274.jpg",
|
||||
imageAlt: "stone ring artisan jewelry",
|
||||
},
|
||||
id: "5", brand: "Piedra Cruz", name: "Anillo Piedra Cruz", price: "$20.000", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12274.jpg", imageAlt: "stone ring artisan jewelry"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Piedra Cruz",
|
||||
name: "Conjunto Laraquete",
|
||||
price: "$30.000",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-reading-bible-with-cross-hanging-religion-belief-concept_53876-33668.jpg",
|
||||
imageAlt: "stone necklace set elegance",
|
||||
},
|
||||
id: "6", brand: "Piedra Cruz", name: "Conjunto Laraquete", price: "$30.000", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-reading-bible-with-cross-hanging-religion-belief-concept_53876-33668.jpg", imageAlt: "stone necklace set elegance"},
|
||||
]}
|
||||
title="Nuestra Colección"
|
||||
description="Explora nuestra selección de joyas artesanales."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultar en WhatsApp",
|
||||
href: "https://wa.me/56900000000",
|
||||
},
|
||||
text: "Consultar en WhatsApp", href: "https://wa.me/56900000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -226,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana R.",
|
||||
handle: "@anita_r",
|
||||
testimonial: "Pieza única y con mucha historia. ¡Excelente calidad!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-carnival-mask_23-2148044172.jpg",
|
||||
},
|
||||
id: "1", name: "Ana R.", handle: "@anita_r", testimonial: "Pieza única y con mucha historia. ¡Excelente calidad!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-carnival-mask_23-2148044172.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos M.",
|
||||
handle: "@carlos_m",
|
||||
testimonial: "El regalo perfecto. Muy orgulloso de llevar un pedazo de Laraquete.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-religious-cross_23-2150945753.jpg",
|
||||
},
|
||||
id: "2", name: "Carlos M.", handle: "@carlos_m", testimonial: "El regalo perfecto. Muy orgulloso de llevar un pedazo de Laraquete.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-religious-cross_23-2150945753.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
handle: "@elena_p",
|
||||
testimonial: "El acabado artesanal es precioso. Muy recomendados.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-white-dust_23-2150329684.jpg",
|
||||
},
|
||||
id: "3", name: "Elena P.", handle: "@elena_p", testimonial: "El acabado artesanal es precioso. Muy recomendados.", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-white-dust_23-2150329684.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier D.",
|
||||
handle: "@javier_d",
|
||||
testimonial: "Servicio impecable y envío muy rápido.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-presenting-gift-box-young-surprised-woman_23-2148016801.jpg",
|
||||
},
|
||||
id: "4", name: "Javier D.", handle: "@javier_d", testimonial: "Servicio impecable y envío muy rápido.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-presenting-gift-box-young-surprised-woman_23-2148016801.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "María G.",
|
||||
handle: "@maria_g",
|
||||
testimonial: "Me encanta el significado detrás de la Piedra Cruz.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-furoshiki-package_23-2150274433.jpg",
|
||||
},
|
||||
id: "5", name: "María G.", handle: "@maria_g", testimonial: "Me encanta el significado detrás de la Piedra Cruz.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-furoshiki-package_23-2150274433.jpg"},
|
||||
]}
|
||||
title="Historias de nuestros clientes"
|
||||
description="Conoce lo que dicen quienes llevan nuestro patrimonio."
|
||||
@@ -273,29 +167,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Origen Auténtico",
|
||||
descriptions: [
|
||||
"Extraída éticamente en Laraquete, región del Bio Bio.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detailed-wood-texture-tree-background_1017-20227.jpg",
|
||||
},
|
||||
id: "f1", title: "Origen Auténtico", descriptions: [
|
||||
"Extraída éticamente en Laraquete, región del Bio Bio."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detailed-wood-texture-tree-background_1017-20227.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Trabajo Manual",
|
||||
descriptions: [
|
||||
"Cada pieza es pulida y montada a mano por artesanos.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-rock-texture-with-colorful-natural-marks_181624-10406.jpg",
|
||||
},
|
||||
id: "f2", title: "Trabajo Manual", descriptions: [
|
||||
"Cada pieza es pulida y montada a mano por artesanos."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-rock-texture-with-colorful-natural-marks_181624-10406.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Patrimonio Natural",
|
||||
descriptions: [
|
||||
"Respetamos la naturaleza y la historia de nuestra piedra.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14593.jpg",
|
||||
},
|
||||
id: "f3", title: "Patrimonio Natural", descriptions: [
|
||||
"Respetamos la naturaleza y la historia de nuestra piedra."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14593.jpg"},
|
||||
]}
|
||||
title="Por qué nuestra Piedra Cruz"
|
||||
description="Calidad, origen y cuidado artesanal."
|
||||
@@ -308,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cómo pedir un producto?",
|
||||
content: "Puedes consultar stock y precios haciendo clic en el botón de WhatsApp en la sección de productos.",
|
||||
},
|
||||
id: "q1", title: "¿Cómo pedir un producto?", content: "Puedes consultar stock y precios haciendo clic en el botón de WhatsApp en la sección de productos."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Hacen envíos?",
|
||||
content: "Sí, realizamos envíos a todo Chile vía Starken o Chilexpress.",
|
||||
},
|
||||
id: "q2", title: "¿Hacen envíos?", content: "Sí, realizamos envíos a todo Chile vía Starken o Chilexpress."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Es piedra natural?",
|
||||
content: "Absolutamente, cada Piedra Cruz es extraída de forma natural y cuidamos cada detalle en su elaboración.",
|
||||
},
|
||||
id: "q3", title: "¿Es piedra natural?", content: "Absolutamente, cada Piedra Cruz es extraída de forma natural y cuidamos cada detalle en su elaboración."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre Piedra Cruz."
|
||||
@@ -333,59 +206,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
<ContactSplit
|
||||
tag="Contacto"
|
||||
title="Haz tu pedido hoy"
|
||||
description="Lleva un pedazo de nuestra historia contigo. Contáctanos por WhatsApp para consultas personalizadas."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Piedra Cruz",
|
||||
href: "https://wa.me/56900000000",
|
||||
},
|
||||
]}
|
||||
title="Visita nuestro taller"
|
||||
description="Estamos ubicados en la costanera de Laraquete. Ven a conocer nuestro proceso artesanal o agenda tu pedido personalizado directamente con nosotros."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKDJ40MyPLLe0B6cjXnrO3qUQb/uploaded-1778028688798-8fx48700.jpg?_wi=1"
|
||||
mediaPosition="left"
|
||||
buttonText="Reservar cita"
|
||||
termsText="Agenda tu visita personalizada y descubre la magia del Bio Bio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DKDJ40MyPLLe0B6cjXnrO3qUQb/uploaded-1778028688798-8fx48700.jpg?_wi=2"
|
||||
logoText="Piedra Cruz"
|
||||
columns={[
|
||||
{
|
||||
title: "Enlaces",
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "#hero" },
|
||||
{ label: "Productos", href: "#products" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Información",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Piedra Cruz",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Sobre Piedra Cruz", href: "#about" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Piedra Cruz. Patrimonio Artesanal."
|
||||
bottomRightText="Laraquete, Bio Bio, Chile."
|
||||
copyrightText="© 2024 Piedra Cruz. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user