bender/66afc17a-e6d5-4eca-ba1c-c67274493a0f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 6 commits from version_1 into main 2026-03-11 09:00:06 +00:00
Conversation 0 Commits 6 Files Changed 6 +97 -243
6 changed files with 97 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/app/about/page.tsx
View File

@@ -17,7 +17,7 @@ export default function AboutPage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -47,28 +47,20 @@ export default function AboutPage() {
useInvertedBackground={true}
imagePosition="right"
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-greek-flag_23-2149323100.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-greek-flag_23-2149323100.jpg"
imageAlt="Santorini Greek island inspiration - white architecture and blue sea"
bulletPoints={[
{
title: "Greek-Inspired Ambiance",
description: "Santorini-themed décor with white walls, blue accents, and Mediterranean charm creating an authentic island atmosphere",
icon: Palette
title: "Greek-Inspired Ambiance", description: "Santorini-themed décor with white walls, blue accents, and Mediterranean charm creating an authentic island atmosphere", icon: Palette
},
{
title: "Continental Cuisine",
description: "Authentic European dishes crafted with premium ingredients and culinary expertise by our talented chefs",
icon: ChefHat
title: "Continental Cuisine", description: "Authentic European dishes crafted with premium ingredients and culinary expertise by our talented chefs", icon: ChefHat
},
{
title: "Specialty Coffee & Mocktails",
description: "Artisan coffee and creative non-alcoholic beverages for every occasion, made with passion and precision",
icon: Coffee
title: "Specialty Coffee & Mocktails", description: "Artisan coffee and creative non-alcoholic beverages for every occasion, made with passion and precision", icon: Coffee
},
{
title: "Aesthetic Experience",
description: "Instagram-worthy setting perfect for dining, celebrations, and special moments with friends and family",
icon: Camera
title: "Aesthetic Experience", description: "Instagram-worthy setting perfect for dining, celebrations, and special moments with friends and family", icon: Camera
}
]}
/>
@@ -85,28 +77,13 @@ export default function AboutPage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Priya Sharma",
role: "Food Enthusiast & Blogger",
testimonial: "The Santorini-inspired décor is absolutely stunning! Every corner is Instagram-worthy. The continental food is equally impressive - best Fish n Chips in Kolkata. I keep coming back!",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg?_wi=2",
imageAlt: "Priya Sharma"
id: "1", name: "Priya Sharma", role: "Food Enthusiast & Blogger", testimonial: "The Santorini-inspired décor is absolutely stunning! Every corner is Instagram-worthy. The continental food is equally impressive - best Fish n Chips in Kolkata. I keep coming back!", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", imageAlt: "Priya Sharma"
},
{
id: "2",
name: "Rahul Kapoor",
role: "Regular Customer & Corporate Head",
testimonial: "Out n Beyond has become my go-to place for special occasions and team celebrations. The ambiance is perfect, service is impeccable, and the Chicken Stroganoff is absolutely divine.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg?_wi=2",
imageAlt: "Rahul Kapoor"
id: "2", name: "Rahul Kapoor", role: "Regular Customer & Corporate Head", testimonial: "Out n Beyond has become my go-to place for special occasions and team celebrations. The ambiance is perfect, service is impeccable, and the Chicken Stroganoff is absolutely divine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg", imageAlt: "Rahul Kapoor"
},
{
id: "3",
name: "Anjali Verma",
role: "Coffee Connoisseur",
testimonial: "Their specialty coffee and mocktails are exceptional! Paired with the aesthetics, it's the perfect place to hang out with friends. The baristas are highly skilled. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-book_93675-135579.jpg?_wi=2",
imageAlt: "Anjali Verma"
id: "3", name: "Anjali Verma", role: "Coffee Connoisseur", testimonial: "Their specialty coffee and mocktails are exceptional! Paired with the aesthetics, it's the perfect place to hang out with friends. The baristas are highly skilled. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-book_93675-135579.jpg", imageAlt: "Anjali Verma"
}
]}
/>
@@ -118,9 +95,9 @@ export default function AboutPage() {
title="Join Our Community"
description="Subscribe to our newsletter for exclusive behind-the-scenes content, new menu launches, special offers, and invitations to our Mediterranean-themed events."
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg?_wi=4"
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg"
imageAlt="Watermelon Mojito mocktail - signature drink"
mediaAnimation="blur-reveal"
mediaPosition="left"
@@ -137,23 +114,19 @@ export default function AboutPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram"
href: "https://instagram.com", ariaLabel: "Instagram"
},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook"
href: "https://facebook.com", ariaLabel: "Facebook"
},
{
icon: Phone,
href: "tel:+916289992171",
ariaLabel: "Call Us"
href: "tel:+916289992171", ariaLabel: "Call Us"
},
{
icon: MapPin,
href: "https://maps.google.com",
ariaLabel: "Location"
href: "https://maps.google.com", ariaLabel: "Location"
}
]}
/>

