Merge version_1 into main #2
@@ -49,7 +49,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/diwali-celebration-banner_23-2152011935.jpg?_wi=1", imageAlt: "Highway Dhaba Exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/diwali-celebration-banner_23-2152011935.jpg", imageAlt: "Highway Dhaba Exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-casserole-with-sauces_140725-14095.jpg", imageAlt: "Authentic North Indian Food" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg", imageAlt: "Restaurant Interior Ambience" }
|
||||
]}
|
||||
@@ -73,7 +73,7 @@ export default function LandingPage() {
|
||||
{ value: "24/7", title: "Always Open for You" },
|
||||
{ value: "4.2★", title: "Highly Rated by Customers" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/seniors-playing-cards-cafe_1098-16329.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/seniors-playing-cards-cafe_1098-16329.jpg"
|
||||
imageAlt="Family Dining Experience"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -91,8 +91,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{ title: "Open 24/7", description: "Always here when you need us, anytime day or night for hungry travelers", imageSrc: "http://img.b2bpic.net/free-vector/neon-open-twenty-four-hours-sign_23-2148863599.jpg", imageAlt: "24/7 Open Service" },
|
||||
{ title: "North Indian Cuisine", description: "Authentic dhaba recipes prepared with quality ingredients and traditional methods", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8928.jpg?_wi=1", imageAlt: "Traditional North Indian Food" },
|
||||
{ title: "Family Friendly", description: "Perfect atmosphere for families, groups, and solo travelers seeking good food", imageSrc: "http://img.b2bpic.net/free-photo/seniors-playing-cards-cafe_1098-16329.jpg?_wi=2", imageAlt: "Family Dining Ambience" },
|
||||
{ title: "North Indian Cuisine", description: "Authentic dhaba recipes prepared with quality ingredients and traditional methods", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8928.jpg", imageAlt: "Traditional North Indian Food" },
|
||||
{ title: "Family Friendly", description: "Perfect atmosphere for families, groups, and solo travelers seeking good food", imageSrc: "http://img.b2bpic.net/free-photo/seniors-playing-cards-cafe_1098-16329.jpg", imageAlt: "Family Dining Ambience" },
|
||||
{ title: "Ample Parking", description: "Safe, spacious parking available for all vehicles with secure premises", imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1927.jpg", imageAlt: "Parking Facility" },
|
||||
{ title: "Clean Facilities", description: "Hygienic restrooms and well-maintained premises meeting high standards", imageSrc: "http://img.b2bpic.net/free-photo/closeup-waiter-disinfecting-cafe-tables-after-work_637285-7904.jpg", imageAlt: "Clean Restrooms" },
|
||||
{ title: "Famous Chai", description: "Renowned for our aromatic tea and refreshments that keep travelers coming back", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cup-tea-with-lemon-slices-cinnamon-with-nuts-walnut-cutting-board-blue-background_141793-27560.jpg", imageAlt: "Traditional Indian Chai" }
|
||||
@@ -129,7 +129,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "1", name: "Butter Chicken", price: "₹280-350", variant: "Creamy, Rich, Traditional", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8928.jpg?_wi=2", imageAlt: "Butter Chicken" },
|
||||
{ id: "1", name: "Butter Chicken", price: "₹280-350", variant: "Creamy, Rich, Traditional", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8928.jpg", imageAlt: "Butter Chicken" },
|
||||
{ id: "2", name: "Dal Makhani", price: "₹180-220", variant: "Vegetarian, Creamy, Authentic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-bowl_23-2148723475.jpg", imageAlt: "Dal Makhani" },
|
||||
{ id: "3", name: "Fresh Naan", price: "₹40-60", variant: "Freshly Baked, Tandoori, Butter", imageSrc: "http://img.b2bpic.net/free-photo/delicious-roti-arrangement-table-with-copy-space_23-2149033994.jpg", imageAlt: "Fresh Naan" },
|
||||
{ id: "4", name: "Biryani", price: "₹250-350", variant: "Fragrant, Rice, Meat", imageSrc: "http://img.b2bpic.net/free-photo/grilled-seafood-paella-gourmet-healthy-meal-generated-by-ai_188544-39253.jpg", imageAlt: "Biryani" },
|
||||
@@ -153,7 +153,7 @@ export default function LandingPage() {
|
||||
{ name: "date", type: "date", placeholder: "Date of Visit", required: false }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests or dietary preferences", rows: 3, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/diwali-celebration-banner_23-2152011935.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-psd/diwali-celebration-banner_23-2152011935.jpg"
|
||||
imageAlt="Highway Dhaba Location"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
@@ -1,51 +1,28 @@
|
||||
"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<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * 60} 100`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
className="text-4xl font-bold fill-current"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user