bender/76c29e1a-fe47-423d-86f2-5946f73e907a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-13 02:55:20 +00:00
Conversation 0 Commits 2 Files Changed 2 +44 -48
2 changed files with 44 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/page.tsx
View File

@@ -1,14 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Calendar, Scissors, Instagram, Facebook } from "lucide-react";
export default function LandingPage() {
@@ -29,7 +29,7 @@ export default function LandingPage() {
<NavbarStyleFullscreen
brandName="Brotherhood Barber Shop"
navItems={[
{ name: "Home", id: "home" },
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
@@ -50,13 +50,13 @@ export default function LandingPage() {
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5pr3b&_wi=1", imageAlt: "Brotherhood Barber Shop Interior"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5pr3b", imageAlt: "Brotherhood Barber Shop Interior"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5pr3b&_wi=2", imageAlt: "Premium Barbershop"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5pr3b", imageAlt: "Premium Barbershop"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5pr3b&_wi=3", imageAlt: "Professional Barbershop"
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k5pr3b", imageAlt: "Professional Barbershop"
}
]}
autoplayDelay={5000}

68
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,47 @@
"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;
letterSpacing?: number;
fill?: string;
}
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 = 80,
fontWeight = 700,
letterSpacing = 2,
fill = 'currentColor',
}) => {
const estimatedWidth = text.length * (fontSize * 0.6);
const estimatedHeight = fontSize * 1.2;
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 ${estimatedWidth} ${estimatedHeight}`}
className={className}
xmlns="http://www.w3.org/2000/svg"
preserveAspectRatio="xMidYMid meet"
>
<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="central"
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill={fill}
fontFamily="inherit"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;