diff --git a/src/app/page.tsx b/src/app/page.tsx index 9a2f307..aca3686 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -57,11 +57,11 @@ export default function LandingPage() { buttonAnimation="slide-up" carouselItems={[ { id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-queer-couples-celebrating-birthday_23-2149667998.jpg", imageAlt: "Beautiful celebration cake" }, - { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cake-slice_23-2148536830.jpg?_wi=1", imageAlt: "Blueberry Cheesecake" }, - { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/pie-with-jam-raspberries-top_140725-6294.jpg?_wi=1", imageAlt: "Niagra Rainbow Pastry" }, - { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-6959.jpg?_wi=1", imageAlt: "KitKat Shake" }, - { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-smoothies_74190-2523.jpg?_wi=1", imageAlt: "Dry Fruit Falooda" }, - { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bangles-delicious-pastries-along-with-milk-coffee-light-desk-sweet-pastry-cookie-sugar-bake_140725-32858.jpg?_wi=1", imageAlt: "Sausage Bun" } + { id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cake-slice_23-2148536830.jpg", imageAlt: "Blueberry Cheesecake" }, + { id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/pie-with-jam-raspberries-top_140725-6294.jpg", imageAlt: "Niagra Rainbow Pastry" }, + { id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-6959.jpg", imageAlt: "KitKat Shake" }, + { id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-smoothies_74190-2523.jpg", imageAlt: "Dry Fruit Falooda" }, + { id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bangles-delicious-pastries-along-with-milk-coffee-light-desk-sweet-pastry-cookie-sugar-bake_140725-32858.jpg", imageAlt: "Sausage Bun" } ]} autoPlay={true} autoPlayInterval={4000} @@ -83,6 +83,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/waitress-holding-berries-sponge-cake_23-2147984966.jpg" imageAlt="Zelebrae Pastries cozy cafe interior" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -94,12 +95,12 @@ export default function LandingPage() { tag="Available Daily" tagAnimation="slide-up" products={[ - { id: "1", brand: "Zelebrae Pastries", name: "Blueberry Cheesecake", price: "₹450", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cake-slice_23-2148536830.jpg?_wi=2", imageAlt: "Blueberry Cheesecake" }, - { id: "2", brand: "Zelebrae Pastries", name: "Niagra Rainbow Pastry", price: "₹380", rating: 5, reviewCount: "98+", imageSrc: "http://img.b2bpic.net/free-photo/pie-with-jam-raspberries-top_140725-6294.jpg?_wi=2", imageAlt: "Niagra Rainbow Pastry" }, - { id: "3", brand: "Zelebrae Pastries", name: "KitKat Shake", price: "₹220", rating: 5, reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-6959.jpg?_wi=2", imageAlt: "KitKat Shake" }, + { id: "1", brand: "Zelebrae Pastries", name: "Blueberry Cheesecake", price: "₹450", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cake-slice_23-2148536830.jpg", imageAlt: "Blueberry Cheesecake" }, + { id: "2", brand: "Zelebrae Pastries", name: "Niagra Rainbow Pastry", price: "₹380", rating: 5, reviewCount: "98+", imageSrc: "http://img.b2bpic.net/free-photo/pie-with-jam-raspberries-top_140725-6294.jpg", imageAlt: "Niagra Rainbow Pastry" }, + { id: "3", brand: "Zelebrae Pastries", name: "KitKat Shake", price: "₹220", rating: 5, reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe-with-vanilla-ice-cream_1339-6959.jpg", imageAlt: "KitKat Shake" }, { id: "4", brand: "Zelebrae Pastries", name: "Chicken Burger", price: "₹180", rating: 5, reviewCount: "87+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-dark-background_179666-19336.jpg", imageAlt: "Chicken Burger" }, - { id: "5", brand: "Zelebrae Pastries", name: "Dry Fruit Falooda", price: "₹210", rating: 5, reviewCount: "134+", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-smoothies_74190-2523.jpg?_wi=2", imageAlt: "Dry Fruit Falooda" }, - { id: "6", brand: "Zelebrae Pastries", name: "Sausage Bun", price: "₹140", rating: 5, reviewCount: "76+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bangles-delicious-pastries-along-with-milk-coffee-light-desk-sweet-pastry-cookie-sugar-bake_140725-32858.jpg?_wi=2", imageAlt: "Sausage Bun" } + { id: "5", brand: "Zelebrae Pastries", name: "Dry Fruit Falooda", price: "₹210", rating: 5, reviewCount: "134+", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-smoothies_74190-2523.jpg", imageAlt: "Dry Fruit Falooda" }, + { id: "6", brand: "Zelebrae Pastries", name: "Sausage Bun", price: "₹140", rating: 5, reviewCount: "76+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-bangles-delicious-pastries-along-with-milk-coffee-light-desk-sweet-pastry-cookie-sugar-bake_140725-32858.jpg", imageAlt: "Sausage Bun" } ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..8e317cb 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,51 @@ -"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; + textClassName?: string; + animateOnHover?: boolean; } -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 = 'LOGO', + className = '', + textClassName = '', + animateOnHover = true, +}) => { + const id = React.useId(); return ( + + + + + + - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file