Merge version_2 into main #1
227
src/app/page.tsx
227
src/app/page.tsx
@@ -2,13 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Building, Leaf, Star } from "lucide-react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Building, Star, Leaf, Mail, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -16,161 +15,81 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="gradient"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Projetos",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="ArchiView"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="ArchiView"
|
||||
navItems={[
|
||||
{ name: "Início", id: "#hero" },
|
||||
{ name: "Sobre", id: "#about" },
|
||||
{ name: "Recursos", id: "#projects" },
|
||||
{ name: "Contato", id: "#footer" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="ArchiView Design"
|
||||
description="Transformamos conceitos em espaços que definem o seu estilo de vida com elegância e precisão arquitetônica."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Projetos",
|
||||
href: "#projects",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-high-stone-bridge-with-clear-blue-sky_181624-1811.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="ArchiView"
|
||||
description="Arquitetura contemporânea que redefine a elegância do seu espaço pessoal e profissional."
|
||||
buttons={[{ text: "Conheça", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-high-stone-bridge-with-clear-blue-sky_181624-1811.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nossa Filosofia"
|
||||
description="Combinamos estética contemporânea com funcionalidade atemporal para criar ambientes únicos que elevam o bem-estar dos nossos clientes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273048.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: 'text', content: "Design " },
|
||||
{ type: 'image', src: "http://img.b2bpic.net/free-photo/modern-interior-design_23-2148467468.jpg", alt: "Modern" },
|
||||
{ type: 'text', content: " Atemporal" }
|
||||
]}
|
||||
buttons={[{ text: "Saiba mais", href: "#projects" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Building,
|
||||
title: "Arquitetura Residencial",
|
||||
description: "Design personalizado de casas e condomínios de alto padrão.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Design de Interiores",
|
||||
description: "Curadoria de ambientes modernos, funcionais e sofisticados.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Paisagismo",
|
||||
description: "Integração harmônica entre espaços construídos e natureza.",
|
||||
},
|
||||
]}
|
||||
title="Nossas Especialidades"
|
||||
description="Soluções completas para transformar ambientes com excelência."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardEight
|
||||
title="Recursos Arquitetônicos"
|
||||
description="Explore nossa curadoria de elementos de design e técnicas construtivas modernas."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Fachadas Inteligentes", description: "Integração tecnológica para eficiência energética e estética superior.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-view-modern-building_114579-2244.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Interiores Minimalistas", description: "Aproveitamento inteligente de luz natural e fluxos espaciais.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-furniture_23-2148467364.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Paisagismo Estruturado", description: "Fusão entre o concreto e a vida orgânica em ambientes internos.", imageSrc: "http://img.b2bpic.net/free-photo/small-tree-growing-inside-modern-office_23-2148310385.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lucas R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Beatriz S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office_1303-21092.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gabriel M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-engineer-wearing-protective-hardhat-holding-blueprint_23-2147843011.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clara A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-happy-girl-wearing-blue-shirt-shorts-sitting-sunny-street-with-smartphone-enjoying-sunny-day_291650-2673.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Experiências dos Clientes"
|
||||
cardTag="Depoimentos"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concrete-stair_1203-2702.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projetos",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "E-mail",
|
||||
href: "mailto:contato@archiview.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ArchiView"
|
||||
copyrightText="© 2025 ArchiView Architecture"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ArchiView"
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:contato@archiview.com", ariaLabel: "Email" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user