Files
3e4f4ef4-cbcd-483f-83a6-e66…/src/app/page.tsx
2026-03-02 17:46:27 +00:00

216 lines
11 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { Phone } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "Servicii", id: "services" },
{ name: "Despre noi", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Sună acum", id: "tel:+40XXX-XXXXXX" }
]}
brandName="Guardian Homestyle"
bottomLeftText="Minieri • Prahova"
bottomRightText="info@guardianhs.ro"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Guardian Homestyle"
description="Servicii profesionale de tâmplărie și dulgherie. Lucrări de calitate, realizate cu atenție la detalii, pentru clienți locali din Minieri și Prahova."
buttons={[
{ text: "Sună acum", href: "tel:+40XXX-XXXXXX" },
{ text: "Cere ofertă" }
]}
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26131.jpg"
imageAlt="Profesionist în tâmplărie la lucru"
frameStyle="card"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
containerClassName="w-full"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Guardian Homestyle " },
{ type: "text", content: "Experiență și încredere locală de 6+ ani" }
]}
buttons={[
{ text: "Aflați mai multe", href: "#services" }
]}
useInvertedBackground={false}
buttonAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSixteen
title="Ce oferim"
description="Serviciile noastre sunt adaptate nevoilor tale. Executăm lucrări de tâmplărie și dulgherie cu atenție la detalii și calitate."
tag="Servicii principale"
negativeCard={{
items: [
"Proaste măsurători", "Termene necunoscute", "Materiale neadecvate", "Fără garanție", "Lipsă comunicare"
]
}}
positiveCard={{
items: [
"Măsurători precise și consultații", "Termene clare și respectate", "Materiale de calitate premium", "Garanție pe lucrări executate", "Comunicare constantă cu clientul"
]
}}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Serviciile noastre"
description="Soluții complete de tâmplărie și dulgherie pentru locuințe și spații comerciale."
tag="Lucrări executate"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
products={[
{
id: "1", brand: "Guardian", name: "Mobilier personalizat", price: "Ofertă la solicitare", rating: 5,
reviewCount: "28 clienți", imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861554.jpg", imageAlt: "Mobilier din lemn personalizat"
},
{
id: "2", brand: "Guardian", name: "Usi și ferestre", price: "Ofertă la solicitare", rating: 5,
reviewCount: "34 clienți", imageSrc: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg", imageAlt: "Uși personalizate din lemn"
},
{
id: "3", brand: "Guardian", name: "Montaj elemente PVC/lemn", price: "Ofertă la solicitare", rating: 5,
reviewCount: "41 clienți", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-checking-products_23-2149148460.jpg", imageAlt: "Montaj ferestre și elemente PVC"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="De ce să ne alegi"
description="Cifre care vorbesc despre calitatea și dedicarea noastră."
tag="Rezultate dovedite"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
metrics={[
{
id: "1", value: "6+", description: "Ani de activitate"
},
{
id: "2", value: "103", description: "Proiecte finalizate"
},
{
id: "3", value: "98%", description: "Satisfacție client"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Ce spun clienții noștri"
description="Mărturii din partea clienților satisfăcuți cu serviciile noastre."
tag="Feedback"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
testimonials={[
{
id: "1", name: "Ion Popescu", role: "Proprietar casă", company: "Minieri, Prahova", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "Ion Popescu"
},
{
id: "2", name: "Maria Gheorghe", role: "Proprietar apartament", company: "Filipeștii de Pădure", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1", imageAlt: "Maria Gheorghe"
},
{
id: "3", name: "Vasile Dumitru", role: "Dezvoltator mic", company: "Județul Prahova", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "Vasile Dumitru"
},
{
id: "4", name: "Cristina Ionescu", role: "Proprietar birou", company: "Prahova", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2", imageAlt: "Cristina Ionescu"
}
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
ctaTitle="Programează o consultație"
ctaDescription="Contactează-ne astazi pentru a afla cum putem rezolva nevoile tale de tâmplărie și dulgherie."
ctaButton={{
text: "Sună gratuit", href: "tel:+40XXX-XXXXXX"
}}
ctaIcon={Phone}
faqs={[
{
id: "1", title: "Care este zona pe care o deserviți?", content: "Deservim zona Minieri, Filipeștii de Pădure și județul Prahova. Pentru locații mai departe, contactați-ne pentru a discuta posibilitatea colaborării."
},
{
id: "2", title: "Care sunt termenele de execuție?", content: "Termenele depind de complexitatea și volumul lucrării. După o consultație inițială, vă vom oferi un calendar clar și realist pentru finalizare."
},
{
id: "3", title: "Ce materiale folosiți?", content: "Folosim doar materiale de calitate premium, selectate special pentru durabilitate și aspect. Puteți alege din ranjul nostru standard sau materiale personalizate."
},
{
id: "4", title: "Oferiți garanție pe lucrări?", content: "Da! Toate lucrările noastre sunt acoperite de garanție. Detaliile garanției vor fi discutate în contract."
},
{
id: "5", title: "Cum pot comanda o ofertă?", content: "Sunaţi-ne la numărul de telefon, completați formularul de contact sau trimiteți un email. Vom veni la locație pentru a măsura și a pregăti o ofertă detaliată."
},
{
id: "6", title: "Cum sunt stabilite prețurile?", content: "Prețurile sunt personalizate în funcție de proiect: materiale folosite, complexitate, timp de lucru și locație. Fiecare ofertă este detaliată și transparentă."
}
]}
useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Guardian Homestyle S.R.L."
copyrightText="© 2025 Guardian Homestyle S.R.L. | Tâmplărie & Dulgherie | Minieri, Prahova"
socialLinks={[]}
/>
</div>
</ThemeProvider>
);
}