Merge version_1 into main #2
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="floatingGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -48,19 +48,19 @@ export default function LandingPage() {
|
||||
tag="Authentic Indian Vegetarian"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Reserve Now", href: "contact" },
|
||||
{ text: "Order Online", href: "https://www.zomato.com" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg?_wi=1", imageAlt: "The Narayanam restaurant interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg?_wi=1", imageAlt: "Crispy Desi Ghee Masala Dosa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chopped-parsley-radish-pepper-kumquat-wooden-plate-marble_114579-87559.jpg?_wi=1", imageAlt: "Fluffy Podi Idli and Mini Idli" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-qutabs-cooked-dough-pieces-with-greens-pomegranates-dark-surface-dough-meal-dinner-dish-cooking_140725-101419.jpg?_wi=1", imageAlt: "Golden Rawa Dosa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg?_wi=1", imageAlt: "Traditional kitchen preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg?_wi=2", imageAlt: "Restaurant ambiance and dining" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg", imageAlt: "The Narayanam restaurant interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg", imageAlt: "Crispy Desi Ghee Masala Dosa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chopped-parsley-radish-pepper-kumquat-wooden-plate-marble_114579-87559.jpg", imageAlt: "Fluffy Podi Idli and Mini Idli" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-qutabs-cooked-dough-pieces-with-greens-pomegranates-dark-surface-dough-meal-dinner-dish-cooking_140725-101419.jpg", imageAlt: "Golden Rawa Dosa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg", imageAlt: "Traditional kitchen preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg", imageAlt: "Restaurant ambiance and dining" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,10 +76,11 @@ export default function LandingPage() {
|
||||
{ value: "4.6★", title: "Guest Rating (757 reviews)" },
|
||||
{ value: "170+", title: "Signature Dishes" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg"
|
||||
imageAlt="The Narayanam kitchen and preparation"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,15 +98,15 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "The Narayanam", name: "Desi Ghee Masala Dosa", price: "₹250", rating: 5,
|
||||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg?_wi=2", imageAlt: "Crispy Desi Ghee Masala Dosa"
|
||||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg", imageAlt: "Crispy Desi Ghee Masala Dosa"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "The Narayanam", name: "Podi Idli & Mini Idli", price: "₹180", rating: 5,
|
||||
reviewCount: "145+", imageSrc: "http://img.b2bpic.net/free-photo/chopped-parsley-radish-pepper-kumquat-wooden-plate-marble_114579-87559.jpg?_wi=2", imageAlt: "Fluffy Podi Idli and Mini Idli"
|
||||
reviewCount: "145+", imageSrc: "http://img.b2bpic.net/free-photo/chopped-parsley-radish-pepper-kumquat-wooden-plate-marble_114579-87559.jpg", imageAlt: "Fluffy Podi Idli and Mini Idli"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "The Narayanam", name: "Rawa Dosa", price: "₹220", rating: 5,
|
||||
reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-qutabs-cooked-dough-pieces-with-greens-pomegranates-dark-surface-dough-meal-dinner-dish-cooking_140725-101419.jpg?_wi=2", imageAlt: "Golden Rawa Dosa"
|
||||
reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-qutabs-cooked-dough-pieces-with-greens-pomegranates-dark-surface-dough-meal-dinner-dish-cooking_140725-101419.jpg", imageAlt: "Golden Rawa Dosa"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -123,15 +124,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Authentic", title: "Traditional Recipes", subtitle: "Timeless flavors passed down through generations", description: "Our chefs honor traditional cooking methods and authentic recipes, using time-tested techniques to bring out the true essence of North and South Indian vegetarian cuisine. Every dish is a celebration of culinary heritage.", imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg?_wi=3"
|
||||
tag: "Authentic", title: "Traditional Recipes", subtitle: "Timeless flavors passed down through generations", description: "Our chefs honor traditional cooking methods and authentic recipes, using time-tested techniques to bring out the true essence of North and South Indian vegetarian cuisine. Every dish is a celebration of culinary heritage.", imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Premium", title: "Fresh Ingredients", subtitle: "Sourced daily from trusted suppliers", description: "We believe quality starts with sourcing. Each ingredient is carefully selected for freshness and authenticity, ensuring every bite delivers the pure, unadulterated taste of Indian vegetarian cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg?_wi=3"
|
||||
tag: "Premium", title: "Fresh Ingredients", subtitle: "Sourced daily from trusted suppliers", description: "We believe quality starts with sourcing. Each ingredient is carefully selected for freshness and authenticity, ensuring every bite delivers the pure, unadulterated taste of Indian vegetarian cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-shaurma-tasty-meat-salad-sandwich-grey-surface-burger-sandwich-bread-pita-meat_140725-102085.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Service", title: "Warm Hospitality", subtitle: "Dedicated to your comfort and satisfaction", description: "Our attentive staff treats every guest like family. From the moment you arrive until you leave, we're committed to making your dining experience memorable with genuine warmth and impeccable service.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg?_wi=3"
|
||||
tag: "Service", title: "Warm Hospitality", subtitle: "Dedicated to your comfort and satisfaction", description: "Our attentive staff treats every guest like family. From the moment you arrive until you leave, we're committed to making your dining experience memorable with genuine warmth and impeccable service.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086029.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -1,51 +1,36 @@
|
||||
"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;
|
||||
textProps?: React.SVGProps<SVGTextElement>;
|
||||
}
|
||||
|
||||
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 = '',
|
||||
textProps = {},
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
viewBox="0 0 400 100"
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
aria-label={text}
|
||||
>
|
||||
<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-2xl font-bold"
|
||||
{...textProps}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user