Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Scissors } from "lucide-react";
|
||||
import { Shirt, Scissors } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produtos", id: "products"},
|
||||
{
|
||||
name: "Avaliações",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avaliações", id: "testimonials"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="OXING Wear"
|
||||
/>
|
||||
@@ -59,21 +49,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="OXING Wear"
|
||||
description="Elegância e qualidade em cada costura. Camisas masculinas premium feitas para quem sabe se vestir bem."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Coleção",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Coleção", href: "#products"},
|
||||
{
|
||||
text: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Sobre Nós", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adorable-caucasian-lady-trendy-clothes-looking-away-while-posing-evening_197531-20766.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adorable-caucasian-lady-trendy-clothes-looking-away-while-posing-evening_197531-20766.jpg"
|
||||
imageAlt="men's dress shirt studio"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -87,17 +72,11 @@ export default function LandingPage() {
|
||||
description="Na OXING Wear, acreditamos que estar bem vestido é um reflexo do seu compromisso com a excelência. Nossa seleção de peças em linho e cortes slim é desenhada para oferecer conforto e estilo superior."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Alta Qualidade",
|
||||
description: "Matéria-prima de primeira linha.",
|
||||
},
|
||||
title: "Alta Qualidade", description: "Matéria-prima de primeira linha."},
|
||||
{
|
||||
title: "Atendimento Dedicado",
|
||||
description: "Foco na experiência do cliente.",
|
||||
},
|
||||
title: "Atendimento Dedicado", description: "Foco na experiência do cliente."},
|
||||
{
|
||||
title: "Preço Justo",
|
||||
description: "A melhor relação custo-benefício.",
|
||||
},
|
||||
title: "Preço Justo", description: "A melhor relação custo-benefício."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575336.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -111,25 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Corte Slim Exclusivo",
|
||||
description: "Modelagem que valoriza o corpo com ajuste preciso.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-designer-sewing-fabric-with-needle_23-2148180327.jpg",
|
||||
imageAlt: "tailor measuring shirt",
|
||||
},
|
||||
title: "Corte Slim Exclusivo", description: "Modelagem que valoriza o corpo com ajuste preciso.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-male-designer-sewing-fabric-with-needle_23-2148180327.jpg", imageAlt: "tailor measuring shirt"},
|
||||
items: [
|
||||
{
|
||||
icon: Shirt,
|
||||
text: "Design moderno",
|
||||
},
|
||||
text: "Design moderno"},
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Corte impecável",
|
||||
},
|
||||
text: "Corte impecável"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-caucasian-lady-trendy-clothes-looking-away-while-posing-evening_197531-20766.jpg?_wi=2",
|
||||
imageAlt: "tailor measuring shirt",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Por que escolher a OXING?"
|
||||
@@ -145,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "OXING",
|
||||
name: "Camisa Linho Slim",
|
||||
price: "R$ 159,90",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-computer-smart-phone-beautiful-student-girl-working-laptop-outdoor_1328-622.jpg",
|
||||
},
|
||||
id: "p1", brand: "OXING", name: "Camisa Linho Slim", price: "R$ 159,90", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-computer-smart-phone-beautiful-student-girl-working-laptop-outdoor_1328-622.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "OXING",
|
||||
name: "Camisa Social Classic",
|
||||
price: "R$ 149,90",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-sunglasses-posed-elevator-inside_627829-2547.jpg",
|
||||
},
|
||||
id: "p2", brand: "OXING", name: "Camisa Social Classic", price: "R$ 149,90", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/stylish-tall-arabian-man-model-white-shirt-sunglasses-posed-elevator-inside_627829-2547.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "OXING",
|
||||
name: "Camisa Algodão Premium",
|
||||
price: "R$ 169,90",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outdoors_23-2149080896.jpg",
|
||||
},
|
||||
id: "p3", brand: "OXING", name: "Camisa Algodão Premium", price: "R$ 169,90", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outdoors_23-2149080896.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "OXING",
|
||||
name: "Camisa Casual",
|
||||
price: "R$ 129,90",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg",
|
||||
},
|
||||
id: "p4", brand: "OXING", name: "Camisa Casual", price: "R$ 129,90", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "OXING",
|
||||
name: "Camisa Premium Fit",
|
||||
price: "R$ 189,90",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-round-sunglasses-funny-positive-woman-having-fun-hat_158538-5560.jpg",
|
||||
},
|
||||
id: "p5", brand: "OXING", name: "Camisa Premium Fit", price: "R$ 189,90", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-round-sunglasses-funny-positive-woman-having-fun-hat_158538-5560.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "OXING",
|
||||
name: "Camisa Slim Luxo",
|
||||
price: "R$ 199,90",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14639.jpg",
|
||||
},
|
||||
id: "p6", brand: "OXING", name: "Camisa Slim Luxo", price: "R$ 199,90", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14639.jpg"},
|
||||
]}
|
||||
title="Nossa Coleção"
|
||||
description="Descubra as camisas que definem o seu estilo."
|
||||
@@ -211,40 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Renata Dias",
|
||||
role: "Cliente",
|
||||
testimonial: "Roupas de extrema qualidade, tamanhos perfeitos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-thumb-up_1187-2591.jpg",
|
||||
},
|
||||
id: "1", name: "Renata Dias", role: "Cliente", testimonial: "Roupas de extrema qualidade, tamanhos perfeitos.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-thumb-up_1187-2591.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hosttk System",
|
||||
role: "Cliente",
|
||||
testimonial: "Sou fã da marca! Qualidade incrível.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-good-looking-woman-dressed-fashionable-dark-green-jacket-has-bun-hairstyle-looks-self-confident-camera-poses-outdoors-city-against-blurred-background-lifestyle-concept_273609-59176.jpg",
|
||||
},
|
||||
id: "2", name: "Hosttk System", role: "Cliente", testimonial: "Sou fã da marca! Qualidade incrível.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-good-looking-woman-dressed-fashionable-dark-green-jacket-has-bun-hairstyle-looks-self-confident-camera-poses-outdoors-city-against-blurred-background-lifestyle-concept_273609-59176.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carlos M.",
|
||||
role: "Cliente",
|
||||
testimonial: "Preços justos e acabamento impecável.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-spectacles_1303-14473.jpg",
|
||||
},
|
||||
id: "3", name: "Carlos M.", role: "Cliente", testimonial: "Preços justos e acabamento impecável.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-spectacles_1303-14473.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ana S.",
|
||||
role: "Cliente",
|
||||
testimonial: "Atendimento nota 10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg",
|
||||
},
|
||||
id: "4", name: "Ana S.", role: "Cliente", testimonial: "Atendimento nota 10.", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pedro F.",
|
||||
role: "Cliente",
|
||||
testimonial: "Camisas ótimas, atendimento muito cordial.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg",
|
||||
},
|
||||
id: "5", name: "Pedro F.", role: "Cliente", testimonial: "Camisas ótimas, atendimento muito cordial.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg"},
|
||||
]}
|
||||
title="O que nossos clientes dizem"
|
||||
description="A satisfação de quem veste OXING."
|
||||
@@ -257,20 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Como é a modelagem?",
|
||||
content: "Nossas camisas têm modelagem slim que veste o tamanho real do cliente.",
|
||||
},
|
||||
id: "1", title: "Como é a modelagem?", content: "Nossas camisas têm modelagem slim que veste o tamanho real do cliente."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Qual a qualidade do linho?",
|
||||
content: "Trabalhamos apenas com tecido de alta qualidade, resistente e durável.",
|
||||
},
|
||||
id: "2", title: "Qual a qualidade do linho?", content: "Trabalhamos apenas com tecido de alta qualidade, resistente e durável."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Onde estamos localizados?",
|
||||
content: "Estamos em Goiânia, Setor Centro Oeste.",
|
||||
},
|
||||
id: "3", title: "Onde estamos localizados?", content: "Estamos em Goiânia, Setor Centro Oeste."},
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Estamos aqui para ajudar com qualquer questão."
|
||||
@@ -282,16 +183,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Entre em Contato"
|
||||
title="Visite nossa loja em Goiânia"
|
||||
description="Estamos situados no Edifício Solar Campinas, prontos para atender você."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp: (62) 98504-5987",
|
||||
href: "https://wa.me/5562985045987",
|
||||
},
|
||||
text: "WhatsApp: (62) 98504-5987", href: "https://wa.me/5562985045987"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,29 +200,19 @@ export default function LandingPage() {
|
||||
logoText="OXING Wear"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produtos", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
title: "Suporte", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5562985045987",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/5562985045987"},
|
||||
{
|
||||
label: "Avaliações",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Avaliações", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user