Merge version_1 into main #2
@@ -21,7 +21,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -51,22 +51,22 @@ export default function LandingPage() {
|
||||
{ text: "📞 Call Now", href: "tel:+919587230060" },
|
||||
{ text: "📅 Reserve Table", href: "#reservation" }
|
||||
]}
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mornign-tea-garden-happy-couple-sitting-garden-having-tea_259150-57558.jpg", imageAlt: "outdoor patio restaurant dining evening"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-bottles-beer-with-glass-beer-wooden-table_23-2148215849.jpg?_wi=1", imageAlt: "craft cocktails beer selection premium"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-bottles-beer-with-glass-beer-wooden-table_23-2148215849.jpg", imageAlt: "craft cocktails beer selection premium"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-red-hat-imagines-that-he-is-dragon-by-tying-make-flame-bigger-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14647.jpg?_wi=1", imageAlt: "live music performance bar restaurant"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-red-hat-imagines-that-he-is-dragon-by-tying-make-flame-bigger-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14647.jpg", imageAlt: "live music performance bar restaurant"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-party-sandwiches-white-square-plate_114579-2171.jpg", imageAlt: "delicious appetizers food platter restaurant"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977279.jpg?_wi=1", imageAlt: "restaurant outdoor seating area comfortable"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977279.jpg", imageAlt: "restaurant outdoor seating area comfortable"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Hero section showcasing Patio by Bottoms Up"
|
||||
@@ -96,27 +96,27 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Great Beer Selection", tags: ["Beverages", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-bottles-beer-with-glass-beer-wooden-table_23-2148215849.jpg?_wi=2", imageAlt: "craft cocktails beer selection premium"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-bottles-beer-with-glass-beer-wooden-table_23-2148215849.jpg", imageAlt: "craft cocktails beer selection premium"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Live Music Nights", tags: ["Entertainment", "Evening"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-red-hat-imagines-that-he-is-dragon-by-tying-make-flame-bigger-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14647.jpg?_wi=2", imageAlt: "live music performance bar restaurant"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-red-hat-imagines-that-he-is-dragon-by-tying-make-flame-bigger-playing-with-sparklers-rooftop-group-young-beautiful-friends_146671-14647.jpg", imageAlt: "live music performance bar restaurant"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Outdoor Patio Seating", tags: ["Ambiance", "Comfort"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977279.jpg?_wi=2", imageAlt: "restaurant outdoor seating area comfortable"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-santorini-garden_23-2151977279.jpg", imageAlt: "restaurant outdoor seating area comfortable"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Bar Games & Sports Streaming", tags: ["Activity", "Fun"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-bar-table-with-bar-chairs-cafe_181624-60461.jpg?_wi=1", imageAlt: "modern bar counter bottles interior"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-bar-table-with-bar-chairs-cafe_181624-60461.jpg", imageAlt: "modern bar counter bottles interior"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Craft Cocktails & Wine", tags: ["Premium", "Beverages"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-rosemary-lemon_23-2148617620.jpg?_wi=1", imageAlt: "margarita cocktail glass lime fresh"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-rosemary-lemon_23-2148617620.jpg", imageAlt: "margarita cocktail glass lime fresh"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Perfect for Groups", tags: ["Gatherings", "Celebrations"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872402.jpg?_wi=1", imageAlt: "group dining friends restaurant table"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872402.jpg", imageAlt: "group dining friends restaurant table"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -145,7 +145,7 @@ export default function LandingPage() {
|
||||
id: "4", name: "Loaded Nachos", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mexican-nachos-chips-avocado-salsa-sauce-cherry-tomatoes-red-chilies-lemon-table_23-2148042451.jpg", imageAlt: "loaded nachos cheese toppings appetizer"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Margarita", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-rosemary-lemon_23-2148617620.jpg?_wi=2", imageAlt: "margarita cocktail glass lime fresh"
|
||||
id: "5", name: "Margarita", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktail-with-rosemary-lemon_23-2148617620.jpg", imageAlt: "margarita cocktail glass lime fresh"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Mojito", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/summer-mojito-cocktail_93675-128418.jpg", imageAlt: "mojito cocktail mint lime fresh drink"
|
||||
@@ -167,7 +167,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Ambiance", title: "Bar Counter Magic", excerpt: "Premium spirits and craft drinks served with expertise and style", imageSrc: "http://img.b2bpic.net/free-photo/wooden-bar-table-with-bar-chairs-cafe_181624-60461.jpg?_wi=2", imageAlt: "Modern bar counter with bottles", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", date: "Daily"
|
||||
id: "1", category: "Ambiance", title: "Bar Counter Magic", excerpt: "Premium spirits and craft drinks served with expertise and style", imageSrc: "http://img.b2bpic.net/free-photo/wooden-bar-table-with-bar-chairs-cafe_181624-60461.jpg", imageAlt: "Modern bar counter with bottles", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", date: "Daily"
|
||||
},
|
||||
{
|
||||
id: "2", category: "Dining", title: "Outdoor Patio Seating", excerpt: "Comfortable seating under the stars - perfect for relaxation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-mom-her-lovely-daughter-time-outdoor-cafe-happy-fashionable-family_613910-4004.jpg", imageAlt: "Outdoor patio with seating", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", date: "Daily"
|
||||
@@ -179,7 +179,7 @@ export default function LandingPage() {
|
||||
id: "4", category: "Ambiance", title: "Evening Atmosphere", excerpt: "Lights and mood create the perfect setting for your night", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5738.jpg", imageAlt: "Restaurant night ambiance", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25788.jpg", date: "Daily"
|
||||
},
|
||||
{
|
||||
id: "5", category: "Social", title: "Group Gatherings", excerpt: "Bring your friends and create unforgettable memories", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872402.jpg?_wi=2", imageAlt: "Group dining celebration", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-reading_23-2148396352.jpg", date: "Daily"
|
||||
id: "5", category: "Social", title: "Group Gatherings", excerpt: "Bring your friends and create unforgettable memories", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872402.jpg", imageAlt: "Group dining celebration", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-reading_23-2148396352.jpg", date: "Daily"
|
||||
},
|
||||
{
|
||||
id: "6", category: "Drinks", title: "Cocktail Selection", excerpt: "Creative and classic cocktails to suit every taste", imageSrc: "http://img.b2bpic.net/free-photo/bartender-filling-beer-from-bar-pump_107420-65858.jpg", imageAlt: "Colorful cocktails display", authorName: "Patio Team", authorAvatar: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg", date: "Daily"
|
||||
|
||||
@@ -1,51 +1,32 @@
|
||||
"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`}
|
||||
width="120"
|
||||
height="40"
|
||||
viewBox="0 0 120 40"
|
||||
className={className}
|
||||
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="10"
|
||||
y="28"
|
||||
fontSize="24"
|
||||
fontWeight="bold"
|
||||
fontFamily="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
|
||||
fill="currentColor"
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user