Merge version_1 into main #2
@@ -36,9 +36,7 @@ export default function ContactPage() {
|
||||
brandName="GustoBuzău"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Descoperă Acum",
|
||||
href: "/#restaurants",
|
||||
}}
|
||||
text: "Descoperă Acum", href: "/#restaurants"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -71,28 +69,16 @@ export default function ContactPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Recomandări de Restaurante",
|
||||
description: "Caut restaurant pentru o anumită ocazie și doresc o recomandare personalizată din echipa noastră.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367137.jpg?_wi=2",
|
||||
},
|
||||
title: "Recomandări de Restaurante", description: "Caut restaurant pentru o anumită ocazie și doresc o recomandare personalizată din echipa noastră.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367137.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Raportare Problemă",
|
||||
description: "Am găsit o problemă pe platformă sau cu informațiile unui restaurant. Doresc să o raportez.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-linkedin-post-template_23-2149754301.jpg?_wi=2",
|
||||
},
|
||||
title: "Raportare Problemă", description: "Am găsit o problemă pe platformă sau cu informațiile unui restaurant. Doresc să o raportez.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-linkedin-post-template_23-2149754301.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Partnership pentru Restaurante",
|
||||
description: "Sunt proprietar de restaurant și vreau să mă alatur catalogului GustoBuzău.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-registration-form_23-2147980576.jpg?_wi=2",
|
||||
},
|
||||
title: "Partnership pentru Restaurante", description: "Sunt proprietar de restaurant și vreau să mă alatur catalogului GustoBuzău.", imageSrc: "http://img.b2bpic.net/free-vector/online-registration-form_23-2147980576.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Feedback și Sugestii",
|
||||
description: "Am o sugestie pentru a îmbunătăți platforma sau doresc să las feedback pe baza experienței mele.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-banners-collection_1212-461.jpg?_wi=2",
|
||||
},
|
||||
title: "Feedback și Sugestii", description: "Am o sugestie pentru a îmbunătăți platforma sau doresc să las feedback pe baza experienței mele.", imageSrc: "http://img.b2bpic.net/free-vector/business-banners-collection_1212-461.jpg"},
|
||||
]}
|
||||
buttons={[]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -111,9 +97,10 @@ export default function ContactPage() {
|
||||
{ value: "24h", title: "Timp de Răspuns" },
|
||||
{ value: "Email", title: "contact@gustobuzau.ro" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/marketing-project-timeline-template_742173-19826.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/marketing-project-timeline-template_742173-19826.jpg"
|
||||
imageAlt="Contact information support"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,30 +108,27 @@ export default function ContactPage() {
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-quince-dolma-made-with-minced-meat_140725-1663.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-quince-dolma-made-with-minced-meat_140725-1663.jpg"
|
||||
imageAlt="GustoBuzău - Premium dining experiences"
|
||||
logoText="GustoBuzău"
|
||||
copyrightText="© 2025 GustoBuzău. Toate drepturile rezervate."
|
||||
columns={[
|
||||
{
|
||||
title: "Platforma",
|
||||
items: [
|
||||
title: "Platforma", items: [
|
||||
{ label: "Restaurante", href: "/restaurante" },
|
||||
{ label: "Cum Funcționează", href: "/#how-it-works" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pentru Restaurante",
|
||||
items: [
|
||||
title: "Pentru Restaurante", items: [
|
||||
{ label: "Partner Program", href: "/#partner" },
|
||||
{ label: "Advertising", href: "/advertising" },
|
||||
{ label: "Prețuri", href: "/pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms & Conditions", href: "/terms" },
|
||||
{ label: "Home", href: "/" },
|
||||
|
||||
168
src/app/page.tsx
168
src/app/page.tsx
@@ -39,9 +39,7 @@ export default function HomePage() {
|
||||
brandName="GustoBuzău"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Descoperă Acum",
|
||||
href: "#restaurants",
|
||||
}}
|
||||
text: "Descoperă Acum", href: "#restaurants"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,39 +54,23 @@ export default function HomePage() {
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
|
||||
imageAlt: "Italian pizza restaurant ambiance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", imageAlt: "Italian pizza restaurant ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297341.jpg",
|
||||
imageAlt: "Japanese sushi dining experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297341.jpg", imageAlt: "Japanese sushi dining experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg",
|
||||
imageAlt: "Premium steakhouse interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-plate-with-meat-rolls-chicken-drumstick-served-with-pear_140725-7978.jpg", imageAlt: "Premium steakhouse interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-table-arrangement-antique-store_23-2149640751.jpg",
|
||||
imageAlt: "Traditional Romanian cuisine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-table-arrangement-antique-store_23-2149640751.jpg", imageAlt: "Traditional Romanian cuisine"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-pizza-cutter-arrangement_23-2148574228.jpg",
|
||||
imageAlt: "Fresh wood-fired pizza",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-pizza-cutter-arrangement_23-2148574228.jpg", imageAlt: "Fresh wood-fired pizza"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-cucumber-covered-with-tuna_141793-400.jpg",
|
||||
imageAlt: "Elegant sushi presentation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-cucumber-covered-with-tuna_141793-400.jpg", imageAlt: "Elegant sushi presentation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-26146.jpg",
|
||||
imageAlt: "Gourmet steak plating",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-with-sauce-greens-along-with-glass-wine-brown-desk-food-meat-meal_140725-26146.jpg", imageAlt: "Gourmet steak plating"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pottery-bowles-with-pie-rice-inside_114579-2467.jpg",
|
||||
imageAlt: "Authentic Romanian dishes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-pottery-bowles-with-pie-rice-inside_114579-2467.jpg", imageAlt: "Authentic Romanian dishes"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Exploreaza Restaurante", href: "#restaurants" },
|
||||
@@ -113,65 +95,23 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Rustic & Modern",
|
||||
name: "La Taverna",
|
||||
price: "$$",
|
||||
rating: 5,
|
||||
reviewCount: "348",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=1",
|
||||
imageAlt: "La Taverna - Italian cuisine",
|
||||
},
|
||||
id: "1", brand: "Rustic & Modern", name: "La Taverna", price: "$$", rating: 5,
|
||||
reviewCount: "348", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "La Taverna - Italian cuisine"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Asian Fusion",
|
||||
name: "Sakura Dreams",
|
||||
price: "$$$$",
|
||||
rating: 5,
|
||||
reviewCount: "512",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-with-lentil-soup-fresh-vegetables-salad-sushi-plate_140725-263.jpg?_wi=1",
|
||||
imageAlt: "Sakura Dreams - Japanese cuisine",
|
||||
},
|
||||
id: "2", brand: "Asian Fusion", name: "Sakura Dreams", price: "$$$$", rating: 5,
|
||||
reviewCount: "512", imageSrc: "http://img.b2bpic.net/free-photo/lunch-setup-with-lentil-soup-fresh-vegetables-salad-sushi-plate_140725-263.jpg", imageAlt: "Sakura Dreams - Japanese cuisine"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Traditional Romanian",
|
||||
name: "Casa Bunicii",
|
||||
price: "$$",
|
||||
rating: 5,
|
||||
reviewCount: "287",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-small-family-are-together-kitchen-they-planning-cook-something_613910-3144.jpg?_wi=1",
|
||||
imageAlt: "Casa Bunicii - Romanian traditional food",
|
||||
},
|
||||
id: "3", brand: "Traditional Romanian", name: "Casa Bunicii", price: "$$", rating: 5,
|
||||
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/nice-small-family-are-together-kitchen-they-planning-cook-something_613910-3144.jpg", imageAlt: "Casa Bunicii - Romanian traditional food"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Gourmet Steakhouse",
|
||||
name: "Prime Cut",
|
||||
price: "$$$",
|
||||
rating: 5,
|
||||
reviewCount: "428",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-kebab-plate-with-flatbread-vegetables_140725-8322.jpg",
|
||||
imageAlt: "Prime Cut - Premium steakhouse",
|
||||
},
|
||||
id: "4", brand: "Gourmet Steakhouse", name: "Prime Cut", price: "$$$", rating: 5,
|
||||
reviewCount: "428", imageSrc: "http://img.b2bpic.net/free-photo/lamb-kebab-plate-with-flatbread-vegetables_140725-8322.jpg", imageAlt: "Prime Cut - Premium steakhouse"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Mediterranean",
|
||||
name: "Olive Garden",
|
||||
price: "$$$",
|
||||
rating: 5,
|
||||
reviewCount: "356",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-people-with-food_23-2149409337.jpg",
|
||||
imageAlt: "Olive Garden - Mediterranean cuisine",
|
||||
},
|
||||
id: "5", brand: "Mediterranean", name: "Olive Garden", price: "$$$", rating: 5,
|
||||
reviewCount: "356", imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-people-with-food_23-2149409337.jpg", imageAlt: "Olive Garden - Mediterranean cuisine"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Contemporary European",
|
||||
name: "Élegance",
|
||||
price: "$$$$",
|
||||
rating: 5,
|
||||
reviewCount: "421",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg",
|
||||
imageAlt: "Élegance - Contemporary European dining",
|
||||
},
|
||||
id: "6", brand: "Contemporary European", name: "Élegance", price: "$$$$", rating: 5,
|
||||
reviewCount: "421", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg", imageAlt: "Élegance - Contemporary European dining"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,28 +129,16 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Cele Mai Bune Ratinguri",
|
||||
description: "Doar restaurante cu 4.5+ stele. Fiecare establishment e selectat manual pentru calitate și excelență culinară.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367137.jpg?_wi=1",
|
||||
},
|
||||
title: "Cele Mai Bune Ratinguri", description: "Doar restaurante cu 4.5+ stele. Fiecare establishment e selectat manual pentru calitate și excelență culinară.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367137.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Review-uri Autentice",
|
||||
description: "Citește opiniile reale ale clienților. Fii sigur că știi ce te așteaptă înainte de a merge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-linkedin-post-template_23-2149754301.jpg?_wi=1",
|
||||
},
|
||||
title: "Review-uri Autentice", description: "Citește opiniile reale ale clienților. Fii sigur că știi ce te așteaptă înainte de a merge.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-linkedin-post-template_23-2149754301.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Acces Direct",
|
||||
description: "Conectare instantanee la website-ul restaurantului. Rezervări și detalii disponibile cu un singur click.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/online-registration-form_23-2147980576.jpg?_wi=1",
|
||||
},
|
||||
title: "Acces Direct", description: "Conectare instantanee la website-ul restaurantului. Rezervări și detalii disponibile cu un singur click.", imageSrc: "http://img.b2bpic.net/free-vector/online-registration-form_23-2147980576.jpg"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Informații Complete",
|
||||
description: "Orar, meniu, locație, contact - toate detaliile pe care le ai nevoie sunt la un loc.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-banners-collection_1212-461.jpg?_wi=1",
|
||||
},
|
||||
title: "Informații Complete", description: "Orar, meniu, locație, contact - toate detaliile pe care le ai nevoie sunt la un loc.", imageSrc: "http://img.b2bpic.net/free-vector/business-banners-collection_1212-461.jpg"},
|
||||
]}
|
||||
buttons={[{ text: "Vezi Restaurantele", href: "#restaurants" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -230,37 +158,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25+",
|
||||
title: "Restaurante Premium",
|
||||
description: "Selecție curată de cele mai bune locuri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg?_wi=1",
|
||||
imageAlt: "Restaurant collection variety",
|
||||
},
|
||||
id: "1", value: "25+", title: "Restaurante Premium", description: "Selecție curată de cele mai bune locuri", imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg", imageAlt: "Restaurant collection variety"},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.7★",
|
||||
title: "Ratinguri Medii",
|
||||
description: "Doar locuri exceptionale și de calitate",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/share-your-opinion-rate-us-background-customer-feedback-matters_1017-63282.jpg?_wi=1",
|
||||
imageAlt: "Average rating high quality",
|
||||
},
|
||||
id: "2", value: "4.7★", title: "Ratinguri Medii", description: "Doar locuri exceptionale și de calitate", imageSrc: "http://img.b2bpic.net/free-vector/share-your-opinion-rate-us-background-customer-feedback-matters_1017-63282.jpg", imageAlt: "Average rating high quality"},
|
||||
{
|
||||
id: "3",
|
||||
value: "50K+",
|
||||
title: "Vizitatori Lunari",
|
||||
description: "Oameni care descoperă restaurante zilnic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-analyzing-financial-report_1262-6332.jpg",
|
||||
imageAlt: "Website traffic analytics",
|
||||
},
|
||||
id: "3", value: "50K+", title: "Vizitatori Lunari", description: "Oameni care descoperă restaurante zilnic", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-analyzing-financial-report_1262-6332.jpg", imageAlt: "Website traffic analytics"},
|
||||
{
|
||||
id: "4",
|
||||
value: "100%",
|
||||
title: "Legit Restaurants",
|
||||
description: "Verificate și confirm de platforma",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-apply-now-badges_23-2149487846.jpg",
|
||||
imageAlt: "Verification badge authentic",
|
||||
},
|
||||
id: "4", value: "100%", title: "Legit Restaurants", description: "Verificate și confirm de platforma", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-apply-now-badges_23-2149487846.jpg", imageAlt: "Verification badge authentic"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,9 +181,10 @@ export default function HomePage() {
|
||||
{ value: "3 Pași", title: "De la Descoperire la Accesare" },
|
||||
{ value: "Instant", title: "Redirectare la Restaurante" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/marketing-project-timeline-template_742173-19826.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/marketing-project-timeline-template_742173-19826.jpg"
|
||||
imageAlt="How GustoBuzău works process diagram"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,30 +224,27 @@ export default function HomePage() {
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-quince-dolma-made-with-minced-meat_140725-1663.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plate-quince-dolma-made-with-minced-meat_140725-1663.jpg"
|
||||
imageAlt="GustoBuzău - Premium dining experiences"
|
||||
logoText="GustoBuzău"
|
||||
copyrightText="© 2025 GustoBuzău. Toate drepturile rezervate."
|
||||
columns={[
|
||||
{
|
||||
title: "Platforma",
|
||||
items: [
|
||||
title: "Platforma", items: [
|
||||
{ label: "Restaurante", href: "#restaurants" },
|
||||
{ label: "Cum Funcționează", href: "#how-it-works" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Pentru Restaurante",
|
||||
items: [
|
||||
title: "Pentru Restaurante", items: [
|
||||
{ label: "Partner Program", href: "#partner" },
|
||||
{ label: "Advertising", href: "/advertising" },
|
||||
{ label: "Prețuri", href: "/pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms & Conditions", href: "/terms" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
|
||||
@@ -1,51 +1,39 @@
|
||||
"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;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
fill?: string;
|
||||
dominantBaseline?: "auto" | "middle" | "hanging" | "text-bottom" | "alphabetic" | "central" | "mathematical" | "text-top" | "ideographic";
|
||||
}
|
||||
|
||||
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,
|
||||
className = "", fontSize = 48,
|
||||
fontWeight = 700,
|
||||
fill = "currentColor", dominantBaseline = "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 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
|
||||
className={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%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline={dominantBaseline}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
fontFamily="inherit"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user