diff --git a/src/app/page.tsx b/src/app/page.tsx index e4d2d3b..266e68c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -79,33 +79,33 @@ export default function LandingPage() { { title: "Lightning Fast Delivery", description: "Get your food delivered in 30 minutes or less with our optimized logistics network and real-time tracking.", icon: Zap, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png?_wi=1", imageAlt: "Fast Delivery" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png?_wi=2", imageAlt: "Delivery Service" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png", imageAlt: "Fast Delivery" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png", imageAlt: "Delivery Service" } ] }, { title: "Premium Restaurant Partners", description: "Access thousands of premium restaurants and local eateries curated specifically for quality and variety.", icon: Star, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/3d-render-of-restaurant-storefront-with--1773338777488-19d2ee72.png?_wi=1", imageAlt: "Restaurant Partners" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/3d-render-of-restaurant-storefront-with--1773338777488-19d2ee72.png?_wi=2", imageAlt: "Premium Restaurants" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/3d-render-of-restaurant-storefront-with--1773338777488-19d2ee72.png", imageAlt: "Restaurant Partners" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/3d-render-of-restaurant-storefront-with--1773338777488-19d2ee72.png", imageAlt: "Premium Restaurants" } ] }, { title: "Intuitive 3D Interface", description: "Browse menus with stunning 3D visualizations and immersive animations that make ordering fun and engaging.", icon: Eye, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/clean-3d-illustration-of-a-smartphone-in-1773338777289-4d412bbd.png?_wi=1", imageAlt: "Easy Ordering" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/clean-3d-illustration-of-a-smartphone-in-1773338777289-4d412bbd.png?_wi=2", imageAlt: "Ordering Interface" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/clean-3d-illustration-of-a-smartphone-in-1773338777289-4d412bbd.png", imageAlt: "Easy Ordering" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/clean-3d-illustration-of-a-smartphone-in-1773338777289-4d412bbd.png", imageAlt: "Ordering Interface" } ] }, { title: "Secure & Reliable", description: "Enterprise-grade security ensures your data and payments are always protected with industry-leading encryption.", icon: Shield, mediaItems: [ - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png?_wi=3", imageAlt: "Security" }, - { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png?_wi=4", imageAlt: "Reliability" } + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png", imageAlt: "Security" }, + { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ar79jvXV9CNq9xYNWuufnCMoMc/abstract-3d-illustration-of-speed-and-de-1773338776818-f3782b73.png", imageAlt: "Reliability" } ] } ]} - animationType="depth-3d" + animationType="slide-up" textboxLayout="default" useInvertedBackground={false} buttons={[ @@ -138,7 +138,7 @@ export default function LandingPage() { } ]} gridVariant="three-columns-all-equal-width" - animationType="depth-3d" + animationType="slide-up" textboxLayout="default" useInvertedBackground={false} buttons={[ @@ -162,8 +162,8 @@ export default function LandingPage() { { id: "3", value: "25 Min", description: "Average Delivery" }, { id: "4", value: "50+", description: "Cities Served" } ]} - gridVariant="four-items-2x2-equal-grid" - animationType="depth-3d" + gridVariant="uniform-all-items-equal" + animationType="slide-up" textboxLayout="default" useInvertedBackground={true} buttons={[ diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..071e080 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,40 @@ -"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; + dominantBaseline?: 'auto' | 'middle' | 'hanging' | 'mathematical'; + textAnchor?: 'start' | 'middle' | 'end'; } -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 = '', + textClassName = '', + dominantBaseline = 'middle', + textAnchor = 'middle', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;