234 lines
11 KiB
TypeScript
234 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { CheckCircle, ClipboardCheck, Clock, DraftingCompass, Facebook, Handshake, Image, Instagram, MessageCircle, Palette, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Kitchens", id: "/kitchens"},
|
|
{
|
|
name: "Bathrooms", id: "/bathrooms"},
|
|
{
|
|
name: "Renovations", id: "/renovations"},
|
|
{
|
|
name: "Wardrobes", id: "/wardrobes"},
|
|
{
|
|
name: "Projects", id: "/projects"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
]}
|
|
brandName="Biotti"
|
|
button={{
|
|
text: "Book Consultation", href: "/contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
logoText="Biotti"
|
|
description="For nearly four decades, Biotti has transformed homes across Madrid through bespoke kitchen design, luxury bathrooms, custom cabinetry and complete renovations.\n\nSince 1987. Premium European Brands. In-House Construction Team. Showroom in Madrid."
|
|
buttons={[
|
|
{
|
|
text: "Schedule a Consultation", href: "/contact"},
|
|
{
|
|
text: "View Our Projects", href: "/projects"},
|
|
]}
|
|
videoSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg"
|
|
imageAlt="Luxury kitchen interior video"
|
|
mediaAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-biotti" data-section="why-biotti">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Nearly 40 Years of Experience", description: "Trusted since 1987 by homeowners, architects and interior designers.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/realtor-clients-exploring-urban-property-financial-potential_482257-90954.jpg", imageAlt: "Designer discussing plans with a client"},
|
|
items: [
|
|
{
|
|
icon: MessageCircle,
|
|
text: "Decades of Trust"},
|
|
{
|
|
icon: ClipboardCheck,
|
|
text: "Proven Expertise"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Complete Project Management", description: "From concept to completion, every detail is coordinated under one roof.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg", imageAlt: "Project manager reviewing construction plans"},
|
|
items: [
|
|
{
|
|
icon: DraftingCompass,
|
|
text: "Seamless Coordination"},
|
|
{
|
|
icon: Palette,
|
|
text: "Single Point of Contact"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "In-House Specialists", description: "Builders, electricians, plumbers, carpenters and painters working as one team.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-bullet-journal-keyboard_23-2149740007.jpg", imageAlt: "Team of specialists working together"},
|
|
items: [
|
|
{
|
|
icon: Wrench,
|
|
text: "Unified Team"},
|
|
{
|
|
icon: Clock,
|
|
text: "Expert Craftsmanship"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Guaranteed Timelines", description: "Accurate planning and controlled execution without relying on third-party contractors.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg", imageAlt: "Calendar showing project deadlines"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Predictable Completion"},
|
|
{
|
|
icon: Handshake,
|
|
text: "Reliable Execution"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
]}
|
|
title="Why Homeowners Choose Biotti"
|
|
description="Experience the Biotti difference: craftsmanship, precision, and complete peace of mind, coordinated under one roof."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "service-kitchens", name: "Bespoke Kitchens", price: "Custom Design", imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg", imageAlt: "Elegant kitchen interior"},
|
|
{
|
|
id: "service-bathrooms", name: "Luxury Bathrooms", price: "Tailored Spaces", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg", imageAlt: "Sophisticated bathroom interior"},
|
|
{
|
|
id: "service-renovations", name: "Complete Home Renovations", price: "Full Transformations", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-shot-white-brown-building-roof-from-inside_181624-10447.jpg", imageAlt: "Modern living room renovation"},
|
|
{
|
|
id: "service-wardrobes", name: "Custom Wardrobes & Storage", price: "Made-to-Measure", imageSrc: "http://img.b2bpic.net/free-photo/many-wooden-tags-ribbons-shelf_23-2147874985.jpg", imageAlt: "Luxury custom wardrobe"},
|
|
]}
|
|
title="Our Services"
|
|
description="Crafting exceptional living spaces with precision and passion. Discover our integrated approach to luxury interiors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="biotti-difference" data-section="biotti-difference">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="right"
|
|
title="One Team. One Vision. One Seamless Experience."
|
|
description="Unlike most renovation companies, Biotti employs its own specialists across every stage of construction and installation. This allows us to maintain exceptional quality control, predictable timelines and complete accountability from start to finish. For our clients, that means fewer surprises, better communication and a renovation experience designed around confidence."
|
|
bulletPoints={[
|
|
{
|
|
title: "Integrated Expertise", description: "Our in-house team covers every trade, ensuring cohesive project execution."},
|
|
{
|
|
title: "Uncompromising Quality", description: "Direct control over every detail, from design to final installation."},
|
|
{
|
|
title: "Predictable Timelines", description: "Accurate planning and efficient execution minimize delays."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245246.jpg"
|
|
imageAlt="Biotti in-house construction team collaborating on site"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Elena Rodriguez", role: "Homeowner", company: "Madrid", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-resting-home_7502-9290.jpg", imageAlt: "Portrait of Elena Rodriguez"},
|
|
{
|
|
id: "2", name: "Javier Sánchez", role: "Homeowner", company: "Madrid", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg", imageAlt: "Portrait of Javier Sánchez"},
|
|
{
|
|
id: "3", name: "Sofía García", role: "Architect", company: "Madrid", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-talking-phone_23-2148095709.jpg", imageAlt: "Portrait of Sofía García"},
|
|
{
|
|
id: "4", name: "Carlos López", role: "Homeowner", company: "Madrid", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg", imageAlt: "Portrait of Carlos López"},
|
|
{
|
|
id: "5", name: "Ana Pérez", role: "Interior Designer", company: "Madrid", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-stands-stylish-wardrobe-with-open-box-his-hands-she-s-dressed-black-dress-silver-shoes-wow-emotions_197531-1690.jpg", imageAlt: "Portrait of Ana Pérez"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "35+", label: "Years Experience"},
|
|
{
|
|
value: "500+", label: "Projects Completed"},
|
|
{
|
|
value: "98%", label: "Client Satisfaction"},
|
|
]}
|
|
title="Customer Testimonials"
|
|
description="Hear what our valued clients have to say about their Biotti experience and the transformation of their homes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Biotti"
|
|
copyrightText="© 2024 Biotti. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Image,
|
|
href: "#", ariaLabel: "Pinterest"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|