Merge version_1 into main #1
@@ -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" },
|
||||
],
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user