Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -9,7 +9,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
|||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
import { CheckCircle, Clock, Facebook, Image, Instagram, MessageCircle, Palette, Wrench } from "lucide-react";
|
import { CheckCircle, ClipboardCheck, Clock, DraftingCompass, Facebook, Handshake, Image, Instagram, MessageCircle, Palette, Wrench } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,63 +30,42 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "/"},
|
||||||
id: "/",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Kitchens",
|
name: "Kitchens", id: "/kitchens"},
|
||||||
id: "/kitchens",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Bathrooms",
|
name: "Bathrooms", id: "/bathrooms"},
|
||||||
id: "/bathrooms",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Renovations",
|
name: "Renovations", id: "/renovations"},
|
||||||
id: "/renovations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Wardrobes",
|
name: "Wardrobes", id: "/wardrobes"},
|
||||||
id: "/wardrobes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Projects",
|
name: "Projects", id: "/projects"},
|
||||||
id: "/projects",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "/about"},
|
||||||
id: "/about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Biotti"
|
brandName="Biotti"
|
||||||
button={{
|
button={{
|
||||||
text: "Book Consultation",
|
text: "Book Consultation", href: "/contact"}}
|
||||||
href: "/contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
logoText="Biotti"
|
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."
|
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Schedule a Consultation",
|
text: "Schedule a Consultation", href: "/contact"},
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Our Projects",
|
text: "View Our Projects", href: "/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?_wi=1"
|
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"
|
imageAlt="Luxury kitchen interior video"
|
||||||
mediaAnimation="opacity"
|
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?_wi=2"
|
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>
|
||||||
|
|
||||||
@@ -97,88 +76,56 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Nearly 40 Years of Experience",
|
title: "Nearly 40 Years of Experience", description: "Trusted since 1987 by homeowners, architects and interior designers.", media: {
|
||||||
description: "Trusted since 1987 by homeowners, architects and interior designers.",
|
imageSrc: "http://img.b2bpic.net/free-photo/realtor-clients-exploring-urban-property-financial-potential_482257-90954.jpg", imageAlt: "Designer discussing plans with a client"},
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/realtor-clients-exploring-urban-property-financial-potential_482257-90954.jpg?_wi=1",
|
|
||||||
imageAlt: "Designer discussing plans with a client",
|
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
icon: MessageCircle,
|
icon: MessageCircle,
|
||||||
text: "Decades of Trust",
|
text: "Decades of Trust"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: ClipboardCheck,
|
icon: ClipboardCheck,
|
||||||
text: "Proven Expertise",
|
text: "Proven Expertise"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false,
|
||||||
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?_wi=3",
|
|
||||||
imageAlt: "luxury kitchen designer planning meeting",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Complete Project Management",
|
title: "Complete Project Management", description: "From concept to completion, every detail is coordinated under one roof.", media: {
|
||||||
description: "From concept to completion, every detail is coordinated under one roof.",
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg", imageAlt: "Project manager reviewing construction plans"},
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg?_wi=1",
|
|
||||||
imageAlt: "Project manager reviewing construction plans",
|
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
icon: DraftingCompass,
|
icon: DraftingCompass,
|
||||||
text: "Seamless Coordination",
|
text: "Seamless Coordination"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Palette,
|
icon: Palette,
|
||||||
text: "Single Point of Contact",
|
text: "Single Point of Contact"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: true,
|
reverse: true,
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-using-pencil-measurement-tape-wood_53876-42742.jpg?_wi=1",
|
|
||||||
imageAlt: "luxury kitchen designer planning meeting",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "In-House Specialists",
|
title: "In-House Specialists", description: "Builders, electricians, plumbers, carpenters and painters working as one team.", media: {
|
||||||
description: "Builders, electricians, plumbers, carpenters and painters working as one team.",
|
imageSrc: "http://img.b2bpic.net/free-photo/view-bullet-journal-keyboard_23-2149740007.jpg", imageAlt: "Team of specialists working together"},
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-bullet-journal-keyboard_23-2149740007.jpg",
|
|
||||||
imageAlt: "Team of specialists working together",
|
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
icon: Wrench,
|
icon: Wrench,
|
||||||
text: "Unified Team",
|
text: "Unified Team"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Clock,
|
icon: Clock,
|
||||||
text: "Expert Craftsmanship",
|
text: "Expert Craftsmanship"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false,
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg?_wi=1",
|
|
||||||
imageAlt: "luxury kitchen designer planning meeting",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Guaranteed Timelines",
|
title: "Guaranteed Timelines", description: "Accurate planning and controlled execution without relying on third-party contractors.", media: {
|
||||||
description: "Accurate planning and controlled execution without relying on third-party contractors.",
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg", imageAlt: "Calendar showing project deadlines"},
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg?_wi=1",
|
|
||||||
imageAlt: "Calendar showing project deadlines",
|
|
||||||
},
|
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
icon: CheckCircle,
|
icon: CheckCircle,
|
||||||
text: "Predictable Completion",
|
text: "Predictable Completion"},
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Handshake,
|
icon: Handshake,
|
||||||
text: "Reliable Execution",
|
text: "Reliable Execution"},
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: true,
|
reverse: true,
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-shot-white-brown-building-roof-from-inside_181624-10447.jpg?_wi=1",
|
|
||||||
imageAlt: "luxury kitchen designer planning meeting",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Homeowners Choose Biotti"
|
title="Why Homeowners Choose Biotti"
|
||||||
@@ -194,33 +141,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "service-kitchens",
|
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"},
|
||||||
name: "Bespoke Kitchens",
|
|
||||||
price: "Custom Design",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wooden-drawers-with-marble-facade_169016-72795.jpg?_wi=2",
|
|
||||||
imageAlt: "Elegant kitchen interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-bathrooms",
|
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"},
|
||||||
name: "Luxury Bathrooms",
|
|
||||||
price: "Tailored Spaces",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg?_wi=2",
|
|
||||||
imageAlt: "Sophisticated bathroom interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-renovations",
|
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"},
|
||||||
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?_wi=2",
|
|
||||||
imageAlt: "Modern living room renovation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-wardrobes",
|
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"},
|
||||||
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"
|
title="Our Services"
|
||||||
description="Crafting exceptional living spaces with precision and passion. Discover our integrated approach to luxury interiors."
|
description="Crafting exceptional living spaces with precision and passion. Discover our integrated approach to luxury interiors."
|
||||||
@@ -236,17 +163,11 @@ export default function LandingPage() {
|
|||||||
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."
|
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={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Integrated Expertise",
|
title: "Integrated Expertise", description: "Our in-house team covers every trade, ensuring cohesive project execution."},
|
||||||
description: "Our in-house team covers every trade, ensuring cohesive project execution.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Uncompromising Quality",
|
title: "Uncompromising Quality", description: "Direct control over every detail, from design to final installation."},
|
||||||
description: "Direct control over every detail, from design to final installation.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Predictable Timelines",
|
title: "Predictable Timelines", description: "Accurate planning and efficient execution minimize delays."},
|
||||||
description: "Accurate planning and efficient execution minimize delays.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245246.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/latin-amateurs-dancing-salsa_23-2151245246.jpg"
|
||||||
imageAlt="Biotti in-house construction team collaborating on site"
|
imageAlt="Biotti in-house construction team collaborating on site"
|
||||||
@@ -261,64 +182,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Elena Rodriguez", role: "Homeowner", company: "Madrid", rating: 5,
|
||||||
name: "Elena Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-resting-home_7502-9290.jpg", imageAlt: "Portrait of 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",
|
id: "2", name: "Javier Sánchez", role: "Homeowner", company: "Madrid", rating: 5,
|
||||||
name: "Javier Sánchez",
|
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg", imageAlt: "Portrait of 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",
|
id: "3", name: "Sofía García", role: "Architect", company: "Madrid", rating: 5,
|
||||||
name: "Sofía García",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-talking-phone_23-2148095709.jpg", imageAlt: "Portrait of 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",
|
id: "4", name: "Carlos López", role: "Homeowner", company: "Madrid", rating: 5,
|
||||||
name: "Carlos López",
|
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"},
|
||||||
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",
|
id: "5", name: "Ana Pérez", role: "Interior Designer", company: "Madrid", rating: 5,
|
||||||
name: "Ana Pérez",
|
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"},
|
||||||
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={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "35+",
|
value: "35+", label: "Years Experience"},
|
||||||
label: "Years Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "500+",
|
value: "500+", label: "Projects Completed"},
|
||||||
label: "Projects Completed",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "98%",
|
value: "98%", label: "Client Satisfaction"},
|
||||||
label: "Client Satisfaction",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Customer Testimonials"
|
title="Customer Testimonials"
|
||||||
description="Hear what our valued clients have to say about their Biotti experience and the transformation of their homes."
|
description="Hear what our valued clients have to say about their Biotti experience and the transformation of their homes."
|
||||||
@@ -332,19 +217,13 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Facebook"},
|
||||||
ariaLabel: "Facebook",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Image,
|
icon: Image,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Pinterest"},
|
||||||
ariaLabel: "Pinterest",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user