Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -8,7 +8,7 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Chef, Flame, UtensilsCrossed, Wine, Zap, MapPin, Truck, Heart, Phone, Star } from 'lucide-react';
|
||||
import { Flame, UtensilsCrossed, Wine, Zap, MapPin, Truck, Heart, Phone, Star } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,7 +18,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -46,23 +46,20 @@ export default function LandingPage() {
|
||||
tag="Now Open"
|
||||
tagIcon={Flame}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-close-view-meat-sandwich-sandwich-made-meat-grilled-spit-with-vegetables-dark-blue-desk_140725-61784.jpg"
|
||||
imageAlt="Delicious shawarma from Tasty Hub"
|
||||
imagePosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kay Redd", handle: "Food Enthusiast", testimonial: "One of the best shawarma spots in Kano! Great value for money, and I'll definitely be back!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg"
|
||||
name: "Kay Redd", handle: "Food Enthusiast", testimonial: "One of the best shawarma spots in Kano! Great value for money, and I'll definitely be back!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg"
|
||||
},
|
||||
{
|
||||
name: "Anthony Yahaya", handle: "Regular Customer", testimonial: "Tasty Hub has the best shawarma hands down. Always a treat!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"
|
||||
name: "Anthony Yahaya", handle: "Regular Customer", testimonial: "Tasty Hub has the best shawarma hands down. Always a treat!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"
|
||||
},
|
||||
{
|
||||
name: "JoyCe", handle: "Burger Lover", testimonial: "The burger here is life-changing! I love it!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg"
|
||||
name: "JoyCe", handle: "Burger Lover", testimonial: "The burger here is life-changing! I love it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
@@ -82,8 +79,8 @@ export default function LandingPage() {
|
||||
title="Locally owned and operated – part of the Kano community since day one."
|
||||
description="Fresh Ingredients & Quality"
|
||||
subdescription="Tasty Hub Shawarma"
|
||||
icon={Chef}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doner-lavash-meat-lettuce-cucumber-tomato-spicy-pepper-side-view_141793-1772.jpg?_wi=1"
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doner-lavash-meat-lettuce-cucumber-tomato-spicy-pepper-side-view_141793-1772.jpg"
|
||||
imageAlt="Tasty Hub restaurant interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
@@ -142,22 +139,22 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Kay Redd, Food Lover", date: "Date: Recently", title: "One of the best shawarma spots in Kano!", quote: "Great value for money, and I'll definitely be back! The service is friendly and the food is consistently delicious. Tasty Hub has become my go-to spot.", tag: "Highly Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg?_wi=1"
|
||||
id: "1", name: "Kay Redd, Food Lover", date: "Date: Recently", title: "One of the best shawarma spots in Kano!", quote: "Great value for money, and I'll definitely be back! The service is friendly and the food is consistently delicious. Tasty Hub has become my go-to spot.", tag: "Highly Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Anthony Yahaya, Regular Customer", date: "Date: Last Month", title: "Tasty Hub has the best shawarma hands down!", quote: "Always a treat! Every time I visit, the shawarma is fresh, hot, and prepared exactly how I like it. The team here knows what they're doing.", tag: "5-Star Quality", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg?_wi=2"
|
||||
id: "2", name: "Anthony Yahaya, Regular Customer", date: "Date: Last Month", title: "Tasty Hub has the best shawarma hands down!", quote: "Always a treat! Every time I visit, the shawarma is fresh, hot, and prepared exactly how I like it. The team here knows what they're doing.", tag: "5-Star Quality", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "JoyCe, Burger Fan", date: "Date: Last Week", title: "The burger here is life-changing!", quote: "I love it! The patty is perfectly cooked, the toppings are fresh, and the overall experience is fantastic. This place has set a new standard for burgers in Kano.", tag: "Must Try", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", imageSrc: "http://img.b2bpic.net/free-photo/meat-burger-lettuce-tomato-cucumber-bun-with-sesame-side-view_141793-3156.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Mohammed Hassan, Busy Professional", date: "Date: Two Weeks Ago", title: "Perfect for quick lunch breaks!", quote: "The drive-through service is incredibly efficient. I can get a delicious shawarma meal in minutes without compromising on quality. Highly recommended!", tag: "Convenient Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg?_wi=3"
|
||||
id: "4", name: "Mohammed Hassan, Busy Professional", date: "Date: Two Weeks Ago", title: "Perfect for quick lunch breaks!", quote: "The drive-through service is incredibly efficient. I can get a delicious shawarma meal in minutes without compromising on quality. Highly recommended!", tag: "Convenient Service", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Amina Wada, Health Conscious", date: "Date: Three Weeks Ago", title: "Fresh ingredients you can taste!", quote: "The veggie shawarma option is delicious and clearly made with fresh vegetables. I appreciate that they take quality seriously here.", tag: "Quality Matters", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg?_wi=4"
|
||||
id: "5", name: "Amina Wada, Health Conscious", date: "Date: Three Weeks Ago", title: "Fresh ingredients you can taste!", quote: "The veggie shawarma option is delicious and clearly made with fresh vegetables. I appreciate that they take quality seriously here.", tag: "Quality Matters", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-lunch_114579-4336.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Chisom Okafor, Family", date: "Date: One Month Ago", title: "Family favorite for weekend meals!", quote: "We love bringing our kids here. The portions are generous, the prices are fair, and the whole family leaves happy. Tasty Hub is our go-to spot!", tag: "Family Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageSrc: "http://img.b2bpic.net/free-photo/doner-lavash-meat-lettuce-cucumber-tomato-spicy-pepper-side-view_141793-1772.jpg?_wi=2"
|
||||
id: "6", name: "Chisom Okafor, Family", date: "Date: One Month Ago", title: "Family favorite for weekend meals!", quote: "We love bringing our kids here. The portions are generous, the prices are fair, and the whole family leaves happy. Tasty Hub is our go-to spot!", tag: "Family Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageSrc: "http://img.b2bpic.net/free-photo/doner-lavash-meat-lettuce-cucumber-tomato-spicy-pepper-side-view_141793-1772.jpg"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
|
||||
@@ -1,51 +1,41 @@
|
||||
"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;
|
||||
fontSize?: number;
|
||||
fontWeight?: 'normal' | 'bold';
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 32,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
className = '',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
viewBox={`0 0 ${text.length * fontSize} ${fontSize * 1.5}`}
|
||||
className={className}
|
||||
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%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="central"
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
fontFamily="inherit"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user