diff --git a/src/app/page.tsx b/src/app/page.tsx index b655af8..3456312 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="largeSmallSizeMediumTitles" - background="circleGradient" + background="aurora" cardStyle="outline" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="glass" @@ -52,18 +52,18 @@ export default function LandingPage() { { text: "Explore Our Vibes", href: "#testimonials" } ]} buttonAnimation="slide-up" - background={{ variant: "circleGradient" }} + background={{ variant: "plain" }} leftCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-barista-prepare-coffee_23-2147874463.jpg?_wi=1", imageAlt: "Premium specialty coffee at Inspired Curry Patta" }, - { imageSrc: "http://img.b2bpic.net/free-photo/girls-cafe_1157-5246.jpg?_wi=1", imageAlt: "Friends gathering and enjoying good times" }, - { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cottage-core-food-inspiration_52683-107179.jpg?_wi=1", imageAlt: "Fresh pastries and desserts" }, - { imageSrc: "http://img.b2bpic.net/free-photo/empty-chair_1203-2650.jpg?_wi=1", imageAlt: "Cozy café interior ambiance" } + { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-barista-prepare-coffee_23-2147874463.jpg", imageAlt: "Premium specialty coffee at Inspired Curry Patta" }, + { imageSrc: "http://img.b2bpic.net/free-photo/girls-cafe_1157-5246.jpg", imageAlt: "Friends gathering and enjoying good times" }, + { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cottage-core-food-inspiration_52683-107179.jpg", imageAlt: "Fresh pastries and desserts" }, + { imageSrc: "http://img.b2bpic.net/free-photo/empty-chair_1203-2650.jpg", imageAlt: "Cozy café interior ambiance" } ]} rightCarouselItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cottage-core-food-inspiration_52683-107179.jpg?_wi=2", imageAlt: "Artisanal pastries and cakes" }, - { imageSrc: "http://img.b2bpic.net/free-photo/empty-chair_1203-2650.jpg?_wi=2", imageAlt: "Modern café seating area" }, - { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-barista-prepare-coffee_23-2147874463.jpg?_wi=2", imageAlt: "Specialty coffee preparation" }, - { imageSrc: "http://img.b2bpic.net/free-photo/girls-cafe_1157-5246.jpg?_wi=2", imageAlt: "Community gatherings and celebrations" } + { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cottage-core-food-inspiration_52683-107179.jpg", imageAlt: "Artisanal pastries and cakes" }, + { imageSrc: "http://img.b2bpic.net/free-photo/empty-chair_1203-2650.jpg", imageAlt: "Modern café seating area" }, + { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-barista-prepare-coffee_23-2147874463.jpg", imageAlt: "Specialty coffee preparation" }, + { imageSrc: "http://img.b2bpic.net/free-photo/girls-cafe_1157-5246.jpg", imageAlt: "Community gatherings and celebrations" } ]} carouselPosition="right" ariaLabel="Hero section with café imagery carousel" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..0ffabab 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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; + fontFamily?: string; + fill?: string; + x?: number; + y?: number; + dominantBaseline?: DominantBaseline; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +type DominantBaseline = "auto" | "baseline" | "middle" | "hanging" | "mathematical"; +const SvgTextLogo: React.FC = ({ + text, + className, + fontSize = 32, + fontFamily = "Arial, sans-serif", fill = "currentColor", x = 0, + y = 0, + dominantBaseline = "middle"}) => { return ( - + - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;