From 030754a78c8c4f327bc06e49b54c40c18a22426e Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 03:11:55 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index fe535e8..116b7aa 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumSmall" sizing="mediumLargeSizeMediumTitles" - background="fluid" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="double-inset" secondaryButtonStyle="glass" @@ -45,8 +45,8 @@ export default function LandingPage() { tag="Open 24/7" tagIcon={Clock} tagAnimation="slide-up" - background={{ variant: "fluid" }} - imageSrc="http://img.b2bpic.net/free-photo/high-view-burlap-fabric-with-cup-coffee-sugar_23-2148337116.jpg?_wi=1" + background={{ variant: "plain" }} + imageSrc="http://img.b2bpic.net/free-photo/high-view-burlap-fabric-with-cup-coffee-sugar_23-2148337116.jpg" imageAlt="Fresh coffee being prepared" mediaAnimation="blur-reveal" imagePosition="right" @@ -58,15 +58,15 @@ export default function LandingPage() { testimonials={[ { name: "Emma Rodriguez", handle: "Regular Customer", testimonial: "The perfect place to work or relax. Best coffee in the city, open whenever I need them!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businesswoman-with-laptop-table_23-2148073234.jpg?_wi=1", imageAlt: "Emma Rodriguez" + imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businesswoman-with-laptop-table_23-2148073234.jpg", imageAlt: "Emma Rodriguez" }, { name: "James Mitchell", handle: "Coffee Enthusiast", testimonial: "Exceptional quality and ambiance. Loliva has become my favorite café destination.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg?_wi=1", imageAlt: "James Mitchell" + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", imageAlt: "James Mitchell" }, { name: "Sarah Chen", handle: "Business Owner", testimonial: "Perfect workspace with amazing vibes. Their pastries are incredible too!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg?_wi=1", imageAlt: "Sarah Chen" + imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg", imageAlt: "Sarah Chen" } ]} testimonialRotationInterval={5000} @@ -97,11 +97,11 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - title: "Espresso", description: "Rich, bold, and perfectly extracted. Our signature espresso sets the foundation for every specialty drink.", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?_wi=1", imageAlt: "Premium espresso", buttonIcon: ArrowRight, + title: "Espresso", description: "Rich, bold, and perfectly extracted. Our signature espresso sets the foundation for every specialty drink.", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg", imageAlt: "Premium espresso", buttonIcon: ArrowRight, buttonHref: "contact" }, { - title: "Cappuccino", description: "Silky smooth milk with perfectly balanced espresso. Every cup is a work of art with our signature latte art.", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg?_wi=1", imageAlt: "Artisan cappuccino", buttonIcon: ArrowRight, + title: "Cappuccino", description: "Silky smooth milk with perfectly balanced espresso. Every cup is a work of art with our signature latte art.", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg", imageAlt: "Artisan cappuccino", buttonIcon: ArrowRight, buttonHref: "contact" }, { @@ -113,11 +113,11 @@ export default function LandingPage() { buttonHref: "contact" }, { - title: "Specialty Latte", description: "Creative seasonal flavors and classic favorites. Custom options available to suit your taste perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg?_wi=2", imageAlt: "Specialty latte creation", buttonIcon: ArrowRight, + title: "Specialty Latte", description: "Creative seasonal flavors and classic favorites. Custom options available to suit your taste perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg", imageAlt: "Specialty latte creation", buttonIcon: ArrowRight, buttonHref: "contact" }, { - title: "Coffee Experience", description: "Learn the art of coffee appreciation. Join us for tasting events and barista-led coffee sessions.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-burlap-fabric-with-cup-coffee-sugar_23-2148337116.jpg?_wi=2", imageAlt: "Coffee preparation", buttonIcon: ArrowRight, + title: "Coffee Experience", description: "Learn the art of coffee appreciation. Join us for tasting events and barista-led coffee sessions.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-burlap-fabric-with-cup-coffee-sugar_23-2148337116.jpg", imageAlt: "Coffee preparation", buttonIcon: ArrowRight, buttonHref: "contact" } ]} @@ -136,16 +136,16 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - title: "Open 24/7", description: "Never miss your perfect coffee moment. We're here whenever you need us, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-tea-cup_23-2148107173.jpg?_wi=1", imageAlt: "24/7 café environment", buttonIcon: Clock + title: "Open 24/7", description: "Never miss your perfect coffee moment. We're here whenever you need us, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-tea-cup_23-2148107173.jpg", imageAlt: "24/7 café environment", buttonIcon: Clock }, { - title: "Cozy Atmosphere", description: "Relax in our thoughtfully designed spaces. Perfect for work, studying, or catching up with friends.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-tea-cup_23-2148107173.jpg?_wi=2", imageAlt: "Comfortable café seating", buttonIcon: Heart + title: "Cozy Atmosphere", description: "Relax in our thoughtfully designed spaces. Perfect for work, studying, or catching up with friends.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-tea-cup_23-2148107173.jpg", imageAlt: "Comfortable café seating", buttonIcon: Heart }, { - title: "Quality Coffee", description: "Premium beans, expert roasting, and skilled baristas. Every cup meets our highest standards.", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?_wi=2", imageAlt: "Quality espresso preparation", buttonIcon: Sparkles + title: "Quality Coffee", description: "Premium beans, expert roasting, and skilled baristas. Every cup meets our highest standards.", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg", imageAlt: "Quality espresso preparation", buttonIcon: Sparkles }, { - title: "Friendly Service", description: "Our team is dedicated to making you feel welcome. Personalized recommendations and genuine care.", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg?_wi=3", imageAlt: "Service excellence", buttonIcon: Smile + title: "Friendly Service", description: "Our team is dedicated to making you feel welcome. Personalized recommendations and genuine care.", imageSrc: "http://img.b2bpic.net/free-photo/glass-three-layered-latte-with-latte-art-top_140725-4881.jpg", imageAlt: "Service excellence", buttonIcon: Smile } ]} textboxLayout="default" @@ -165,13 +165,13 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", name: "Emma Rodriguez", handle: "Regular Customer", testimonial: "The perfect place to work or relax. Best coffee in the city, open whenever I need them! The atmosphere is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businesswoman-with-laptop-table_23-2148073234.jpg?_wi=2", imageAlt: "Emma Rodriguez" + id: "1", name: "Emma Rodriguez", handle: "Regular Customer", testimonial: "The perfect place to work or relax. Best coffee in the city, open whenever I need them! The atmosphere is incredible.", imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businesswoman-with-laptop-table_23-2148073234.jpg", imageAlt: "Emma Rodriguez" }, { - id: "2", name: "James Mitchell", handle: "Coffee Enthusiast", testimonial: "Exceptional quality and ambiance. Loliva has become my favorite café destination. Every visit is special.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg?_wi=2", imageAlt: "James Mitchell" + id: "2", name: "James Mitchell", handle: "Coffee Enthusiast", testimonial: "Exceptional quality and ambiance. Loliva has become my favorite café destination. Every visit is special.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", imageAlt: "James Mitchell" }, { - id: "3", name: "Sarah Chen", handle: "Business Owner", testimonial: "Perfect workspace with amazing vibes. Their pastries are incredible too! Best investment for my workday.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg?_wi=2", imageAlt: "Sarah Chen" + id: "3", name: "Sarah Chen", handle: "Business Owner", testimonial: "Perfect workspace with amazing vibes. Their pastries are incredible too! Best investment for my workday.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg", imageAlt: "Sarah Chen" }, { id: "4", name: "Michael Torres", handle: "Designer & Freelancer", testimonial: "Open 24/7 is a game-changer for late-night creative sessions. The coffee quality never disappoints.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804575.jpg", imageAlt: "Michael Torres" @@ -195,7 +195,7 @@ export default function LandingPage() { tagIcon={MapPin} title="Visit Loliva Today" description="Located in the heart of the city. Open 24/7 for your coffee cravings. Drop by anytime or reach out for inquiries and special orders." - background={{ variant: "fluid" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Subscribe to Updates" -- 2.49.1 From 834c93169339b6397307c87e1a428f22aa79f561 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 03:11:56 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 83 +++++++++++-------- 1 file changed, 49 insertions(+), 34 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..97cb20a 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,66 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React, { useEffect, useRef } from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; + width?: number; + height?: number; + fontSize?: number; + fontFamily?: string; + fill?: string; + stroke?: string; + strokeWidth?: number; className?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + width = 200, + height = 100, + fontSize = 24, + fontFamily = 'system-ui, -apple-system, sans-serif', + fill = 'currentColor', + stroke = 'none', + strokeWidth = 1, + className = '', +}) => { + const svgRef = useRef(null); + + useEffect(() => { + if (svgRef.current) { + const svg = svgRef.current; + const textElement = svg.querySelector('text'); + if (textElement) { + const bbox = textElement.getBBox(); + svg.setAttribute('viewBox', `${bbox.x} ${bbox.y} ${bbox.width} ${bbox.height}`); + } + } + }, [text]); return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1