Merge version_1 into main #1
209
src/app/page.tsx
209
src/app/page.tsx
@@ -33,23 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "services",
|
||||
},
|
||||
name: "Serviços", id: "services"},
|
||||
{
|
||||
name: "Projetos",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projetos", id: "projects"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="RTorres_.design"
|
||||
button={{ text: "Contato", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,39 +52,17 @@ export default function LandingPage() {
|
||||
description="Transformamos ideias em marcas fortes e profissionais. Design gráfico, vídeos e sites modernos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Projetos",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "Ver Projetos", href: "#projects"},
|
||||
{
|
||||
text: "Solicitar Orçamento",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Solicitar Orçamento", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103146.jpg",
|
||||
imageAlt: "Slide 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-adult-man-teaching-online-showing-finger-while-using-laptop-explaining-rules-standing_1258-180700.jpg",
|
||||
imageAlt: "Slide 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30667.jpg",
|
||||
imageAlt: "Slide 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100232.jpg",
|
||||
imageAlt: "Slide 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/demo-digital-device_23-2149243957.jpg",
|
||||
imageAlt: "Slide 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-wave-background-with-flowing-particles-design_1048-12524.jpg",
|
||||
imageAlt: "Slide 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103146.jpg", imageAlt: "Slide 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/image-adult-man-teaching-online-showing-finger-while-using-laptop-explaining-rules-standing_1258-180700.jpg", imageAlt: "Slide 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30667.jpg", imageAlt: "Slide 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-100232.jpg", imageAlt: "Slide 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/demo-digital-device_23-2149243957.jpg", imageAlt: "Slide 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-digital-wave-background-with-flowing-particles-design_1048-12524.jpg", imageAlt: "Slide 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,26 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Edição de Vídeos",
|
||||
description: "Reels, TikTok, YouTube, e motion design profissional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-glyph-solid-black-icon-pack-such-as-video-player-app-multimedia-vintage-radio-movie-screen_1142-23248.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/20-video-production-blue-color-icon-pack-like-laptop-media-camera-bookmark-media_1142-19470.jpg",
|
||||
buttonText: "Saber mais",
|
||||
},
|
||||
title: "Edição de Vídeos", description: "Reels, TikTok, YouTube, e motion design profissional.", imageSrc: "http://img.b2bpic.net/free-vector/creative-video-production-25-glyph-solid-black-icon-pack-such-as-video-player-app-multimedia-vintage-radio-movie-screen_1142-23248.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/20-video-production-blue-color-icon-pack-like-laptop-media-camera-bookmark-media_1142-19470.jpg", buttonText: "Saber mais"},
|
||||
{
|
||||
title: "Design Gráfico",
|
||||
description: "Identidade visual, logos, banners e posts para redes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204923.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-art-with-tool_23-2150455870.jpg",
|
||||
buttonText: "Saber mais",
|
||||
},
|
||||
title: "Design Gráfico", description: "Identidade visual, logos, banners e posts para redes.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204923.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-art-with-tool_23-2150455870.jpg", buttonText: "Saber mais"},
|
||||
{
|
||||
title: "Criação de Sites",
|
||||
description: "Sites rápidos, modernos e responsivos para o seu negócio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-start-up-concept-with-rocket_23-2147789007.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/grey-spotlight-shape-lens-flare-coding_1134-681.jpg",
|
||||
buttonText: "Saber mais",
|
||||
},
|
||||
title: "Criação de Sites", description: "Sites rápidos, modernos e responsivos para o seu negócio.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-start-up-concept-with-rocket_23-2147789007.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/grey-spotlight-shape-lens-flare-coding_1134-681.jpg", buttonText: "Saber mais"},
|
||||
]}
|
||||
title="Nossos Serviços"
|
||||
description="Soluções criativas e técnicas para elevar o nível da sua comunicação digital."
|
||||
@@ -151,42 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "StreetWear Brand",
|
||||
price: "R$ 500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-creating-vision-board_23-2150061820.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Agency Promo Video",
|
||||
price: "R$ 200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ecommerce Store",
|
||||
price: "R$ 1500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-white-background-with-soft-lines-generative-al_169016-28448.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Identity Design",
|
||||
price: "R$ 300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487073.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Motion Reel",
|
||||
price: "R$ 250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Corporate Site",
|
||||
price: "R$ 800",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-concept-with-geometric-shapes_23-2148269701.jpg",
|
||||
},
|
||||
{ id: "p1", name: "StreetWear Brand", price: "R$ 500", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-creating-vision-board_23-2150061820.jpg" },
|
||||
{ id: "p2", name: "Agency Promo Video", price: "R$ 200", imageSrc: "http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-handling-clients-complaints-call-center-agent_482257-136069.jpg" },
|
||||
{ id: "p3", name: "Ecommerce Store", price: "R$ 1500", imageSrc: "http://img.b2bpic.net/free-photo/abstract-black-white-background-with-soft-lines-generative-al_169016-28448.jpg" },
|
||||
{ id: "p4", name: "Identity Design", price: "R$ 300", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487073.jpg" },
|
||||
{ id: "p5", name: "Motion Reel", price: "R$ 250", imageSrc: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg" },
|
||||
{ id: "p6", name: "Corporate Site", price: "R$ 800", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-concept-with-geometric-shapes_23-2148269701.jpg" },
|
||||
]}
|
||||
title="Galeria de Projetos"
|
||||
description="Um olhar sobre os trabalhos realizados recentemente."
|
||||
@@ -200,21 +126,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Projetos realizados",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "30+",
|
||||
description: "Clientes satisfeitos",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Compromisso de entrega",
|
||||
},
|
||||
{ id: "m1", value: "50+", description: "Projetos realizados" },
|
||||
{ id: "m2", value: "30+", description: "Clientes satisfeitos" },
|
||||
{ id: "m3", value: "100%", description: "Compromisso de entrega" },
|
||||
]}
|
||||
title="Resultados Alcançados"
|
||||
description="Números que refletem a dedicação e o impacto entregue aos nossos parceiros."
|
||||
@@ -223,44 +137,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Empreendedora",
|
||||
testimonial: "Trabalho impecável e entrega muito rápida!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "João M.",
|
||||
role: "Criador",
|
||||
testimonial: "Design moderno que elevou meu canal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-portrait_23-2149267452.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ana R.",
|
||||
role: "Empresária",
|
||||
testimonial: "Site incrível, super responsivo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-front-smiling-with-happy-face-standing-pink-wall_141793-50825.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Carlos S.",
|
||||
role: "Empresário",
|
||||
testimonial: "Muito profissional, recomendo a todos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Beatriz V.",
|
||||
role: "Influenciadora",
|
||||
testimonial: "Edições sensacionais para redes sociais.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Empreendedora", testimonial: "Trabalho impecável e entrega muito rápida!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
||||
{ id: "t2", name: "João M.", role: "Criador", testimonial: "Design moderno que elevou meu canal.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-punk-woman-portrait_23-2149267452.jpg" },
|
||||
{ id: "t3", name: "Ana R.", role: "Empresária", testimonial: "Site incrível, super responsivo.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-front-smiling-with-happy-face-standing-pink-wall_141793-50825.jpg" },
|
||||
{ id: "t4", name: "Carlos S.", role: "Empresário", testimonial: "Muito profissional, recomendo a todos.", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "t5", name: "Beatriz V.", role: "Influenciadora", testimonial: "Edições sensacionais para redes sociais.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg" },
|
||||
]}
|
||||
title="Avaliações"
|
||||
description="O que nossos clientes dizem sobre a nossa parceria."
|
||||
@@ -272,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Como solicitar orçamento?",
|
||||
content: "Entre em contato via WhatsApp e nos envie os detalhes do seu projeto.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Qual o prazo médio?",
|
||||
content: "Varia conforme o projeto, mas sempre buscamos otimizar para entregar o quanto antes.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Fazem parcelamento?",
|
||||
content: "Sim, aceitamos diversas formas de pagamento e podemos conversar sobre opções.",
|
||||
},
|
||||
{ id: "q1", title: "Como solicitar orçamento?", content: "Entre em contato via WhatsApp e nos envie os detalhes do seu projeto." },
|
||||
{ id: "q2", title: "Qual o prazo médio?", content: "Varia conforme o projeto, mas sempre buscamos otimizar para entregar o quanto antes." },
|
||||
{ id: "q3", title: "Fazem parcelamento?", content: "Sim, aceitamos diversas formas de pagamento e podemos conversar sobre opções." },
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -297,19 +170,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Pronto para transformar sua marca? Entre em contato agora mesmo e vamos criar algo incrível juntos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/seu-numero",
|
||||
},
|
||||
{
|
||||
text: "Instagram Oficial",
|
||||
href: "https://instagram.com/rtorres_.design",
|
||||
},
|
||||
{ text: "Falar no WhatsApp", href: "https://wa.me/seu-numero" },
|
||||
{ text: "Instagram Oficial", href: "https://instagram.com/rtorres_.design" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user