26
src/app/contact/page.tsx
View File

@@ -14,7 +14,7 @@ export default function ContactPage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -31,9 +31,7 @@ export default function ContactPage() {
{ name: "Reservations", id: "reservations" },
]}
button={{
text: "Reserve Table",
href: "reservations",
}}
text: "Reserve Table", href: "reservations"}}
/>
</div>
@@ -43,9 +41,9 @@ export default function ContactPage() {
title="Contact Out n Beyond"
description="Have questions or special requests? We'd love to hear from you. Get in touch with our team at Out n Beyond Cafe & Bistro. Whether it's for reservations, catering inquiries, or general feedback, reach out to us today."
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg?_wi=6"
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg"
imageAlt="watermelon mocktail refreshing summer beverage"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -63,24 +61,16 @@ export default function ContactPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
href: "https://facebook.com", ariaLabel: "Facebook"},
{
icon: Phone,
href: "tel:+916289992171",
ariaLabel: "Call Us",
},
href: "tel:+916289992171", ariaLabel: "Call Us"},
{
icon: MapPin,
href: "https://maps.google.com",
ariaLabel: "Location",
},
href: "https://maps.google.com", ariaLabel: "Location"},
]}
/>
</div>

58
src/app/gallery/page.tsx
View File

@@ -16,7 +16,7 @@ export default function GalleryPage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -47,48 +47,16 @@ export default function GalleryPage() {
animationType="slide-up"
blogs={[
{
id: "1",
category: "Interior Design",
title: "Mediterranean Elegance",
excerpt: "Whitewashed walls and azure blue accents create the perfect Santorini atmosphere in every corner of our café",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg",
imageAlt: "Café interior with white walls and blue décor",
authorName: "Out n Beyond",
authorAvatar: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg",
date: "Salt Lake, Kolkata"
id: "1", category: "Interior Design", title: "Mediterranean Elegance", excerpt: "Whitewashed walls and azure blue accents create the perfect Santorini atmosphere in every corner of our café", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg", imageAlt: "Café interior with white walls and blue décor", authorName: "Out n Beyond", authorAvatar: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", date: "Salt Lake, Kolkata"
},
{
id: "2",
category: "Coffee Culture",
title: "Artisan Coffee Experience",
excerpt: "Expertly brewed specialty coffee and espresso preparations in a serene Mediterranean setting with barista excellence",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaves-near-teapot-cup_23-2147885941.jpg?_wi=3",
imageAlt: "Coffee preparation and barista station",
authorName: "Out n Beyond",
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg",
date: "Daily Craft"
id: "2", category: "Coffee Culture", title: "Artisan Coffee Experience", excerpt: "Expertly brewed specialty coffee and espresso preparations in a serene Mediterranean setting with barista excellence", imageSrc: "http://img.b2bpic.net/free-photo/close-up-leaves-near-teapot-cup_23-2147885941.jpg", imageAlt: "Coffee preparation and barista station", authorName: "Out n Beyond", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg", date: "Daily Craft"
},
{
id: "3",
category: "Dining Ambiance",
title: "Fine Dining Setup",
excerpt: "Elegant table settings with premium white linens and thoughtful arrangements for an unforgettable dining experience",
imageSrc: "http://img.b2bpic.net/free-photo/glass-water-with-flower-petals_23-2148863464.jpg",
imageAlt: "Elegant table setting with white tablecloth",
authorName: "Out n Beyond",
authorAvatar: "http://img.b2bpic.net/free-photo/young-girl-with-book_93675-135579.jpg",
date: "Special Occasions"
id: "3", category: "Dining Ambiance", title: "Fine Dining Setup", excerpt: "Elegant table settings with premium white linens and thoughtful arrangements for an unforgettable dining experience", imageSrc: "http://img.b2bpic.net/free-photo/glass-water-with-flower-petals_23-2148863464.jpg", imageAlt: "Elegant table setting with white tablecloth", authorName: "Out n Beyond", authorAvatar: "http://img.b2bpic.net/free-photo/young-girl-with-book_93675-135579.jpg", date: "Special Occasions"
},
{
id: "4",
category: "Moments",
title: "Community & Connection",
excerpt: "Where friends gather, memories are made, and food brings people together in joyful celebration and connection",
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891007.jpg",
imageAlt: "Happy customers dining and enjoying",
authorName: "Out n Beyond",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-991.jpg",
date: "Every Day"
id: "4", category: "Moments", title: "Community & Connection", excerpt: "Where friends gather, memories are made, and food brings people together in joyful celebration and connection", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891007.jpg", imageAlt: "Happy customers dining and enjoying", authorName: "Out n Beyond", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-991.jpg", date: "Every Day"
}
]}
/>
@@ -100,9 +68,9 @@ export default function GalleryPage() {
title="Visit Us & Create Memories"
description="Subscribe to stay updated on new photo galleries, featured customer moments, and upcoming photo contests where you can showcase your Out n Beyond memories."
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg?_wi=5"
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg"
imageAlt="Watermelon Mojito mocktail - signature drink"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -119,23 +87,19 @@ export default function GalleryPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram"
href: "https://instagram.com", ariaLabel: "Instagram"
},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook"
href: "https://facebook.com", ariaLabel: "Facebook"
},
{
icon: Phone,
href: "tel:+916289992171",
ariaLabel: "Call Us"
href: "tel:+916289992171", ariaLabel: "Call Us"
},
{
icon: MapPin,
href: "https://maps.google.com",
ariaLabel: "Location"
href: "https://maps.google.com", ariaLabel: "Location"
}
]}
/>

