diff --git a/src/app/page.tsx b/src/app/page.tsx index 021bb3b..2ceb425 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import BlogCardTwo from '@/components/sections/blog/BlogCardTwo'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; -import { Clock, Zap, Layers, Eye, Map, Eye as EyeIcon, Image as ImageIcon, BookOpen } from 'lucide-react'; +import { Clock, Zap, Layers, Eye, Map, Image as ImageIcon, BookOpen } from 'lucide-react'; export default function LandingPage() { return ( @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" - background="noise" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -42,7 +42,7 @@ export default function LandingPage() { @@ -143,11 +143,11 @@ export default function LandingPage() { blogs={[ { id: "1", category: ["Photography", "Philosophy"], - title: "The Aesthetics of Absence", excerpt: "How emptiness becomes profound when stripped of context—exploring the visual and emotional impact of abandoned spaces.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg?_wi=2", authorName: "Elena Voss", authorAvatar: "http://img.b2bpic.net/free-photo/doubtful-young-pretty-woman-looking-side-isolated-white-background-with-copy-space_141793-31746.jpg", date: "18 Jan 2025" + title: "The Aesthetics of Absence", excerpt: "How emptiness becomes profound when stripped of context—exploring the visual and emotional impact of abandoned spaces.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-man-shoes_1304-3784.jpg", authorName: "Elena Voss", authorAvatar: "http://img.b2bpic.net/free-photo/doubtful-young-pretty-woman-looking-side-isolated-white-background-with-copy-space_141793-31746.jpg", date: "18 Jan 2025" }, { id: "2", category: ["Architecture", "Culture"], - title: "Between Destinations: Transit Spaces", excerpt: "Airports, train stations, and waiting rooms—spaces designed for temporary occupation reveal profound truths about modern existence.", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-morgue-psychiatric-hospital_1150-18957.jpg?_wi=1", authorName: "Marcus Chen", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-meditating-beach_23-2148698979.jpg", date: "15 Jan 2025" + title: "Between Destinations: Transit Spaces", excerpt: "Airports, train stations, and waiting rooms—spaces designed for temporary occupation reveal profound truths about modern existence.", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-morgue-psychiatric-hospital_1150-18957.jpg", authorName: "Marcus Chen", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-woman-meditating-beach_23-2148698979.jpg", date: "15 Jan 2025" }, { id: "3", category: ["Art", "Psychology"], @@ -180,7 +180,7 @@ export default function LandingPage() { title="Enter the Void" description="Share your discoveries, experiences, and interpretations of liminal spaces. Join our community of explorers documenting the uncanny beauty of in-between worlds." useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/abandoned-morgue-psychiatric-hospital_1150-18957.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/abandoned-morgue-psychiatric-hospital_1150-18957.jpg" imageAlt="Empty subway platform disappearing into darkness" mediaAnimation="blur-reveal" mediaPosition="right" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..cddabef 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,41 @@ -"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; + dominantBaseline?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'use-script' | 'no-change' | 'reset-size'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 24, + fontWeight = 600, + letterSpacing = 0, + dominantBaseline = 'middle' +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file