diff --git a/src/app/page.tsx b/src/app/page.tsx index c30894b..54110dd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="smallMedium" sizing="mediumLarge" - background="grid" + background="circleGradient" cardStyle="subtle-shadow" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="glass" @@ -45,8 +45,8 @@ export default function LandingPage() { tagIcon={Zap} background={{ variant: "plain" }} mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg?_wi=1", imageAlt: "Crispy chicken rice bowl" }, - { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg?_wi=1", imageAlt: "Golden crispy chicken tenders" } + { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg", imageAlt: "Crispy chicken rice bowl" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg", imageAlt: "Golden crispy chicken tenders" } ]} rating={5} ratingText="4.6/5 - 1000+ bowls served" @@ -89,10 +89,10 @@ export default function LandingPage() { animationType="slide-up" gridVariant="four-items-2x2-equal-grid" products={[ - { id: "1", name: "The Classic Tasty", price: "€12.99", imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg?_wi=1", imageAlt: "Classic Tasty bowl with crispy chicken and rice" }, - { id: "2", name: "Crousty Supreme", price: "€14.99", imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg?_wi=1", imageAlt: "Crousty Supreme loaded with toppings" }, - { id: "3", name: "Tenders Box", price: "€11.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg?_wi=2", imageAlt: "Golden crispy chicken tenders" }, - { id: "4", name: "Pistachio Dessert", price: "€5.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-lemon-slices-white-surface-cake-biscuit-cookies-sweet-tea-sugar_140725-101952.jpg?_wi=1", imageAlt: "Premium pistachio dessert" } + { id: "1", name: "The Classic Tasty", price: "€12.99", imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg", imageAlt: "Classic Tasty bowl with crispy chicken and rice" }, + { id: "2", name: "Crousty Supreme", price: "€14.99", imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg", imageAlt: "Crousty Supreme loaded with toppings" }, + { id: "3", name: "Tenders Box", price: "€11.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg", imageAlt: "Golden crispy chicken tenders" }, + { id: "4", name: "Pistachio Dessert", price: "€5.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-lemon-slices-white-surface-cake-biscuit-cookies-sweet-tea-sugar_140725-101952.jpg", imageAlt: "Premium pistachio dessert" } ]} tagAnimation="opacity" buttonAnimation="opacity" @@ -111,29 +111,29 @@ export default function LandingPage() { { title: "⚡ Fast Service", description: "Service rapide et efficace. Your food ready in minutes.", icon: Zap, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg?_wi=2", imageAlt: "Quick service preparation" }, - { imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg?_wi=2", imageAlt: "Ready to eat presentation" } + { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg", imageAlt: "Quick service preparation" }, + { imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg", imageAlt: "Ready to eat presentation" } ] }, { title: "🔥 Huge Flavor", description: "Poulet tendre, sauce onctueuse. Every bite bursts with taste.", icon: Flame, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg?_wi=3", imageAlt: "Flavorful chicken tenders" }, - { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg?_wi=2", imageAlt: "Savory sauce coating" } + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg", imageAlt: "Flavorful chicken tenders" }, + { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg", imageAlt: "Savory sauce coating" } ] }, { title: "💰 Unbeatable Price", description: "€10–€20 meals. Premium quality without premium markup.", icon: DollarSign, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg?_wi=3", imageAlt: "Value-packed bowl" }, - { imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-lemon-slices-white-surface-cake-biscuit-cookies-sweet-tea-sugar_140725-101952.jpg?_wi=2", imageAlt: "Complete meal presentation" } + { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg", imageAlt: "Value-packed bowl" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-lemon-slices-white-surface-cake-biscuit-cookies-sweet-tea-sugar_140725-101952.jpg", imageAlt: "Complete meal presentation" } ] }, { title: "❤️ Addictive Bowls", description: "Tellement bon. Customers keep coming back for more.", icon: Heart, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg?_wi=3", imageAlt: "Loaded and delicious" }, - { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg?_wi=3", imageAlt: "Irresistible presentation" } + { imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg", imageAlt: "Loaded and delicious" }, + { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg", imageAlt: "Irresistible presentation" } ] } ]} @@ -154,29 +154,29 @@ export default function LandingPage() { { title: "🍗 Bowls", description: "Crispy chicken, rice, creamy sauce. Choose your style.", icon: UtensilsCrossed, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg?_wi=4", imageAlt: "Chicken rice bowl" }, - { imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg?_wi=4", imageAlt: "Loaded supreme bowl" } + { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg", imageAlt: "Chicken rice bowl" }, + { imageSrc: "http://img.b2bpic.net/free-photo/noodles-with-vegetables-bowl_1220-7193.jpg", imageAlt: "Loaded supreme bowl" } ] }, { title: "✨ Tenders", description: "Extra crispy, golden perfection. Box of pure joy.", icon: Sparkles, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg?_wi=4", imageAlt: "Golden tenders" }, - { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg?_wi=4", imageAlt: "Crispy coating detail" } + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg", imageAlt: "Golden tenders" }, + { imageSrc: "http://img.b2bpic.net/free-photo/delicious-salad-with-chicken-nuts-vegetables-desk-against-black-background_23-2148093148.jpg", imageAlt: "Crispy coating detail" } ] }, { title: "🌶️ Sides", description: "Spring rolls, fries, sauces. Pair with your main.", icon: Flame, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg?_wi=5", imageAlt: "Crispy sides" }, - { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg?_wi=5", imageAlt: "Complete meal combo" } + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-french-fries_140725-114462.jpg", imageAlt: "Crispy sides" }, + { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg", imageAlt: "Complete meal combo" } ] }, { title: "🍰 Desserts", description: "Pistachio, creamy, indulgent. Sweet finish guaranteed.", icon: Cake, mediaItems: [ - { imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-lemon-slices-white-surface-cake-biscuit-cookies-sweet-tea-sugar_140725-101952.jpg?_wi=3", imageAlt: "Pistachio dessert" }, - { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg?_wi=6", imageAlt: "Dessert plating" } + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-cream-lemon-slices-white-surface-cake-biscuit-cookies-sweet-tea-sugar_140725-101952.jpg", imageAlt: "Pistachio dessert" }, + { imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-spicy-grilled-chicken-leg-granite-plate_114579-1962.jpg", imageAlt: "Dessert plating" } ] } ]} @@ -224,7 +224,7 @@ export default function LandingPage() { tagIcon={ShoppingBag} title="Get Your Tasty Crousty Now" description="Order delivery on Uber Eats or takeaway. Fresh, fast, and loaded—exactly how you love it." - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} buttons={[ { text: "Order on Uber Eats", href: "https://www.ubereats.com" }, diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..4b7eee6 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,38 @@ -"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; + 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, + fontFamily = 'Arial, sans-serif', + fill = '#000000', + className = '', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;