98
src/app/page.tsx
View File

@@ -19,7 +19,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -47,8 +47,8 @@ export default function HomePage() {
{ text: "Reserve Table", href: "reservations" },
{ text: "View Menu", href: "menu" }
]}
background={{ variant: "grid" }}
imageSrc="http://img.b2bpic.net/free-photo/window-alley-summer-greece-cyclades_1203-4777.jpg?_wi=1"
background={{ variant: "animated-grid" }}
imageSrc="http://img.b2bpic.net/free-photo/window-alley-summer-greece-cyclades_1203-4777.jpg"
imageAlt="Out n Beyond Café interior with Santorini-inspired white and blue décor"
frameStyle="card"
mediaAnimation="blur-reveal"
@@ -68,34 +68,16 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "Signature Special",
name: "Fish n Chips",
price: "₹425",
rating: 5,
reviewCount: "2.1k",
imageSrc: "http://img.b2bpic.net/free-photo/clay-plate-full-appetizers-including-goldy-chicken-nuggets-with-chrispy-crust-delicious-canapes-with-herring-cherry-tomatoes-served-with-garlic-sauce-decorated-with-salad-leaves-cheese_132075-13068.jpg?_wi=1",
imageAlt: "Crispy Fish and Chips - signature dish"
id: "1", brand: "Signature Special", name: "Fish n Chips", price: "₹425", rating: 5,
reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/clay-plate-full-appetizers-including-goldy-chicken-nuggets-with-chrispy-crust-delicious-canapes-with-herring-cherry-tomatoes-served-with-garlic-sauce-decorated-with-salad-leaves-cheese_132075-13068.jpg", imageAlt: "Crispy Fish and Chips - signature dish"
},
{
id: "2",
brand: "Continental Favorite",
name: "Chicken Stroganoff with Herb Rice",
price: "₹520",
rating: 5,
reviewCount: "1.8k",
imageSrc: "http://img.b2bpic.net/free-photo/mushrooms-sour-cream-with-herbs-tomato_141793-710.jpg?_wi=1",
imageAlt: "Creamy Chicken Stroganoff with Herb Rice"
id: "2", brand: "Continental Favorite", name: "Chicken Stroganoff with Herb Rice", price: "₹520", rating: 5,
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/mushrooms-sour-cream-with-herbs-tomato_141793-710.jpg", imageAlt: "Creamy Chicken Stroganoff with Herb Rice"
},
{
id: "3",
brand: "Appetizer Delight",
name: "Crab Cigar Rolls",
price: "₹380",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-cheese-tomatoes-crispy-breads-wooden-tray-marble-surface_114579-61259.jpg?_wi=1",
imageAlt: "Golden Crab Cigar Rolls - crispy appetizer"
id: "3", brand: "Appetizer Delight", name: "Crab Cigar Rolls", price: "₹380", rating: 5,
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/sliced-carrots-cheese-tomatoes-crispy-breads-wooden-tray-marble-surface_114579-61259.jpg", imageAlt: "Golden Crab Cigar Rolls - crispy appetizer"
}
]}
/>
@@ -111,28 +93,20 @@ export default function HomePage() {
useInvertedBackground={true}
imagePosition="right"
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-greek-flag_23-2149323100.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-greek-flag_23-2149323100.jpg"
imageAlt="Santorini Greek island inspiration - white architecture and blue sea"
bulletPoints={[
{
title: "Greek-Inspired Ambiance",
description: "Santorini-themed décor with white walls, blue accents, and Mediterranean charm",
icon: Palette
title: "Greek-Inspired Ambiance", description: "Santorini-themed décor with white walls, blue accents, and Mediterranean charm", icon: Palette
},
{
title: "Continental Cuisine",
description: "Authentic European dishes crafted with premium ingredients and culinary expertise",
icon: ChefHat
title: "Continental Cuisine", description: "Authentic European dishes crafted with premium ingredients and culinary expertise", icon: ChefHat
},
{
title: "Specialty Coffee & Mocktails",
description: "Artisan coffee and creative non-alcoholic beverages for every occasion",
icon: Coffee
title: "Specialty Coffee & Mocktails", description: "Artisan coffee and creative non-alcoholic beverages for every occasion", icon: Coffee
},
{
title: "Aesthetic Experience",
description: "Instagram-worthy setting perfect for dining, celebrations, and special moments",
icon: Camera
title: "Aesthetic Experience", description: "Instagram-worthy setting perfect for dining, celebrations, and special moments", icon: Camera
}
]}
/>
@@ -149,36 +123,16 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "1",
name: "Priya Sharma",
role: "Food Enthusiast",
testimonial: "The Santorini-inspired décor is absolutely stunning! Every corner is Instagram-worthy. The continental food is equally impressive - best Fish n Chips in Kolkata.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg?_wi=1",
imageAlt: "Priya Sharma"
id: "1", name: "Priya Sharma", role: "Food Enthusiast", testimonial: "The Santorini-inspired décor is absolutely stunning! Every corner is Instagram-worthy. The continental food is equally impressive - best Fish n Chips in Kolkata.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", imageAlt: "Priya Sharma"
},
{
id: "2",
name: "Rahul Kapoor",
role: "Regular Customer",
testimonial: "Out n Beyond has become my go-to place for special occasions. The ambiance is perfect, service is impeccable, and the Chicken Stroganoff is divine.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg?_wi=1",
imageAlt: "Rahul Kapoor"
id: "2", name: "Rahul Kapoor", role: "Regular Customer", testimonial: "Out n Beyond has become my go-to place for special occasions. The ambiance is perfect, service is impeccable, and the Chicken Stroganoff is divine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg", imageAlt: "Rahul Kapoor"
},
{
id: "3",
name: "Anjali Verma",
role: "Coffee Connoisseur",
testimonial: "Their specialty coffee and mocktails are exceptional! Paired with the aesthetics, it's the perfect place to hang out with friends. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-book_93675-135579.jpg?_wi=1",
imageAlt: "Anjali Verma"
id: "3", name: "Anjali Verma", role: "Coffee Connoisseur", testimonial: "Their specialty coffee and mocktails are exceptional! Paired with the aesthetics, it's the perfect place to hang out with friends. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-book_93675-135579.jpg", imageAlt: "Anjali Verma"
},
{
id: "4",
name: "Arjun Singh",
role: "Event Organizer",
testimonial: "Perfect place for celebrations and gatherings. Great continental food, beautiful Mediterranean atmosphere, and excellent hospitality. 10/10 experience!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-991.jpg",
imageAlt: "Arjun Singh"
id: "4", name: "Arjun Singh", role: "Event Organizer", testimonial: "Perfect place for celebrations and gatherings. Great continental food, beautiful Mediterranean atmosphere, and excellent hospitality. 10/10 experience!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-black-suit_158538-991.jpg", imageAlt: "Arjun Singh"
}
]}
/>
@@ -190,9 +144,9 @@ export default function HomePage() {
title="Never Miss an Update"
description="Subscribe to our newsletter for special offers, new menu items, and exclusive events happening at Out n Beyond."
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/glass-watermelon-smoothie-basket-bread-white-table_114579-30481.jpg"
imageAlt="Watermelon Mojito mocktail - signature drink"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -209,23 +163,19 @@ export default function HomePage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram"
href: "https://instagram.com", ariaLabel: "Instagram"
},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook"
href: "https://facebook.com", ariaLabel: "Facebook"
},
{
icon: Phone,
href: "tel:+916289992171",
ariaLabel: "Call Us"
href: "tel:+916289992171", ariaLabel: "Call Us"
},
{
icon: MapPin,
href: "https://maps.google.com",
ariaLabel: "Location"
href: "https://maps.google.com", ariaLabel: "Location"
}
]}
/>

