Merge version_1 into main #2
@@ -46,17 +46,18 @@ export default function LandingPage() {
|
||||
description="Custom cakes, eggless cakes, designer cakes and birthday cakes made fresh daily. Order for same-day pickup or delivery."
|
||||
tag="★ 4.6 Rating • 241+ Reviews"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruit-cake-with-cutlery-copy-space_23-2148389625.jpg", imageAlt: "Black Forest Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-birthday-cake-table_1339-8337.jpg?_wi=1", imageAlt: "Rainbow Layer Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cakes_74190-3881.jpg?_wi=1", imageAlt: "Photo Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-birthday-cake-table_1339-8337.jpg", imageAlt: "Rainbow Layer Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cakes_74190-3881.jpg", imageAlt: "Photo Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-decorated-cake_23-2151931856.jpg", imageAlt: "Fondant Designer Cake" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/straws-near-cupcake-present_23-2147931594.jpg", imageAlt: "Red Velvet Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/heart-shaped-cakes-valentine-s-day_114579-57256.jpg", imageAlt: "Heart Shaped Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slices-tasty-pie-baking-dish-paper_23-2147802432.jpg?_wi=1", imageAlt: "Hazelnut Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148801132.jpg?_wi=1", imageAlt: "Chocolate Cake" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slices-tasty-pie-baking-dish-paper_23-2147802432.jpg", imageAlt: "Hazelnut Cake" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148801132.jpg", imageAlt: "Chocolate Cake" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "📞 Call Now to Order", href: "tel:+919815917837" },
|
||||
@@ -83,16 +84,16 @@ export default function LandingPage() {
|
||||
id: "2", name: "Red Velvet Cake", price: "₹250-₹450", variant: "Classic • Eggless Option", imageSrc: "http://img.b2bpic.net/free-photo/amazing-red-petals-fresh-bloom_23-2148060426.jpg", imageAlt: "Red Velvet Cake"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Chocolate Layer Cake", price: "₹200-₹400", variant: "Most Popular • Dark Chocolate", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148801132.jpg?_wi=2", imageAlt: "Chocolate Cake"
|
||||
id: "3", name: "Chocolate Layer Cake", price: "₹200-₹400", variant: "Most Popular • Dark Chocolate", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148801132.jpg", imageAlt: "Chocolate Cake"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Hazelnut Cake", price: "₹300-₹550", variant: "Premium • Nutella Layers", imageSrc: "http://img.b2bpic.net/free-photo/slices-tasty-pie-baking-dish-paper_23-2147802432.jpg?_wi=2", imageAlt: "Hazelnut Cake"
|
||||
id: "4", name: "Hazelnut Cake", price: "₹300-₹550", variant: "Premium • Nutella Layers", imageSrc: "http://img.b2bpic.net/free-photo/slices-tasty-pie-baking-dish-paper_23-2147802432.jpg", imageAlt: "Hazelnut Cake"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Rainbow Cake", price: "₹350-₹600", variant: "Festive • Customizable Colors", imageSrc: "http://img.b2bpic.net/free-photo/happy-birthday-cake-table_1339-8337.jpg?_wi=2", imageAlt: "Rainbow Cake"
|
||||
id: "5", name: "Rainbow Cake", price: "₹350-₹600", variant: "Festive • Customizable Colors", imageSrc: "http://img.b2bpic.net/free-photo/happy-birthday-cake-table_1339-8337.jpg", imageAlt: "Rainbow Cake"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Photo Cake", price: "₹400-₹700", variant: "Custom Image • High Quality Print", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cakes_74190-3881.jpg?_wi=2", imageAlt: "Photo Cake"
|
||||
id: "6", name: "Photo Cake", price: "₹400-₹700", variant: "Custom Image • High Quality Print", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cakes_74190-3881.jpg", imageAlt: "Photo Cake"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -151,22 +152,22 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Priya Sharma", handle: "@priya_sharma92", testimonial: "Best quality cakes, pastries and other products. The custom cake for my daughter's birthday was absolutely perfect!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg?_wi=1", imageAlt: "Priya Sharma"
|
||||
id: "1", name: "Priya Sharma", handle: "@priya_sharma92", testimonial: "Best quality cakes, pastries and other products. The custom cake for my daughter's birthday was absolutely perfect!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg", imageAlt: "Priya Sharma"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Rajesh Kumar", handle: "@rajesh_k_27", testimonial: "Good variety and reasonable price. The eggless cake is delicious and fresh. Highly recommend for all occasions!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg?_wi=2", imageAlt: "Rajesh Kumar"
|
||||
id: "2", name: "Rajesh Kumar", handle: "@rajesh_k_27", testimonial: "Good variety and reasonable price. The eggless cake is delicious and fresh. Highly recommend for all occasions!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg", imageAlt: "Rajesh Kumar"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Ananya Verma", handle: "@ananya_bakes_", testimonial: "Ordered a photo cake for my anniversary. The quality of print and taste was exceptional. Will definitely order again!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg?_wi=3", imageAlt: "Ananya Verma"
|
||||
id: "3", name: "Ananya Verma", handle: "@ananya_bakes_", testimonial: "Ordered a photo cake for my anniversary. The quality of print and taste was exceptional. Will definitely order again!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg", imageAlt: "Ananya Verma"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Vikram Singh", handle: "@vikram_desserts", testimonial: "Same-day delivery is fantastic! Got my birthday cake within 2 hours. Fresh, delicious, and beautifully decorated.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg?_wi=4", imageAlt: "Vikram Singh"
|
||||
id: "4", name: "Vikram Singh", handle: "@vikram_desserts", testimonial: "Same-day delivery is fantastic! Got my birthday cake within 2 hours. Fresh, delicious, and beautifully decorated.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg", imageAlt: "Vikram Singh"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Deepika Malhotra", handle: "@deepika_events", testimonial: "Ordered fondant cakes for my wedding. The team did an amazing job with customization. Very professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg?_wi=5", imageAlt: "Deepika Malhotra"
|
||||
id: "5", name: "Deepika Malhotra", handle: "@deepika_events", testimonial: "Ordered fondant cakes for my wedding. The team did an amazing job with customization. Very professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg", imageAlt: "Deepika Malhotra"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Harpreet Kaur", handle: "@harpreet_k_bakes", testimonial: "The rainbow cake was a hit at my son's birthday. Beautiful colors, great taste, and friendly staff. Worth every rupee!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg?_wi=6", imageAlt: "Harpreet Kaur"
|
||||
id: "6", name: "Harpreet Kaur", handle: "@harpreet_k_bakes", testimonial: "The rainbow cake was a hit at my son's birthday. Beautiful colors, great taste, and friendly staff. Worth every rupee!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-africanamerican-girl-holding-piece-cake-smiling-standing-yellow-backgro_1258-137636.jpg", imageAlt: "Harpreet Kaur"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -1,51 +1,40 @@
|
||||
"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;
|
||||
fill?: string;
|
||||
dominantBaseline?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
|
||||
}
|
||||
|
||||
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 = 32,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
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 ${text.length * fontSize} ${fontSize * 1.5}`}
|
||||
className={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={fontSize / 2}
|
||||
y={fontSize * 0.75}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user