Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
200
src/app/page.tsx
200
src/app/page.tsx
@@ -29,33 +29,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "/",
|
||||
},
|
||||
name: "Início", id: "/"},
|
||||
{
|
||||
name: "Loja",
|
||||
id: "#loja",
|
||||
},
|
||||
name: "Loja", id: "#loja"},
|
||||
{
|
||||
name: "Tech",
|
||||
id: "#tech",
|
||||
},
|
||||
name: "Tech", id: "#tech"},
|
||||
{
|
||||
name: "Motor",
|
||||
id: "#motor",
|
||||
},
|
||||
name: "Motor", id: "#motor"},
|
||||
{
|
||||
name: "Street",
|
||||
id: "#street",
|
||||
},
|
||||
name: "Street", id: "#street"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#sobre",
|
||||
},
|
||||
name: "Sobre", id: "#sobre"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contato",
|
||||
},
|
||||
name: "Contato", id: "#contato"},
|
||||
]}
|
||||
brandName="KREUX"
|
||||
/>
|
||||
@@ -64,52 +50,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="ENGENHARIA EM MOVIMENTO"
|
||||
description="Streetwear técnico para velocidade, sistemas e cultura urbana."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver coleção",
|
||||
href: "#loja",
|
||||
},
|
||||
text: "Ver coleção", href: "#loja"},
|
||||
{
|
||||
text: "Conheça a KREUX",
|
||||
href: "#sobre",
|
||||
},
|
||||
text: "Conheça a KREUX", href: "#sobre"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99lq91&_wi=1",
|
||||
imageAlt: "Streetwear Lifestyle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99lq91&_wi=2",
|
||||
},
|
||||
id: "1", videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99lq91", imageAlt: "Streetwear Lifestyle", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99lq91"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lsbziv",
|
||||
imageAlt: "Industrial Fabric",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lsbziv", imageAlt: "Industrial Fabric"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lubqk2",
|
||||
imageAlt: "Motorsport Action",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lubqk2", imageAlt: "Motorsport Action"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8nhz8z",
|
||||
imageAlt: "Urban City Night",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8nhz8z", imageAlt: "Urban City Night"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=czxpna",
|
||||
imageAlt: "Abstract Tech Interface",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=czxpna", imageAlt: "Abstract Tech Interface"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h6fu30",
|
||||
imageAlt: "Racing Circuits",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h6fu30", imageAlt: "Racing Circuits"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,40 +83,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "KREUX_TECH",
|
||||
description: "Sistemas, precisão e estética industrial.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n5x0gz",
|
||||
},
|
||||
title: "KREUX_TECH", description: "Sistemas, precisão e estética industrial.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n5x0gz"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obk3r0",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99lq91&_wi=3",
|
||||
imageAlt: "technical streetwear editorial lifestyle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obk3r0"},
|
||||
},
|
||||
{
|
||||
title: "KREUX_MOTOR",
|
||||
description: "Velocidade, circuitos e performance.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=089brt",
|
||||
},
|
||||
title: "KREUX_MOTOR", description: "Velocidade, circuitos e performance.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=089brt"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twzqs4",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcdt2f&_wi=1",
|
||||
imageAlt: "technical streetwear editorial lifestyle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=twzqs4"},
|
||||
},
|
||||
{
|
||||
title: "KREUX_STREET",
|
||||
description: "Presença urbana, atitude e moda.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jbr5n3",
|
||||
},
|
||||
title: "KREUX_STREET", description: "Presença urbana, atitude e moda.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jbr5n3"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ygo3wx",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uaytzd&_wi=1",
|
||||
imageAlt: "technical streetwear editorial lifestyle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ygo3wx"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -171,47 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "KREUX_TECH White Tee",
|
||||
price: "R$ 249,00",
|
||||
variant: "Minimalist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcdt2f&_wi=2",
|
||||
},
|
||||
id: "p1", name: "KREUX_TECH White Tee", price: "R$ 249,00", variant: "Minimalist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zcdt2f"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "KREUX_MOTOR Interlagos",
|
||||
price: "R$ 389,00",
|
||||
variant: "Limited Edition",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uaytzd&_wi=2",
|
||||
},
|
||||
id: "p2", name: "KREUX_MOTOR Interlagos", price: "R$ 389,00", variant: "Limited Edition", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uaytzd"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "KREUX_STREET Division",
|
||||
price: "R$ 289,00",
|
||||
variant: "Streetwear",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqlvyr",
|
||||
},
|
||||
id: "p3", name: "KREUX_STREET Division", price: "R$ 289,00", variant: "Streetwear", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqlvyr"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "KREUX Core Black Tee",
|
||||
price: "R$ 199,00",
|
||||
variant: "Essential",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pw7qwb",
|
||||
},
|
||||
id: "p4", name: "KREUX Core Black Tee", price: "R$ 199,00", variant: "Essential", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pw7qwb"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "KREUX Tech System",
|
||||
price: "R$ 349,00",
|
||||
variant: "Performance",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dttlh0",
|
||||
},
|
||||
id: "p5", name: "KREUX Tech System", price: "R$ 349,00", variant: "Performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dttlh0"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "KREUX Racing Mesh",
|
||||
price: "R$ 429,00",
|
||||
variant: "Limited",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=atff5i",
|
||||
},
|
||||
id: "p6", name: "KREUX Racing Mesh", price: "R$ 429,00", variant: "Limited", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=atff5i"},
|
||||
]}
|
||||
title="Lançamentos"
|
||||
description="Coleção atual desenvolvida para alta performance urbana."
|
||||
@@ -223,10 +137,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Sobre a KREUX"
|
||||
description={[
|
||||
"A KREUX é uma marca de streetwear técnico focada na intersecção entre tecnologia, automotivismo e cultura urbana.",
|
||||
"Nossa engenharia em movimento cria vestuário para quem não aceita o estático. Desenvolvemos peças pensadas na performance, na estética dos sistemas e na atitude das ruas.",
|
||||
"Cada peça é um drop limitado, garantindo a exclusividade de quem dita o ritmo.",
|
||||
]}
|
||||
"A KREUX é uma marca de streetwear técnico focada na intersecção entre tecnologia, automotivismo e cultura urbana.", "Nossa engenharia em movimento cria vestuário para quem não aceita o estático. Desenvolvemos peças pensadas na performance, na estética dos sistemas e na atitude das ruas.", "Cada peça é um drop limitado, garantindo a exclusividade de quem dita o ritmo."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,8 +145,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Newsletter"
|
||||
title="Mantenha o sistema atualizado"
|
||||
description="Receba acesso prioritário aos nossos drops e conteúdos exclusivos."
|
||||
@@ -252,57 +162,35 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Loja",
|
||||
href: "#loja",
|
||||
},
|
||||
label: "Loja", href: "#loja"},
|
||||
{
|
||||
label: "Tech",
|
||||
href: "#tech",
|
||||
},
|
||||
label: "Tech", href: "#tech"},
|
||||
{
|
||||
label: "Motor",
|
||||
href: "#motor",
|
||||
},
|
||||
label: "Motor", href: "#motor"},
|
||||
{
|
||||
label: "Street",
|
||||
href: "#street",
|
||||
},
|
||||
label: "Street", href: "#street"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#sobre",
|
||||
},
|
||||
label: "Sobre", href: "#sobre"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contato",
|
||||
},
|
||||
label: "Contato", href: "#contato"},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidade", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com",
|
||||
},
|
||||
label: "TikTok", href: "https://tiktok.com"},
|
||||
{
|
||||
label: "Shopee",
|
||||
href: "https://shopee.com",
|
||||
},
|
||||
label: "Shopee", href: "https://shopee.com"},
|
||||
{
|
||||
label: "Mercado Livre",
|
||||
href: "https://mercadolivre.com",
|
||||
},
|
||||
label: "Mercado Livre", href: "https://mercadolivre.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user