diff --git a/src/app/page.tsx b/src/app/page.tsx index 81a12d0..c53ab51 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -58,7 +58,7 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79608.jpg", alt: "Satisfied guest" } ]} avatarText="1800+ Happy Visitors | 4.8★ Rating" - imageSrc="http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836325.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836325.jpg" imageAlt="Flying Rabbit Trampoline Park - Kids jumping and having fun" mediaAnimation="slide-up" marqueeItems={[ @@ -87,6 +87,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/kids-jumping-trampoline-full-shot_23-2149102485.jpg" imageAlt="Family enjoying trampoline park together" mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -99,16 +100,16 @@ export default function LandingPage() { tagAnimation="slide-up" features={[ { - title: "Trampoline Arena", description: "Massive interconnected trampolines where you can jump, flip and bounce freely.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twin-sisters_23-2149077984.jpg?_wi=1", imageAlt: "Trampoline arena with multiple jump zones", buttonIcon: ArrowRight + title: "Trampoline Arena", description: "Massive interconnected trampolines where you can jump, flip and bounce freely.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twin-sisters_23-2149077984.jpg", imageAlt: "Trampoline arena with multiple jump zones", buttonIcon: ArrowRight }, { - title: "Foam Pit Jump", description: "Jump high and land safely into giant foam pits for ultimate thrill and safety.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg?_wi=1", imageAlt: "Kids jumping into foam pit", buttonIcon: ArrowRight + title: "Foam Pit Jump", description: "Jump high and land safely into giant foam pits for ultimate thrill and safety.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg", imageAlt: "Kids jumping into foam pit", buttonIcon: ArrowRight }, { - title: "Crazy Jump Zone", description: "Test your flips, aerial tricks and challenging jumps in our most exciting zone.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twin-sisters_23-2149077984.jpg?_wi=2", imageAlt: "Advanced trick zone", buttonIcon: ArrowRight + title: "Crazy Jump Zone", description: "Test your flips, aerial tricks and challenging jumps in our most exciting zone.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-twin-sisters_23-2149077984.jpg", imageAlt: "Advanced trick zone", buttonIcon: ArrowRight }, { - title: "Adventure Activities", description: "Exciting challenges and physical games for kids and adults of all levels.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg?_wi=1", imageAlt: "Adventure activity zone", buttonIcon: ArrowRight + title: "Adventure Activities", description: "Exciting challenges and physical games for kids and adults of all levels.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg", imageAlt: "Adventure activity zone", buttonIcon: ArrowRight } ]} textboxLayout="default" @@ -129,13 +130,13 @@ export default function LandingPage() { buttonAnimation="slide-up" products={[ { - id: "party-basic", name: "Basic Birthday Package", price: "₹8,999", variant: "Up to 15 kids | 2 hours", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg?_wi=2", imageAlt: "Basic birthday party setup" + id: "party-basic", name: "Basic Birthday Package", price: "₹8,999", variant: "Up to 15 kids | 2 hours", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg", imageAlt: "Basic birthday party setup" }, { - id: "party-premium", name: "Premium Birthday Package", price: "₹14,999", variant: "Up to 25 kids | 3 hours", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg?_wi=3", imageAlt: "Premium birthday party experience" + id: "party-premium", name: "Premium Birthday Package", price: "₹14,999", variant: "Up to 25 kids | 3 hours", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg", imageAlt: "Premium birthday party experience" }, { - id: "party-ultimate", name: "Ultimate Birthday Experience", price: "₹22,999", variant: "Up to 40 kids | 4 hours", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg?_wi=4", imageAlt: "Ultimate birthday party with all amenities" + id: "party-ultimate", name: "Ultimate Birthday Experience", price: "₹22,999", variant: "Up to 40 kids | 4 hours", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-colorful-balloons_179666-6395.jpg", imageAlt: "Ultimate birthday party with all amenities" } ]} gridVariant="three-columns-all-equal-width" @@ -183,9 +184,10 @@ export default function LandingPage() { { value: "Daily", title: "Equipment Maintenance" } ]} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/african-american-building-contractor-talking-civil-engineers-construction-site-coronavirus-epidemic_637285-8170.jpg" imageAlt="Trained staff ensuring safety at Flying Rabbit" mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -218,7 +220,7 @@ export default function LandingPage() { ]} textarea={{ name: "message", placeholder: "Tell us about your visit (birthday party, group size, special requests...)", rows: 4, required: false }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836325.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/little-kid-playing_23-2148836325.jpg" imageAlt="Book your adventure at Flying Rabbit" mediaAnimation="slide-up" mediaPosition="right" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..31449a2 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; + letterSpacing?: number; + dominantBaseline?: 'auto' | 'middle' | 'hanging' | 'baseline' | 'text-bottom' | 'ideographic'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 24, + letterSpacing = 2, + dominantBaseline = 'middle', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file