Update src/app/page.tsx
This commit is contained in:
253
src/app/page.tsx
253
src/app/page.tsx
@@ -2,18 +2,10 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
||||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
||||||
import { Globe, Lightbulb, Smile } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,233 +25,92 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home", id: "#hero"},
|
{ name: "Menu", id: "/menu" },
|
||||||
{
|
{ name: "Serviços", id: "/services" },
|
||||||
name: "Produtos", id: "#products"},
|
{ name: "Críticas", id: "/reviews" },
|
||||||
{
|
{ name: "Sobre", id: "/about" },
|
||||||
name: "Funcionalidades", id: "#features"},
|
{ name: "FAQ", id: "/faq" },
|
||||||
{
|
{ name: "Contato", id: "/contact" }
|
||||||
name: "Sobre", id: "#about"},
|
|
||||||
{
|
|
||||||
name: "Testemunhos", id: "#testimonials"},
|
|
||||||
{
|
|
||||||
name: "FAQ", id: "#faq"},
|
|
||||||
{
|
|
||||||
name: "Contato", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Bazar Express 3D"
|
brandName="Go Chef"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="Galaxy Universe"
|
logoText="Go Chef"
|
||||||
description="Explora o ecossistema Samsung como nunca antes visto. Inovação 3D ao seu alcance."
|
description="O sabor autêntico da culinária portuguesa, feito com paixão e servido com carinho. Venha experimentar!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Ver Menu", href: "/menu" },
|
||||||
text: "Ver Produtos", href: "#products"},
|
{ text: "Reservar Mesa", href: "/contact" }
|
||||||
{
|
|
||||||
text: "Saber Mais", href: "#about"},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-man-with-vr-glasses_23-2148932823.jpg"
|
imageSrc="https://images.unsplash.com/photo-1579751626657-72bc17013f9f?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop"
|
||||||
imageAlt="Galaxy Universe 3D"
|
imageAlt="Prato delicioso de comida portuguesa no Go Chef"
|
||||||
showDimOverlay={true}
|
showDimOverlay={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="menu-highlights" data-section="menu-highlights">
|
||||||
<FeatureCardNine
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
title: "Ecrã Dynamic AMOLED 2X", description: "Cores vivas e uma taxa de atualização que redefine a fluidez para uma experiência visual sem precedentes.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendewring-cryptocurency-distribution-concept_23-2149901294.jpg", imageAlt: "Dynamic AMOLED 2X display"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-visual-visible-visibility-vision-concept_53876-123768.jpg", imageAlt: "Smartphone internal processor"}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Performance Incomparável", description: "Processadores de última geração para gaming e multitasking sem limites, otimizados para realidade 3D.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-illustration-blue-screen-smart-phone-with-ai-chip-isolated-white-background_181624-56646.jpg", imageAlt: "Powerful smartphone processor"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-camera-lens-blue-light_23-2152011747.jpg", imageAlt: "Pro-grade camera module"}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Câmara Pro-Grade com IA", description: "Capture momentos com detalhes incríveis e funcionalidades avançadas de IA, elevando a sua fotografia a outro nível.", phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-taking-food-photo-with-phone_23-2149294487.jpg", imageAlt: "Vibrant AMOLED display"},
|
|
||||||
phoneTwo: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/gradientglass-phone-16-pro-max_187299-46831.jpg?_wi=1", imageAlt: "AI camera holographic projection"}
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
showStepNumbers={true}
|
|
||||||
title="Descobre as Inovações do Universo Galaxy"
|
|
||||||
description="Tecnologia de ponta que redefine a sua experiência móvel e digital, com visualizações imersivas em 3D."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="bento-grid"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "product-1", name: "Galaxy S24 Ultra", price: "1.399€", variant: "Titanium Gray", imageSrc: "http://img.b2bpic.net/free-photo/gradientglass-phone-16-pro-max_187299-46831.jpg?_wi=2", imageAlt: "Samsung Galaxy S24 Ultra"},
|
id: "dish-1", name: "Bacalhau à Brás", price: "18€", variant: "Clássico", imageSrc: "https://images.unsplash.com/photo-1628186103310-a92c01994689?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&h=300&fit=crop", imageAlt: "Bacalhau à Brás"
|
||||||
{
|
|
||||||
id: "product-2", name: "Galaxy Z Fold5", price: "1.899€", variant: "Phantom Black", imageSrc: "http://img.b2bpic.net/free-photo/orange-smartphone-black-background_187299-46934.jpg", imageAlt: "Samsung Galaxy Z Fold5"},
|
|
||||||
{
|
|
||||||
id: "product-3", name: "Galaxy Tab S9 Ultra", price: "1.099€", variant: "Graphite", imageSrc: "http://img.b2bpic.net/free-photo/office-workspace-with-floating-clipboard-keyboard-other-office-supplies_187299-48027.jpg", imageAlt: "Samsung Galaxy Tab S9 Ultra"},
|
|
||||||
{
|
|
||||||
id: "product-4", name: "Galaxy Watch6 Classic", price: "399€", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg", imageAlt: "Samsung Galaxy Watch6 Classic"},
|
|
||||||
{
|
|
||||||
id: "product-5", name: "Galaxy Buds2 Pro", price: "229€", variant: "Bora Purple", imageSrc: "http://img.b2bpic.net/free-photo/pink-headphones-wireless-digital-device_53876-96804.jpg", imageAlt: "Samsung Galaxy Buds2 Pro"},
|
|
||||||
{
|
|
||||||
id: "product-6", name: "Galaxy Book4 Pro", price: "1.799€", variant: "Moonstone Gray", imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-green-striped-background_58702-6392.jpg", imageAlt: "Samsung Galaxy Book4 Pro"},
|
|
||||||
]}
|
|
||||||
title="Nossos Produtos Galaxy"
|
|
||||||
description="Explore a nossa seleção exclusiva de smartphones, tablets, wearables e acessórios Samsung, apresentados em 3D para uma experiência de compra única."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
|
||||||
<MediaAbout
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="A Revolução 3D do Bazar Express"
|
|
||||||
description="No Bazar Express 3D, transformamos a sua jornada de compra de tecnologia Samsung. Mergulhe em um universo interativo onde cada produto é apresentado com detalhes 3D e animações cativantes, garantindo uma experiência de exploração sem precedentes. Descubra o futuro das compras online."
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/digital-environment-scene_23-2151873117.jpg"
|
|
||||||
imageAlt="3D immersive shopping experience"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardOne
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "metric-1", value: "+95%", title: "Satisfação do Cliente", description: "Nossos clientes adoram a experiência e os produtos Galaxy.", icon: Smile,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-2", value: "100+", title: "Inovações Patenteadas", description: "Liderando o caminho com tecnologias exclusivas e disruptivas.", icon: Lightbulb,
|
id: "dish-2", name: "Polvo à Lagareiro", price: "22€", variant: "Com batata a murro", imageSrc: "https://images.unsplash.com/photo-1512621776951-a579ed9f874d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&h=300&fit=crop", imageAlt: "Polvo à Lagareiro"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-3", value: "150+", title: "Países Alcançados", description: "A nossa tecnologia transforma vidas em todo o mundo.", icon: Globe,
|
id: "dish-3", name: "Francesinha", price: "16€", variant: "Picante ou normal", imageSrc: "https://images.unsplash.com/photo-1502301103667-0bda6dc4718a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&h=300&fit=crop", imageAlt: "Francesinha"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
id: "dish-4", name: "Arroz de Pato", price: "17€", variant: "Caseiro", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&h=300&fit=crop", imageAlt: "Arroz de Pato"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dish-5", name: "Caldo Verde", price: "6€", variant: "Com broa de milho", imageSrc: "https://images.unsplash.com/photo-1547592180-85f17399034d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&h=300&fit=crop", imageAlt: "Caldo Verde"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "dish-6", name: "Pastel de Nata", price: "2.50€", variant: "Com canela", imageSrc: "https://images.unsplash.com/photo-1589182372551-f763a8a49c6d?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&h=300&fit=crop", imageAlt: "Pastel de Nata"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
title="Impacto e Inovação Galaxy"
|
title="Destaques do Nosso Menu"
|
||||||
description="Números que falam por si sobre a excelência e a liderança tecnológica dos produtos Samsung no mercado global."
|
description="Uma seleção dos nossos pratos mais amados, preparados com ingredientes frescos e a paixão Go Chef."
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t-1", name: "Sofia Almeida", role: "Designer Gráfica", testimonial: "A qualidade do ecrã do meu novo Galaxy é surreal. As cores são incríveis e a performance para edição 3D é impecável!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-having-videoconference_23-2147859216.jpg", imageAlt: "Sofia Almeida"},
|
|
||||||
{
|
|
||||||
id: "t-2", name: "João Pereira", role: "Engenheiro de Software", testimonial: "A navegação em 3D no Bazar Express é algo que nunca vi. É super fácil encontrar o que preciso, e o meu Galaxy S24 é um monstro!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-florist-apron-pink-gloves-holding-hands-flower-pot-joyfully-looking-camera-while-working-greenhouse_574295-857.jpg", imageAlt: "João Pereira"},
|
|
||||||
{
|
|
||||||
id: "t-3", name: "Marta Costa", role: "Empreendedora", testimonial: "Adoro a forma como posso visualizar os produtos. O Galaxy Z Fold5 mudou a minha produtividade, e a compra foi uma experiência divertida.", imageSrc: "http://img.b2bpic.net/free-photo/couple-using-laptop-while-couch-home-together_23-2148793531.jpg", imageAlt: "Marta Costa"},
|
|
||||||
{
|
|
||||||
id: "t-4", name: "Ricardo Silva", role: "Streamer de Jogos", testimonial: "Para gaming, o Galaxy Tab S9 é imbatível. E o serviço de apoio ao cliente do Bazar Express 3D é de primeira linha. Recomendo!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-night-city-lights_23-2149024736.jpg", imageAlt: "Ricardo Silva"},
|
|
||||||
{
|
|
||||||
id: "t-5", name: "Ana Rodrigues", role: "Professora Universitária", testimonial: "Comprei o Galaxy Watch6 e estou impressionada com as funcionalidades de saúde. A plataforma 3D tornou a escolha muito mais clara.", imageSrc: "http://img.b2bpic.net/free-photo/super-cool-product-buy-it-happy-enthusiastic-cheerful-pretty-redhead-girl-nightwear-wearing-s_1258-132956.jpg", imageAlt: "Ana Rodrigues"},
|
|
||||||
]}
|
|
||||||
title="O Que Dizem Nossos Clientes"
|
|
||||||
description="Histórias reais de quem já se rendeu à magia da tecnologia Samsung e à experiência imersiva do Bazar Express 3D."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social-proof" data-section="social-proof">
|
|
||||||
<SocialProofOne
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
names={[
|
|
||||||
"Samsung", "Google", "Microsoft", "Qualcomm", "Adobe", "Spotify", "Netflix"]}
|
|
||||||
title="Parceiros de Excelência"
|
|
||||||
description="Orgulhamo-nos de colaborar com as marcas líderes do setor tecnológico para oferecer a melhor tecnologia e serviços aos nossos clientes."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqBase
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "faq-1", title: "Como funciona a visualização 3D dos produtos?", content: "A nossa plataforma utiliza tecnologia avançada para renderizar os produtos em modelos 3D interativos. Pode girá-los, ampliar e ver detalhes como se estivesse a manuseá-los na vida real."},
|
|
||||||
{
|
|
||||||
id: "faq-2", title: "Posso experimentar os produtos em realidade aumentada?", content: "Sim, estamos a desenvolver uma funcionalidade de Realidade Aumentada (RA) que permitirá projetar virtualmente os produtos no seu ambiente, através da câmara do seu dispositivo. Fique atento às atualizações!"},
|
|
||||||
{
|
|
||||||
id: "faq-3", title: "Quais são as opções de pagamento disponíveis?", content: "Aceitamos diversas opções de pagamento, incluindo cartões de crédito/débito (Visa, MasterCard), transferência bancária e soluções de pagamento digital. A segurança das suas transações é a nossa prioridade."},
|
|
||||||
]}
|
|
||||||
title="Perguntas Frequentes"
|
|
||||||
description="Encontre respostas para as suas dúvidas mais comuns sobre produtos Samsung, o processo de compra e a experiência 3D do Bazar Express."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCTA
|
|
||||||
useInvertedBackground={false}
|
|
||||||
background={{
|
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
tag="Contato"
|
|
||||||
title="Pronto para Explorar o Futuro?"
|
|
||||||
description="A nossa equipa está disponível para ajudar na sua jornada pelo universo Galaxy. Contacte-nos hoje para uma experiência personalizada e tire todas as suas dúvidas."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Enviar Mensagem", href: "mailto:info@bazarexpress3d.ao"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-background-with-connecting-flowing-lines-dots_1048-12209.jpg"
|
imageSrc="https://images.unsplash.com/photo-1552504953-b230232490d1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop"
|
||||||
imageAlt="Futuristic digital network background"
|
imageAlt="Cozinha de restaurante"
|
||||||
logoText="Bazar Express 3D"
|
logoText="Go Chef"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Empresa", items: [
|
title: "Empresa", items: [
|
||||||
{
|
{ label: "Sobre Nós", href: "/about" },
|
||||||
label: "Sobre Nós", href: "#about"},
|
{ label: "Críticas", href: "/reviews" },
|
||||||
{
|
{ label: "Contato", href: "/contact" }
|
||||||
label: "Carreiras", href: "#"},
|
]
|
||||||
{
|
|
||||||
label: "Parceiros", href: "#social-proof"},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Produtos", items: [
|
title: "Menu", items: [
|
||||||
{
|
{ label: "Pratos Principais", href: "/menu" },
|
||||||
label: "Smartphones", href: "#products"},
|
{ label: "Bebidas", href: "/menu" },
|
||||||
{
|
{ label: "Sobremesas", href: "/menu" }
|
||||||
label: "Tablets", href: "#products"},
|
]
|
||||||
{
|
|
||||||
label: "Wearables", href: "#products"},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Ajuda", items: [
|
title: "Ajuda", items: [
|
||||||
{
|
{ label: "FAQ", href: "/faq" },
|
||||||
label: "FAQ", href: "#faq"},
|
{ label: "Serviços", href: "/services" },
|
||||||
{
|
{ label: "Política de Privacidade", href: "#" }
|
||||||
label: "Suporte", href: "#contact"},
|
]
|
||||||
{
|
}
|
||||||
label: "Termos de Uso", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Bazar Express 3D. Todos os direitos reservados."
|
copyrightText="© 2024 Go Chef. Todos os direitos reservados."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user