26
src/app/reservations/page.tsx
View File

@@ -14,7 +14,7 @@ export default function ReservationsPage() {
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -31,9 +31,7 @@ export default function ReservationsPage() {
{ name: "Reservations", id: "reservations" },
]}
button={{
text: "Reserve Table",
href: "reservations",
}}
text: "Reserve Table", href: "reservations"}}
/>
</div>
@@ -43,9 +41,9 @@ export default function ReservationsPage() {
title="Book Your Mediterranean Experience"
description="Join us for an unforgettable dining experience at Out n Beyond. Reserve your table in advance to secure your spot at our intimate Santorini-inspired café. We accept reservations for dine-in experiences, private celebrations, and special occasions."
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/window-alley-summer-greece-cyclades_1203-4777.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/window-alley-summer-greece-cyclades_1203-4777.jpg"
imageAlt="Santorini Greek café interior white blue"
mediaAnimation="blur-reveal"
mediaPosition="right"
@@ -63,24 +61,16 @@ export default function ReservationsPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
href: "https://facebook.com", ariaLabel: "Facebook"},
{
icon: Phone,
href: "tel:+916289992171",
ariaLabel: "Call Us",
},
href: "tel:+916289992171", ariaLabel: "Call Us"},
{
icon: MapPin,
href: "https://maps.google.com",
ariaLabel: "Location",
},
href: "https://maps.google.com", ariaLabel: "Location"},
]}
/>
</div>

75
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,38 @@
"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;
textClassName?: string;
containerClassName?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
>
<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"
}}
export const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
({ text, className = '', textClassName = '', containerClassName = '' }, ref) => {
return (
<svg
ref={ref}
viewBox={`0 0 ${text.length * 60} 100`}
xmlns="http://www.w3.org/2000/svg"
className={`w-full h-auto ${className}`}
aria-label={text}
>
{logoText}
</text>
</svg>
);
});
<text
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
className={`text-5xl font-bold fill-current ${textClassName}`}
style={{
fontSize: 'clamp(2rem, 5vw, 4rem)',
fontWeight: 700,
}}
>
{text}
</text>
</svg>
);
}
);
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
SvgTextLogo.displayName = 'SvgTextLogo';