bender/3fdceb56-6365-45d1-89a5-ec2e222e0632
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 2 commits from version_3 into main 2026-03-08 02:03:34 +00:00
Conversation 0 Commits 2 Files Changed 2 +35 -9
2 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -1392,4 +1392,4 @@ export default function RootLayout({
</body>
</html>
);
}
}

42
src/app/page.tsx
View File

@@ -10,8 +10,33 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Zap, Star, Palette, Shirt } from "lucide-react";
import { useState } from "react";
export default function LandingPage() {
const [orderData, setOrderData] = useState({
name: "", phone: "", city: "", product: "", color: "", estampa: "", size: ""});
const sendWhatsAppMessage = (data: typeof orderData) => {
const message = `Olá! Gostaria de fazer um pedido VYB3:\n\nCliente: ${data.name}\nTelefone: ${data.phone}\nCidade: ${data.city}\n\nDetalhes do Pedido:\nProduto: ${data.product}\nCor: ${data.color}\nEstampa: ${data.estampa}\nTamanho: ${data.size}`;
const encodedMessage = encodeURIComponent(message);
const whatsappUrl = `https://wa.me/5555996887214?text=${encodedMessage}`;
window.open(whatsappUrl, "_blank");
};
const handleOrderSubmit = (formData: Record<string, string>) => {
const updatedOrderData = {
name: formData.name || orderData.name,
phone: formData.whatsapp || orderData.phone,
city: formData.city || orderData.city,
product: formData.modelo || orderData.product,
color: formData.message?.split("•")[0]?.trim() || orderData.color,
estampa: formData.message?.split("•")[1]?.trim() || orderData.estampa,
size: formData.message?.split("•")[2]?.trim() || orderData.size,
};
setOrderData(updatedOrderData);
sendWhatsAppMessage(updatedOrderData);
};
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -20,7 +45,7 @@ export default function LandingPage() {
contentWidth="mediumSmall"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="layered-gradient"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
@@ -53,15 +78,15 @@ export default function LandingPage() {
background={{ variant: "plain" }}
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448808.jpg", imageAlt: "3D rotating oversized t-shirt dark background"},
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-kl30wdfu.png", imageAlt: "3D rotating oversized t-shirt dark background"},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-boy-posing-studio_176474-77420.jpg?_wi=1", imageAlt: "oversized t-shirt front view white minimal"},
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-0wml93yo.png", imageAlt: "oversized t-shirt front view white minimal"},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-sun-with-wooden-fence_23-2148629814.jpg?_wi=1", imageAlt: "t-shirt back view oversized streetwear"},
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-goelemz8.png", imageAlt: "t-shirt back view oversized streetwear"},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-vector/workout-training-clothing-patterns-ready-print-sports-tshirt_29096-6026.jpg?_wi=1", imageAlt: "graphic print t-shirt detail close-up"},
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-ekcjh1b3.png", imageAlt: "graphic print t-shirt detail close-up"},
{
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-doing-fitness-training-workout-outside-gym_1328-4750.jpg?_wi=1", imageAlt: "back print graphic t-shirt detail shot"},
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AduJfVZLnszMX4TzV9IjO1FX6A/uploaded-1772935349557-dwi4w2u7.png", imageAlt: "back print graphic t-shirt detail shot"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page-background_23-2148008989.jpg?_wi=1", imageAlt: "color palette display grid minimal aesthetic"},
]}
@@ -165,7 +190,7 @@ export default function LandingPage() {
description="Pedido em 2 minutos. Nossa equipe confirma tudo pelo WhatsApp."
inputs={[
{ name: "name", type: "text", placeholder: "Seu nome", required: true },
{ name: "instagram", type: "text", placeholder: "Seu Instagram (opcional)", required: false },
{ name: "city", type: "text", placeholder: "Sua cidade", required: true },
{ name: "whatsapp", type: "tel", placeholder: "WhatsApp / Telefone", required: true },
{ name: "modelo", type: "text", placeholder: "Modelo escolhido", required: true },
]}
@@ -179,6 +204,7 @@ export default function LandingPage() {
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Enviar Pedido"
onSubmit={handleOrderSubmit}
/>
</div>
@@ -221,7 +247,7 @@ export default function LandingPage() {
title: "Social", items: [
{ label: "Instagram", href: "https://instagram.com/_vyb3_" },
{ label: "TikTok", href: "https://tiktok.com/@_vyb3_" },
{ label: "WhatsApp", href: "https://wa.me/5511999999999" },
{ label: "WhatsApp", href: "https://wa.me/5555996887214" },
],
},
{