bender/19ec60bb-8ae3-41c7-8dd8-d7fac6d72cbf
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-12 06:23:33 +00:00
Conversation 0 Commits 2 Files Changed 2 +60 -52
2 changed files with 60 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/page.tsx
View File

@@ -1,14 +1,14 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Lightbulb, Users, Zap } from "lucide-react";
export default function LandingPage() {
@@ -51,7 +51,7 @@ export default function LandingPage() {
imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-stationery-coffee-cup_23-2148128443.jpg", imageAlt: "minimalist workspace macbook desk clean"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164870.jpg?_wi=1", imageAlt: "creative workspace natural light minimalist"
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164870.jpg", imageAlt: "creative workspace natural light minimalist"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-near-smartphone-watch-table_23-2148036898.jpg", imageAlt: "minimalist home office clean white space"
@@ -69,6 +69,7 @@ export default function LandingPage() {
description="I'm a design-focused creative with 8+ years of experience building digital products that users love. My approach combines strategic thinking with meticulous attention to detail."
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="none"
bulletPoints={[
{
title: "Design Philosophy", description: "Minimalism meets functionality—every pixel serves a purpose", icon: Lightbulb
@@ -80,7 +81,7 @@ export default function LandingPage() {
title: "User-Centric Approach", description: "Research-driven decisions that prioritize user experience", icon: Users
}
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164870.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164870.jpg"
imageAlt="About workspace"
imagePosition="right"
buttons={[{ text: "Download Resume", href: "#" }]}

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

@@ -1,51 +1,58 @@
"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;
fontFamily?: string;
fill?: string;
dominantBaseline?: 'auto' | 'middle' | 'central' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'hanging';
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
(
{
text,
className = '',
fontSize = 48,
fontWeight = 'bold',
fontFamily = 'inherit',
fill = 'currentColor',
dominantBaseline = 'middle',
},
ref
) => {
const textLength = text.length;
const charWidth = fontSize * 0.6;
const totalWidth = textLength * charWidth + 20;
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
>
<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"
}}
return (
<svg
ref={ref}
viewBox={`0 0 ${totalWidth} ${fontSize + 20}`}
width={totalWidth}
height={fontSize + 20}
className={className}
preserveAspectRatio="xMidYMid meet"
>
{logoText}
</text>
</svg>
);
});
<text
x={totalWidth / 2}
y={fontSize / 2 + 10}
textAnchor="middle"
fontSize={fontSize}
fontWeight={fontWeight}
fontFamily={fontFamily}
fill={fill}
dominantBaseline={dominantBaseline}
>
{text}
</text>
</svg>
);
}
);
SvgTextLogo.displayName = "SvgTextLogo";
SvgTextLogo.displayName = 'SvgTextLogo';
export default SvgTextLogo;
export default SvgTextLogo;