diff --git a/src/app/page.tsx b/src/app/page.tsx index fcb8183..9fcbb78 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="medium" sizing="largeSmall" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="primary-glow" secondaryButtonStyle="radial-glow" @@ -55,25 +55,25 @@ export default function LandingPage() { { text: "View Menu", href: "#features" } ]} buttonAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} carouselItems={[ { - id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-spices-food_23-2148747665.jpg?_wi=1", imageAlt: "Happy Punjab Restaurant Exterior" + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-spices-food_23-2148747665.jpg", imageAlt: "Happy Punjab Restaurant Exterior" }, { - id: "2", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg?_wi=1", imageAlt: "Signature Malai Chaap" + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg", imageAlt: "Signature Malai Chaap" }, { - id: "3", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-vegetable-spicy-chicken-soup-brown-pot-different-spices_140725-136842.jpg?_wi=1", imageAlt: "Butter Chicken Masala" + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-vegetable-spicy-chicken-soup-brown-pot-different-spices_140725-136842.jpg", imageAlt: "Butter Chicken Masala" }, { - id: "4", imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg?_wi=1", imageAlt: "Paneer Tikka" + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg", imageAlt: "Paneer Tikka" }, { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236897.jpg", imageAlt: "Restaurant Ambiance" }, { - id: "6", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-talking-while-making-order-cafe_637285-7854.jpg?_wi=1", imageAlt: "Restaurant Interior" + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/group-happy-friends-talking-while-making-order-cafe_637285-7854.jpg", imageAlt: "Restaurant Interior" } ]} autoPlay={true} @@ -94,7 +94,7 @@ export default function LandingPage() { { text: "Contact Us", href: "#contact" } ]} buttonAnimation="blur-reveal" - imageSrc="http://img.b2bpic.net/free-photo/group-happy-friends-talking-while-making-order-cafe_637285-7854.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/group-happy-friends-talking-while-making-order-cafe_637285-7854.jpg" imageAlt="Happy Punjab Restaurant" useInvertedBackground={false} /> @@ -111,38 +111,32 @@ export default function LandingPage() { { id: "malai-chaap", title: "Malai Chaap", descriptions: [ "Soft, juicy, and incredibly flavorful marinated lamb chops", "Cooked to perfection in our traditional tandoor", "A customer favorite that keeps diners returning" - ], - imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg?_wi=2", imageAlt: "Malai Chaap" + ], imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg", imageAlt: "Malai Chaap" }, { id: "butter-chicken", title: "Butter Chicken Masala", descriptions: [ "Rich, creamy, and absolutely delicious signature curry", "Made with fresh tandoori chicken and premium spices", "Rated 5/5 by countless satisfied customers" - ], - imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-vegetable-spicy-chicken-soup-brown-pot-different-spices_140725-136842.jpg?_wi=2", imageAlt: "Butter Chicken" + ], imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-vegetable-spicy-chicken-soup-brown-pot-different-spices_140725-136842.jpg", imageAlt: "Butter Chicken" }, { id: "paneer-tikka", title: "Paneer Tikka", descriptions: [ "Perfectly charred cottage cheese marinated in aromatic spices", "A vegetarian favorite with exceptional flavor", "Best served with mint chutney" - ], - imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg?_wi=2", imageAlt: "Paneer Tikka" + ], imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg", imageAlt: "Paneer Tikka" }, { id: "hot-sour-soup", title: "Hot & Sour Soup", descriptions: [ "Amazing blend of heat and tanginess that amazes every palate", "Perfect starter to begin your culinary journey", "Customers rave about its authentic taste" - ], - imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-served-with-grated-cheese-crackers_141793-1282.jpg", imageAlt: "Hot & Sour Soup" + ], imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-served-with-grated-cheese-crackers_141793-1282.jpg", imageAlt: "Hot & Sour Soup" }, { id: "chicken-tikka", title: "Chicken Tikka", descriptions: [ "Tender chicken marinated in yogurt and spices", "Perfectly grilled with charred perfection", "An all-time favorite appetizer" - ], - imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg?_wi=3", imageAlt: "Chicken Tikka" + ], imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg", imageAlt: "Chicken Tikka" }, { id: "tandoori-roti", title: "Rumali Roti", descriptions: [ "Thin, soft, and perfectly cooked traditional Indian bread", "Complements every curry beautifully", "Made fresh to order in our open kitchen" - ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-spices-food_23-2148747665.jpg?_wi=2", imageAlt: "Rumali Roti" + ], imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-spices-food_23-2148747665.jpg", imageAlt: "Rumali Roti" } ]} gridVariant="three-columns-all-equal-width" @@ -161,16 +155,16 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "1", name: "Crispy Chaap", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg?_wi=3", imageAlt: "Crispy Chaap" + id: "1", name: "Crispy Chaap", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg", imageAlt: "Crispy Chaap" }, { - id: "2", name: "Chicken Tikka Masala", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-vegetable-spicy-chicken-soup-brown-pot-different-spices_140725-136842.jpg?_wi=3", imageAlt: "Chicken Tikka Masala" + id: "2", name: "Chicken Tikka Masala", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-vegetable-spicy-chicken-soup-brown-pot-different-spices_140725-136842.jpg", imageAlt: "Chicken Tikka Masala" }, { - id: "3", name: "Tandoori Veg Momos", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg?_wi=4", imageAlt: "Tandoori Veg Momos" + id: "3", name: "Tandoori Veg Momos", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/roasted-cauliflower-with-sprouts-beans-served-with-tomato-sauce-herbs_114579-15.jpg", imageAlt: "Tandoori Veg Momos" }, { - id: "4", name: "Masala Chaap", price: "₹380", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg?_wi=4", imageAlt: "Masala Chaap" + id: "4", name: "Masala Chaap", price: "₹380", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-pieces-with-ketchup-onion_140725-1782.jpg", imageAlt: "Masala Chaap" } ]} gridVariant="four-items-2x2-equal-grid" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..e40c7bb 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,49 @@ -"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; + fontSize?: number; + fontWeight?: number | string; + fontFamily?: string; + fill?: string; 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, + fontSize = 24, + fontWeight = 'bold', + fontFamily = 'Arial, sans-serif', + fill = '#000000', + className = '', +}) => { + const textLength = text.length; + const charWidth = fontSize * 0.6; + const width = charWidth * textLength + 40; + const height = fontSize + 40; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;