Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -16,8 +16,7 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Produse",
|
||||
items: [
|
||||
title: "Produse", items: [
|
||||
{ label: "Canapele", href: "#products" },
|
||||
{ label: "Mobilier Dormitor", href: "#products" },
|
||||
{ label: "Mobilier Living", href: "#products" },
|
||||
@@ -26,16 +25,14 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Companie",
|
||||
items: [
|
||||
title: "Companie", items: [
|
||||
{ label: "Despre Noi", href: "despre" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Showroom", href: "#contact-cta" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Telefon: 0728 872 658", href: "tel:0728872658" },
|
||||
{ label: "Bulevardul General Nicolae Dăscălescu 401", href: "#" },
|
||||
{ label: "Piatra Neamț, Neamț, România", href: "#" },
|
||||
@@ -70,26 +67,19 @@ export default function AboutPage() {
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Producție Locală",
|
||||
description: "Realizăm mobilier local cu atenție la detalii și durabilitate",
|
||||
},
|
||||
title: "Producție Locală", description: "Realizăm mobilier local cu atenție la detalii și durabilitate"},
|
||||
{
|
||||
title: "Materiale Premium",
|
||||
description: "Folosim doar materiale de calitate care garantează longevitate",
|
||||
},
|
||||
title: "Materiale Premium", description: "Folosim doar materiale de calitate care garantează longevitate"},
|
||||
{
|
||||
title: "Design Personalizat",
|
||||
description: "Oferim soluții pe măsură pentru fiecare spațiu și preferință",
|
||||
},
|
||||
title: "Design Personalizat", description: "Oferim soluții pe măsură pentru fiecare spațiu și preferință"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-is-tape-measure-thinking-about-plan-construction-site_1150-21890.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-is-tape-measure-thinking-about-plan-construction-site_1150-21890.jpg"
|
||||
imageAlt="Showroom Mobilă Bontaș"
|
||||
imagePosition="right"
|
||||
mediaAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Vizitează showroomul",
|
||||
href: "#contact-cta",
|
||||
},
|
||||
text: "Vizitează showroomul", href: "#contact-cta"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,33 +93,13 @@ export default function AboutPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Producție Locală",
|
||||
description: "Fabricăm mobilier în Piatra Neamț cu standarde europene de calitate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg?_wi=2",
|
||||
imageAlt: "Producție locală",
|
||||
},
|
||||
id: "01", title: "Producție Locală", description: "Fabricăm mobilier în Piatra Neamț cu standarde europene de calitate", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg", imageAlt: "Producție locală"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Materiale de Calitate",
|
||||
description: "Selectăm doar materiale premium care garantează durabilitate și confort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600739.jpg?_wi=2",
|
||||
imageAlt: "Materiale de calitate",
|
||||
},
|
||||
id: "02", title: "Materiale de Calitate", description: "Selectăm doar materiale premium care garantează durabilitate și confort", imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600739.jpg", imageAlt: "Materiale de calitate"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Mobilier Personalizat",
|
||||
description: "Realizăm soluții pe comandă pentru fiecare nevoie și spațiu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-travelers-filling-documents_23-2149986622.jpg?_wi=2",
|
||||
imageAlt: "Mobilier personalizat",
|
||||
},
|
||||
id: "03", title: "Mobilier Personalizat", description: "Realizăm soluții pe comandă pentru fiecare nevoie și spațiu", imageSrc: "http://img.b2bpic.net/free-photo/side-view-travelers-filling-documents_23-2149986622.jpg", imageAlt: "Mobilier personalizat"},
|
||||
{
|
||||
id: "04",
|
||||
title: "Prețuri Competitive",
|
||||
description: "Oferim calitate premium la prețuri accesibile pentru toți clienții",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741788.jpg?_wi=2",
|
||||
imageAlt: "Prețuri competitive",
|
||||
},
|
||||
id: "04", title: "Prețuri Competitive", description: "Oferim calitate premium la prețuri accesibile pentru toți clienții", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741788.jpg", imageAlt: "Prețuri competitive"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
|
||||
124
src/app/page.tsx
124
src/app/page.tsx
@@ -21,135 +21,58 @@ export default function HomePage() {
|
||||
|
||||
const heroSlides = [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-couch-with-many-cushions_1203-534.jpg",
|
||||
imageAlt: "Living room furniture collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-couch-with-many-cushions_1203-534.jpg", imageAlt: "Living room furniture collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
|
||||
imageAlt: "Bedroom furniture showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg", imageAlt: "Bedroom furniture showcase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-chairs-close-up_250224-373.jpg",
|
||||
imageAlt: "Modular furniture system",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-chairs-close-up_250224-373.jpg", imageAlt: "Modular furniture system"},
|
||||
];
|
||||
|
||||
const products = [
|
||||
{
|
||||
id: "1",
|
||||
name: "Colț modular Juno",
|
||||
price: "5.500 RON",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986635.jpg?_wi=1",
|
||||
imageAlt: "Colț modular Juno",
|
||||
},
|
||||
id: "1", name: "Colț modular Juno", price: "5.500 RON", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986635.jpg", imageAlt: "Colț modular Juno"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fotoliu Juno",
|
||||
price: "1.200 RON",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-attractive-blonde-caucasian-adult-woman-beige-heels-green-formal-dress-sitting-grey-modern-couch-table-with-red-roses_132075-8159.jpg?_wi=1",
|
||||
imageAlt: "Fotoliu Juno",
|
||||
},
|
||||
id: "2", name: "Fotoliu Juno", price: "1.200 RON", imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-attractive-blonde-caucasian-adult-woman-beige-heels-green-formal-dress-sitting-grey-modern-couch-table-with-red-roses_132075-8159.jpg", imageAlt: "Fotoliu Juno"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pat Dormitor Premium",
|
||||
price: "3.800 RON",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135753.jpg?_wi=1",
|
||||
imageAlt: "Pat Dormitor Premium",
|
||||
},
|
||||
id: "3", name: "Pat Dormitor Premium", price: "3.800 RON", imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135753.jpg", imageAlt: "Pat Dormitor Premium"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mobilier Modular Living",
|
||||
price: "7.200 RON",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037474.jpg?_wi=1",
|
||||
imageAlt: "Mobilier Modular Living",
|
||||
},
|
||||
id: "4", name: "Mobilier Modular Living", price: "7.200 RON", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037474.jpg", imageAlt: "Mobilier Modular Living"},
|
||||
];
|
||||
|
||||
const bulletPoints = [
|
||||
{
|
||||
title: "Producție Locală",
|
||||
description: "Realizăm mobilier local cu atenție la detalii și durabilitate",
|
||||
},
|
||||
title: "Producție Locală", description: "Realizăm mobilier local cu atenție la detalii și durabilitate"},
|
||||
{
|
||||
title: "Materiale Premium",
|
||||
description: "Folosim doar materiale de calitate care garantează longevitate",
|
||||
},
|
||||
title: "Materiale Premium", description: "Folosim doar materiale de calitate care garantează longevitate"},
|
||||
{
|
||||
title: "Design Personalizat",
|
||||
description: "Oferim soluții pe măsură pentru fiecare spațiu și preferință",
|
||||
},
|
||||
title: "Design Personalizat", description: "Oferim soluții pe măsură pentru fiecare spațiu și preferință"},
|
||||
];
|
||||
|
||||
const features = [
|
||||
{
|
||||
id: "01",
|
||||
title: "Producție Locală",
|
||||
description: "Fabricăm mobilier în Piatra Neamț cu standarde europene de calitate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg?_wi=1",
|
||||
imageAlt: "Producție locală",
|
||||
},
|
||||
id: "01", title: "Producție Locală", description: "Fabricăm mobilier în Piatra Neamț cu standarde europene de calitate", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg", imageAlt: "Producție locală"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Materiale de Calitate",
|
||||
description: "Selectăm doar materiale premium care garantează durabilitate și confort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600739.jpg?_wi=1",
|
||||
imageAlt: "Materiale de calitate",
|
||||
},
|
||||
id: "02", title: "Materiale de Calitate", description: "Selectăm doar materiale premium care garantează durabilitate și confort", imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600739.jpg", imageAlt: "Materiale de calitate"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Mobilier Personalizat",
|
||||
description: "Realizăm soluții pe comandă pentru fiecare nevoie și spațiu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-travelers-filling-documents_23-2149986622.jpg?_wi=1",
|
||||
imageAlt: "Mobilier personalizat",
|
||||
},
|
||||
id: "03", title: "Mobilier Personalizat", description: "Realizăm soluții pe comandă pentru fiecare nevoie și spațiu", imageSrc: "http://img.b2bpic.net/free-photo/side-view-travelers-filling-documents_23-2149986622.jpg", imageAlt: "Mobilier personalizat"},
|
||||
{
|
||||
id: "04",
|
||||
title: "Prețuri Competitive",
|
||||
description: "Oferim calitate premium la prețuri accesibile pentru toți clienții",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741788.jpg?_wi=1",
|
||||
imageAlt: "Prețuri competitive",
|
||||
},
|
||||
id: "04", title: "Prețuri Competitive", description: "Oferim calitate premium la prețuri accesibile pentru toți clienții", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741788.jpg", imageAlt: "Prețuri competitive"},
|
||||
];
|
||||
|
||||
const testimonials = [
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria Popescu",
|
||||
handle: "Proprietar casă, Piatra Neamț",
|
||||
testimonial: "Am cumpărat o canapea și mobilier dormitor de la Mobilă Bontaș. Calitatea este excelentă și echipa a fost foarte profesională. Recomand!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
|
||||
imageAlt: "Maria Popescu",
|
||||
},
|
||||
id: "1", name: "Maria Popescu", handle: "Proprietar casă, Piatra Neamț", testimonial: "Am cumpărat o canapea și mobilier dormitor de la Mobilă Bontaș. Calitatea este excelentă și echipa a fost foarte profesională. Recomand!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "Maria Popescu"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ion Dinu",
|
||||
handle: "Antreprenor, Piatra Neamț",
|
||||
testimonial: "Am comandat mobilier personalizat pentru birou. A fost exact cum am vrut, de la design la fabricație. Foarte mulțumit de rezultat!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg?_wi=1",
|
||||
imageAlt: "Ion Dinu",
|
||||
},
|
||||
id: "2", name: "Ion Dinu", handle: "Antreprenor, Piatra Neamț", testimonial: "Am comandat mobilier personalizat pentru birou. A fost exact cum am vrut, de la design la fabricație. Foarte mulțumit de rezultat!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "Ion Dinu"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Stanciu",
|
||||
handle: "Designer Interior, Neamț",
|
||||
testimonial: "Lucrez cu Mobilă Bontaș de ani de zile. Sunt profesioniști, oferă calitate și pot realiza proiecte complexe fără probleme.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=1",
|
||||
imageAlt: "Elena Stanciu",
|
||||
},
|
||||
id: "3", name: "Elena Stanciu", handle: "Designer Interior, Neamț", testimonial: "Lucrez cu Mobilă Bontaș de ani de zile. Sunt profesioniști, oferă calitate și pot realiza proiecte complexe fără probleme.", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Elena Stanciu"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Radu Vasile",
|
||||
handle: "Familia, Piatra Neamț",
|
||||
testimonial: "Am renovat apartamentul și am găsit la Mobilă Bontaș tot ce aveam nevoie. Preț corect, calitate bună și livrare la timp!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg?_wi=1",
|
||||
imageAlt: "Radu Vasile",
|
||||
},
|
||||
id: "4", name: "Radu Vasile", handle: "Familia, Piatra Neamț", testimonial: "Am renovat apartamentul și am găsit la Mobilă Bontaș tot ce aveam nevoie. Preț corect, calitate bună și livrare la timp!", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg", imageAlt: "Radu Vasile"},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Produse",
|
||||
items: [
|
||||
title: "Produse", items: [
|
||||
{ label: "Canapele", href: "#products" },
|
||||
{ label: "Mobilier Dormitor", href: "#products" },
|
||||
{ label: "Mobilier Living", href: "#products" },
|
||||
@@ -158,16 +81,14 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Companie",
|
||||
items: [
|
||||
title: "Companie", items: [
|
||||
{ label: "Despre Noi", href: "#about" },
|
||||
{ label: "Contact", href: "#contact-cta" },
|
||||
{ label: "Showroom", href: "#contact-cta" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Telefon: 0728 872 658", href: "tel:0728872658" },
|
||||
{ label: "Bulevardul General Nicolae Dăscălescu 401", href: "#" },
|
||||
{ label: "Piatra Neamț, Neamț, România", href: "#" },
|
||||
@@ -229,9 +150,10 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={bulletPoints}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-is-tape-measure-thinking-about-plan-construction-site_1150-21890.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-worker-is-tape-measure-thinking-about-plan-construction-site_1150-21890.jpg"
|
||||
imageAlt="Showroom Mobilă Bontaș"
|
||||
imagePosition="right"
|
||||
mediaAnimation="none"
|
||||
buttons={[{ text: "Vizitează showroomul", href: "#contact-cta" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,46 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
fill?: string;
|
||||
fontFamily?: string;
|
||||
className?: string;
|
||||
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'hanging' | 'math' | 'central';
|
||||
textAnchor?: 'start' | 'middle' | 'end' | 'inherit';
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 24,
|
||||
fontWeight = 700,
|
||||
fill = 'currentColor',
|
||||
fontFamily = 'inherit',
|
||||
className = '',
|
||||
dominantBaseline = 'middle',
|
||||
textAnchor = 'middle',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 300 100"
|
||||
className={`w-full h-auto ${className}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
fontFamily={fontFamily}
|
||||
dominantBaseline={dominantBaseline}
|
||||
textAnchor={textAnchor}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user