Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-22 18:06:49 +00:00
2 changed files with 84 additions and 191 deletions

View File

@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Star, MapPin, Phone, MessageSquare } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,196 +29,88 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Cardápio", id: "products" },
{ name: "Contato", id: "contact" },
]}
brandName="Açaí & Suco Fresh"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Cardápio", id: "products" },
{ name: "Contato", id: "contact" },
]}
brandName="Ju Saramenha"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "gradient-bars" }}
logoText="Açaí & Suco Fresh"
description="O verdadeiro sabor da natureza em cada tigela. Refrescante, saudável e preparado na hora para você."
buttons={[
{ text: "Peça Agora", href: "#products" },
{ text: "Saiba Mais", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788577.jpg"
mediaAnimation="slide-up"
imageAlt="fresh acai bowl fruit healthy"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{ variant: "gradient-bars" }}
logoText="Açaí, Sucos e Vitaminas da Ju Saramenha"
description="O melhor açaí da região, sucos naturais revigorantes e vitaminas completas preparadas com todo carinho na Av. Saramenha, 1539."
buttons={[
{ text: "Peça Agora", href: "https://wa.me/5500000000000" },
{ text: "Cardápio", href: "#products" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Nutrição de verdade"
description="Comprometidos com a saúde e bem-estar, selecionamos as melhores frutas e o açaí mais puro do mercado, garantindo uma experiência autêntica e revigorante."
metrics={[
{ value: "100%", title: "Frutas Frescas" },
{ value: "24h", title: "Energia Natural" },
{ value: "50+", title: "Opções no Cardápio" },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-female-hands-slicing-peach-with-knife-cutting-board-cherry-juice-with-jar-cherry-basket-apricot-with-pears-white-background_141793-27581.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imageAlt="fresh acai production natural ingredients"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Sobre Nós"
description="Na Ju Saramenha, nossa missão é oferecer saúde e sabor. Localizados estrategicamente na Av. Saramenha, 1539, somos especialistas em transformar frutas frescas em experiências inesquecíveis."
metrics={[
{ value: "5.0", title: "Nota no Google" },
{ value: "1539", title: "Localização Av. Saramenha" },
{ value: "Premium", title: "Qualidade Garantida" },
]}
tag="Nossa História"
/>
</div>
<div id="features" data-section="features">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Ingredientes Naturais", description: "Sem conservantes ou corantes artificiais, apenas fruta real.", imageSrc: "http://img.b2bpic.net/free-photo/washing-red-cherries-water_114579-12047.jpg", imageAlt: "fresh fruit juice extraction"},
{
title: "Preparo Imediato", description: "Tudo fresco para garantir a melhor textura e qualidade nutricional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-smoothie-glass_23-2148933359.jpg", imageAlt: "acai bowl with granola berries"},
{
title: "Sustentabilidade", description: "Embalagens conscientes e apoio à produção local.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-life-written-notepad-round-platter-cut-vegetables-white-wooden-surface_140725-63502.jpg", imageAlt: "organic acai berries heap"},
]}
title="Por que escolher nossa marca?"
description="Combinamos sabor, saúde e praticidade em cada detalhe do nosso serviço."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Nosso Cardápio"
description="Escolha entre nossas deliciosas opções de açaí, sucos naturais e vitaminas energizantes."
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
products={[
{ id: "a1", brand: "Açaí", name: "Açaí da Ju", price: "R$ 18,00", rating: 5, reviewCount: "200", imageSrc: "https://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788577.jpg" },
{ id: "s1", brand: "Suco", name: "Suco de Laranja", price: "R$ 8,00", rating: 5, reviewCount: "150", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-smoothie-glass_23-2148933359.jpg" },
{ id: "v1", brand: "Vitamina", name: "Vitamina de Morango", price: "R$ 12,00", rating: 5, reviewCount: "180", imageSrc: "https://img.b2bpic.net/free-photo/side-view-female-hands-slicing-peach-with-knife-cutting-board-cherry-juice-with-jar-cherry-basket-apricot-with-pears-white-background_141793-27581.jpg" },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1", brand: "Bowl", name: "Açaí Clássico", price: "R$ 18,90", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788549.jpg", imageAlt: "acai bowl with strawberries banana"},
{
id: "p2", brand: "Bowl", name: "Açaí Nutricional", price: "R$ 22,90", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg", imageAlt: "acai bowl with strawberries banana"},
{
id: "p3", brand: "Bowl", name: "Bowl Tropical", price: "R$ 25,90", rating: 5,
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/healthy-delicious-smoothie-bowl-with-fresh-fruits_23-2151974578.jpg", imageAlt: "acai bowl with strawberries banana"},
{
id: "p4", brand: "Suco", name: "Laranja e Cenoura", price: "R$ 12,00", rating: 4,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788580.jpg", imageAlt: "acai bowl with strawberries banana"},
{
id: "p5", brand: "Suco", name: "Verde Detox", price: "R$ 15,00", rating: 5,
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cup-acai-dessert-with-strawberries_23-2149871580.jpg", imageAlt: "acai bowl with strawberries banana"},
{
id: "p6", brand: "Bowl", name: "Bowl Power", price: "R$ 28,90", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-bowl-appetizing-red-currants-grapes-grey-table_140725-71293.jpg", imageAlt: "acai bowl with strawberries banana"},
]}
title="Nossos favoritos"
description="Escolha a sua tigela ou suco favorito e aproveite toda a energia que você precisa."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="O que dizem os clientes"
description="Nota 5.0 baseada em avaliações reais de nossos clientes."
showRating={true}
textboxLayout="default"
animationType="slide-up"
testimonials={[
{ id: "t1", name: "Cliente Satisfeito", handle: "@cliente", testimonial: "Melhor açaí da região, muito bem servido e ingredientes frescos!", rating: 5, icon: Star },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Ana Silva", handle: "@ana_fit", testimonial: "O açaí mais puro que já provei, super cremoso!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg"},
{
id: "2", name: "Carlos Souza", handle: "@carlos_tech", testimonial: "Atendimento rápido e produtos sempre frescos.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-food-blogger-opening-saucepan-with-vegetable-meal-leaning-table-posing-camera-smiling-vertical-shot-cooking-home-concept_74855-6801.jpg"},
{
id: "3", name: "Beatriz Lima", handle: "@bia_lim", testimonial: "Meu lugar favorito para tomar um suco detox.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/chopped-various-vegetables-plate_114579-86126.jpg"},
{
id: "4", name: "Fernando Rocha", handle: "@fer_rocha", testimonial: "Excelente custo-benefício e qualidade incrível.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-berries-outdoors_23-2150062906.jpg"},
{
id: "5", name: "Marina Costa", handle: "@mari_costa", testimonial: "Vibrante e super saudável, adoro as opções de toppings.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-basket-fruits-as-apricot-peach-with-cherries-pears-blue-background_141793-25373.jpg"},
]}
showRating={true}
title="O que nossos clientes dizem"
description="A melhor escolha para o pós-treino ou um lanche saudável."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
title="Entre em Contato"
description="Estamos na Av. Saramenha 1539. Venha nos visitar ou faça seu pedido pelo WhatsApp!"
buttonText="WhatsApp"
onSubmit={(email) => console.log("Form submitted", email)}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Nossos Números"
tag="Estatísticas"
metrics={[
{ id: "m1", value: "15k", description: "Tigelas Servidas" },
{ id: "m2", value: "5k", description: "Litros de Suco Natural" },
{ id: "m3", value: "12", description: "Frutas diferentes" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "Vocês possuem opção sem açúcar?", content: "Sim, temos a opção de açaí puro zero açúcar."},
{
id: "q2", title: "Fazemos entregas?", content: "Sim, atendemos via delivery em toda a região central."},
{
id: "q3", title: "Os toppings são extras?", content: "Algumas combinações já acompanham, mas você pode adicionar à vontade."},
]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-black-blueberries-with-scarf-it-wooden-table_181624-15474.jpg"
mediaAnimation="slide-up"
title="Dúvidas frequentes"
description="Tire suas dúvidas sobre nossos serviços."
faqsAnimation="slide-up"
imageAlt="fresh acai production natural ingredients"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contato"
title="Fale com a gente"
description="Deseja fazer um pedido ou saber mais sobre nossa franquia? Mande uma mensagem."
imageSrc="http://img.b2bpic.net/free-photo/croissant-boiled-egg-orange-juice-breakfast-tray-balcony_176474-2602.jpg"
mediaAnimation="slide-up"
mediaPosition="left"
imageAlt="fresh fruit juice shop contact"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Açaí & Suco Fresh"
columns={[
{
title: "Empresa", items: [
{ label: "Sobre", href: "#about" },
{ label: "Cardápio", href: "#products" },
],
},
{
title: "Suporte", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contato", href: "#contact" },
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Ju Saramenha"
columns={[
{ title: "Menu", items: [{ label: "Home", href: "#hero" }, { label: "Cardápio", href: "#products" }] },
{ title: "Contato", items: [{ label: "WhatsApp", href: "#contact" }, { label: "Localização", href: "#contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fffefe;
--card: #f6f7f4;
--foreground: #080908;
--primary-cta: #0e3a29;
--background: #ffffff;
--card: #fdfdfd;
--foreground: #3b0764;
--primary-cta: #7e22ce;
--primary-cta-text: #fffefe;
--secondary-cta: #e7eecd;
--secondary-cta: #facc15;
--secondary-cta-text: #080908;
--accent: #35c18b;
--background-accent: #ecebe4;
--accent: #facc15;
--background-accent: #f3e8ff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);