diff --git a/src/app/page.tsx b/src/app/page.tsx index 7725b47..283fc90 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function ButterflyPage() { borderRadius="rounded" contentWidth="medium" sizing="mediumLargeSizeMediumTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="subtle-shadow" primaryButtonStyle="shadow" secondaryButtonStyle="glass" @@ -46,7 +46,7 @@ export default function ButterflyPage() { tag="Award-Winning Restaurant" tagIcon={Star} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4v0d8" imageAlt="Butterfly Restaurant warm dining ambiance" mediaAnimation="blur-reveal" @@ -123,28 +123,22 @@ export default function ButterflyPage() { animationType="slide-up" testimonials={[ { - id: "1", name: "Dhrumit Nagar", role: "Local Guest", company: "Ahmedabad Resident", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p0ygg5", imageAlt: "Dhrumit Nagar" + id: "1", name: "Dhrumit Nagar", role: "Local Guest", company: "Ahmedabad Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p0ygg5", imageAlt: "Dhrumit Nagar" }, { - id: "2", name: "Bhamini Jadav", role: "Family Diner", company: "Ahmedabad Resident", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p96tat", imageAlt: "Bhamini Jadav" + id: "2", name: "Bhamini Jadav", role: "Family Diner", company: "Ahmedabad Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p96tat", imageAlt: "Bhamini Jadav" }, { - id: "3", name: "Yamini Parate", role: "Health-Conscious Diner", company: "Ahmedabad Resident", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=azm0jr", imageAlt: "Yamini Parate" + id: "3", name: "Yamini Parate", role: "Health-Conscious Diner", company: "Ahmedabad Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=azm0jr", imageAlt: "Yamini Parate" }, { - id: "4", name: "Rahul Singh", role: "Regular Customer", company: "Business Executive", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7itlu9", imageAlt: "Rahul Singh" + id: "4", name: "Rahul Singh", role: "Regular Customer", company: "Business Executive", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7itlu9", imageAlt: "Rahul Singh" }, { - id: "5", name: "Priya Mehta", role: "Food Enthusiast", company: "Ahmedabad Resident", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0gdaf6", imageAlt: "Priya Mehta" + id: "5", name: "Priya Mehta", role: "Food Enthusiast", company: "Ahmedabad Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0gdaf6", imageAlt: "Priya Mehta" }, { - id: "6", name: "Vikram Patel", role: "Family Occasion Host", company: "Event Organizer", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5d5i5e", imageAlt: "Vikram Patel" + id: "6", name: "Vikram Patel", role: "Family Occasion Host", company: "Event Organizer", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5d5i5e", imageAlt: "Vikram Patel" } ]} /> @@ -162,13 +156,13 @@ export default function ButterflyPage() { animationType="slide-up" metrics={[ { - id: "1", value: "4.5★", title: "Guest Rating", description: "561 verified reviews across platforms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=liohpw&_wi=1", imageAlt: "Restaurant quality and service" + id: "1", value: "4.5★", title: "Guest Rating", description: "561 verified reviews across platforms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=liohpw", imageAlt: "Restaurant quality and service" }, { - id: "2", value: "₹200–₹400", title: "Affordable Pricing", description: "Quality dining accessible to families", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvqhlw&_wi=1", imageAlt: "Family dining experience" + id: "2", value: "₹200–₹400", title: "Affordable Pricing", description: "Quality dining accessible to families", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvqhlw", imageAlt: "Family dining experience" }, { - id: "3", value: "Open Daily", title: "Convenient Hours", description: "Doors open until 11:30 PM", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menhqw&_wi=1", imageAlt: "Extended operating hours" + id: "3", value: "Open Daily", title: "Convenient Hours", description: "Doors open until 11:30 PM", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menhqw", imageAlt: "Extended operating hours" } ]} /> @@ -188,15 +182,15 @@ export default function ButterflyPage() { products={[ { id: "1", brand: "Restaurant", name: "Main Dining Area", price: "Capacity: 100+ Guests", rating: 5, - reviewCount: "Great Ambiance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=liohpw&_wi=2", imageAlt: "Main dining room" + reviewCount: "Great Ambiance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=liohpw", imageAlt: "Main dining room" }, { id: "2", brand: "Restaurant", name: "Family Seating", price: "Comfortable Setting", rating: 5, - reviewCount: "Cozy Corner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvqhlw&_wi=2", imageAlt: "Family seating area" + reviewCount: "Cozy Corner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvqhlw", imageAlt: "Family seating area" }, { id: "3", brand: "Restaurant", name: "Private Dining", price: "Exclusive Space", rating: 5, - reviewCount: "Ideal for Events", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menhqw&_wi=2", imageAlt: "Private dining room" + reviewCount: "Ideal for Events", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menhqw", imageAlt: "Private dining room" }, { id: "4", brand: "Restaurant", name: "Restaurant Exterior", price: "Easy to Find", rating: 5, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..f07c9fe 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,26 @@ -"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; } -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 = '' }) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +};