Merge version_1 into main #1

Merged
bender merged 2 commits from version_1 into main 2026-03-11 12:44:36 +00:00
2 changed files with 68 additions and 59 deletions

View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
@@ -35,7 +35,8 @@ export default function LandingPage() {
{ name: "Contact", id: "location" },
]}
button={{
text: "📞 Call Now", href: "tel:+919876543210"}}
text: "📞 Call Now", href: "tel:+919876543210"
}}
animateOnLoad={true}
/>
</div>
@@ -44,13 +45,14 @@ export default function LandingPage() {
<HeroBillboard
title="Authentic Kathiyawadi & Punjabi Food in Surat"
description="Village Style Taste • Fresh Bajra Rotlo • Traditional Recipes • Authentic Dhaba Experience"
background={{ variant: "floatingGradient" }}
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086031.jpg"
imageAlt="Authentic Kathiyawadi traditional cuisine served"
buttons={[
{ text: "📞 Call Now", href: "tel:+919876543210" },
{
text: "📍 Get Directions", href: "https://maps.google.com/?q=Shree+Gopnath+Hotel+Kathiyawadi+Punjabi+Surat"},
text: "📍 Get Directions", href: "https://maps.google.com/?q=Shree+Gopnath+Hotel+Kathiyawadi+Punjabi+Surat"
},
]}
mediaAnimation="slide-up"
/>
@@ -63,22 +65,28 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Kathiyawadi", name: "Bajra Rotlo", price: "Fresh Daily", rating: 5,
reviewCount: "Most Popular", imageSrc: "http://img.b2bpic.net/free-photo/traditional-flatbread-baking-hot-tandoor-oven_140725-3204.jpg", imageAlt: "Golden crispy bajra rotlo traditional millet bread"},
reviewCount: "Most Popular", imageSrc: "http://img.b2bpic.net/free-photo/traditional-flatbread-baking-hot-tandoor-oven_140725-3204.jpg", imageAlt: "Golden crispy bajra rotlo traditional millet bread"
},
{
id: "2", brand: "Kathiyawadi", name: "Sev Tameta", price: "Specialty", rating: 5,
reviewCount: "Must Try", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-sliced-with-sauce-seasonings-dark-surface-meal-sauce-food-dinner-soup-vegetable_140725-85748.jpg", imageAlt: "Sev tameta traditional tomato potato curry"},
reviewCount: "Must Try", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-sliced-with-sauce-seasonings-dark-surface-meal-sauce-food-dinner-soup-vegetable_140725-85748.jpg", imageAlt: "Sev tameta traditional tomato potato curry"
},
{
id: "3", brand: "Kathiyawadi", name: "Ringan Bhartu", price: "House Special", rating: 5,
reviewCount: "Customer Favorite", imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-condensed-milk-homemade-crepes-high-quality-photo_114579-44133.jpg", imageAlt: "Ringan bhartu smoked eggplant vegetable curry"},
reviewCount: "Customer Favorite", imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-condensed-milk-homemade-crepes-high-quality-photo_114579-44133.jpg", imageAlt: "Ringan bhartu smoked eggplant vegetable curry"
},
{
id: "4", brand: "Kathiyawadi", name: "Dahi Tikari", price: "Fresh", rating: 5,
reviewCount: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/view-creamy-broccoli-soup-brown-bowl-different-spices-gray-table_140725-86495.jpg", imageAlt: "Dahi tikari yogurt vegetable traditional side"},
reviewCount: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/view-creamy-broccoli-soup-brown-bowl-different-spices-gray-table_140725-86495.jpg", imageAlt: "Dahi tikari yogurt vegetable traditional side"
},
{
id: "5", brand: "Kathiyawadi", name: "Nagli Papad", price: "Specialty", rating: 5,
reviewCount: "Unique Taste", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arrangement-traditional-roti_23-2149034001.jpg", imageAlt: "Nagli papad crispy millet traditional wafer"},
reviewCount: "Unique Taste", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arrangement-traditional-roti_23-2149034001.jpg", imageAlt: "Nagli papad crispy millet traditional wafer"
},
{
id: "6", brand: "Kathiyawadi", name: "Dal Rice", price: "Comfort Food", rating: 5,
reviewCount: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-vermicelli-soup-with-greens-light-grey-table_140725-144072.jpg", imageAlt: "Dal rice traditional Indian comfort food"},
reviewCount: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-vermicelli-soup-with-greens-light-grey-table_140725-144072.jpg", imageAlt: "Dal rice traditional Indian comfort food"
},
]}
gridVariant="bento-grid"
animationType="slide-up"
@@ -91,7 +99,8 @@ export default function LandingPage() {
<TextSplitAbout
title="Why People Love Us"
description={[
"Visitors love our Ringan Bhartu, Sev Tameta, and Dahi Tikari paired with our signature fresh Bajra Rotlo. The Nagli Papad is a must-try specialty that keeps customers coming back.", "Guests enjoy the authentic Gujarati flavors and village-style dhaba atmosphere, making us one of the best places in Surat for Kathiyawadi food lovers. Our generous portions and homestyle preparation reflect true Gujarati hospitality and culinary tradition."]}
"Visitors love our Ringan Bhartu, Sev Tameta, and Dahi Tikari paired with our signature fresh Bajra Rotlo. The Nagli Papad is a must-try specialty that keeps customers coming back.", "Guests enjoy the authentic Gujarati flavors and village-style dhaba atmosphere, making us one of the best places in Surat for Kathiyawadi food lovers. Our generous portions and homestyle preparation reflect true Gujarati hospitality and culinary tradition."
]}
buttons={[
{ text: "📋 Book a Table", href: "#contact" },
]}
@@ -107,16 +116,20 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Rajesh Patel", role: "Regular Customer", company: "Surat Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-with-food_23-2149213379.jpg", imageAlt: "Rajesh enjoying authentic food at Shree Gopnath"},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-with-food_23-2149213379.jpg", imageAlt: "Rajesh enjoying authentic food at Shree Gopnath"
},
{
id: "2", name: "Vikram Sharma", role: "Food Enthusiast", company: "Kamrej Visitor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-lunch-together-restaurant_58466-16804.jpg", imageAlt: "Vikram satisfied with traditional Kathiyawadi cuisine"},
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-lunch-together-restaurant_58466-16804.jpg", imageAlt: "Vikram satisfied with traditional Kathiyawadi cuisine"
},
{
id: "3", name: "Priya Desai", role: "Family Diner", company: "Varachha Community", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519979.jpg", imageAlt: "Priya enjoying family meal at the restaurant"},
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519979.jpg", imageAlt: "Priya enjoying family meal at the restaurant"
},
{
id: "4", name: "Anil & Family", role: "Loyal Patrons", company: "Surat Residents", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520082.jpg", imageAlt: "Family celebrating meal together at Shree Gopnath"},
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520082.jpg", imageAlt: "Family celebrating meal together at Shree Gopnath"
},
]}
kpiItems={[
{ value: "500+", label: "Happy Customers Daily" },
@@ -134,17 +147,22 @@ export default function LandingPage() {
ctaTitle="Visit Us Today"
ctaDescription="Opp. Jalaram Temple, Diamond Nagar, Las Kana, Kamrej, Varachha Main Rd, Surat, Gujarat 395013"
ctaButton={{
text: "📍 Open in Google Maps", href: "https://maps.google.com/?q=Shree+Gopnath+Hotel+Kathiyawadi+Punjabi+Opp+Jalaram+Temple+Diamond+Nagar+Surat"}}
text: "📍 Open in Google Maps", href: "https://maps.google.com/?q=Shree+Gopnath+Hotel+Kathiyawadi+Punjabi+Opp+Jalaram+Temple+Diamond+Nagar+Surat"
}}
ctaIcon={MapPin}
faqs={[
{
id: "1", title: "What are your operating hours?", content: "We are open from 11:00 AM to 10:00 PM daily, offering authentic Kathiyawadi and Punjabi cuisine for lunch and dinner service."},
id: "1", title: "What are your operating hours?", content: "We are open from 11:00 AM to 10:00 PM daily, offering authentic Kathiyawadi and Punjabi cuisine for lunch and dinner service."
},
{
id: "2", title: "Do you provide table reservations?", content: "Yes, we welcome table reservations for groups and families. Contact us at your earliest convenience to book your dining experience with us."},
id: "2", title: "Do you provide table reservations?", content: "Yes, we welcome table reservations for groups and families. Contact us at your earliest convenience to book your dining experience with us."
},
{
id: "3", title: "Can we order online or for delivery?", content: "Currently, we specialize in dine-in experiences at our authentic village-style dhaba. We recommend visiting us to experience the true atmosphere of Kathiyawadi dining."},
id: "3", title: "Can we order online or for delivery?", content: "Currently, we specialize in dine-in experiences at our authentic village-style dhaba. We recommend visiting us to experience the true atmosphere of Kathiyawadi dining."
},
{
id: "4", title: "Do you accommodate dietary preferences?", content: "Absolutely! We can customize dishes based on your preferences. Our traditional recipes are naturally vegetarian-friendly and full of authentic flavors."},
id: "4", title: "Do you accommodate dietary preferences?", content: "Absolutely! We can customize dishes based on your preferences. Our traditional recipes are naturally vegetarian-friendly and full of authentic flavors."
},
]}
useInvertedBackground={false}
animationType="slide-up"
@@ -158,7 +176,8 @@ export default function LandingPage() {
features={[
{
id: "1", title: "Call Now", description: "Reach us directly to make reservations or ask about our daily specials.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-serving-food-male-female-customers-table-cafe-hipster-pub_482257-18616.jpg"},
imageSrc: "http://img.b2bpic.net/free-photo/young-waiter-serving-food-male-female-customers-table-cafe-hipster-pub_482257-18616.jpg"
},
items: [
{ icon: Phone, text: "+91 98765 43210" },
{ icon: Clock, text: "11 AM - 10 PM" },
@@ -168,7 +187,8 @@ export default function LandingPage() {
},
{
id: "2", title: "Find Us Online", description: "Navigate to our location with Google Maps or connect with us on WhatsApp for quick inquiries.", media: {
imageSrc: "http://img.b2bpic.net/free-vector/travel-banners-flat-style_23-2147831095.jpg"},
imageSrc: "http://img.b2bpic.net/free-vector/travel-banners-flat-style_23-2147831095.jpg"
},
items: [
{ icon: Navigation, text: "Get Directions" },
{ icon: MessageCircle, text: "WhatsApp Chat" },
@@ -199,7 +219,8 @@ export default function LandingPage() {
title: "Contact", items: [
{ label: "📞 Call: +91 98765 43210", href: "tel:+919876543210" },
{
label: "📍 Get Directions", href: "https://maps.google.com/?q=Shree+Gopnath+Hotel"},
label: "📍 Get Directions", href: "https://maps.google.com/?q=Shree+Gopnath+Hotel"
},
{ label: "💬 WhatsApp", href: "https://wa.me/919876543210" },
{ label: "📧 Email Us", href: "mailto:info@shreegopnath.com" },
],

View File

@@ -1,51 +1,39 @@
"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;
fontSize?: number;
fontWeight?: string | number;
dominantBaseline?: 'auto' | 'text-top' | 'hanging' | 'central' | 'middle' | 'mathematical' | 'text-bottom' | 'ideographic';
}
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 = '',
fontSize = 24,
fontWeight = 'bold',
dominantBaseline = 'middle',
}) => {
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 200 100"
className={`w-full h-auto ${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%"
textAnchor="middle"
dominantBaseline={dominantBaseline}
fontSize={fontSize}
fontWeight={fontWeight}
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;