Merge version_1 into main #2
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -43,8 +43,8 @@ export default function LandingPage() {
|
||||
title="🎂 The Most Ridiculously Good Cakes in Town"
|
||||
description="Handmade. Super fresh. Dangerously delicious. Every cake is crafted with love, attention to detail, and a little bit of punk attitude."
|
||||
tag="Serious cakes with a punk attitude"
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg?_wi=1"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg"
|
||||
imageAlt="Huge dripping chocolate cake with sprinkles and neon accents"
|
||||
buttons={[
|
||||
{ text: "👉 Order on WhatsApp", href: "https://wa.me" },
|
||||
@@ -90,10 +90,10 @@ export default function LandingPage() {
|
||||
id: "1", name: "Chocolate Volcano Cake", price: "R$ 45", variant: "Rich chocolate cake exploding with creamy filling", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-ice-cream-whipped-cream_1339-4968.jpg", imageAlt: "Chocolate Volcano Cake"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Punky Chocolate Cones", price: "R$ 28", variant: "Crunchy cones loaded with chocolate, toppings, and happiness", imageSrc: "http://img.b2bpic.net/free-photo/empty-ice-cream-waffle-cones-colored-background_23-2148149417.jpg?_wi=1", imageAlt: "Punky Chocolate Cones"
|
||||
id: "2", name: "Punky Chocolate Cones", price: "R$ 28", variant: "Crunchy cones loaded with chocolate, toppings, and happiness", imageSrc: "http://img.b2bpic.net/free-photo/empty-ice-cream-waffle-cones-colored-background_23-2148149417.jpg", imageAlt: "Punky Chocolate Cones"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Moist Classic Cakes", price: "R$ 32", variant: "Soft, cold, and ridiculously juicy cakes", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-with-ice-cream-balls-glass-tea_114579-2188.jpg?_wi=1", imageAlt: "Moist Classic Cakes"
|
||||
id: "3", name: "Moist Classic Cakes", price: "R$ 32", variant: "Soft, cold, and ridiculously juicy cakes", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-with-ice-cream-balls-glass-tea_114579-2188.jpg", imageAlt: "Moist Classic Cakes"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Party Boxes", price: "R$ 120", variant: "Mixed boxes perfect for birthdays, gifts, or 'I deserve this'", imageSrc: "http://img.b2bpic.net/free-photo/party-cupcakes-with-candles_23-2149023526.jpg", imageAlt: "Party Boxes"
|
||||
@@ -112,7 +112,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Made With Passion", description: "You can taste the love in every bite. Our team pours their hearts into every creation, ensuring quality and flavor exceed expectations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg?_wi=2" },
|
||||
id: "1", title: "Made With Passion", description: "You can taste the love in every bite. Our team pours their hearts into every creation, ensuring quality and flavor exceed expectations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg" },
|
||||
items: [
|
||||
{ icon: Heart, text: "Handcrafted with care" },
|
||||
{ icon: Sparkles, text: "Love in every bite" },
|
||||
@@ -121,7 +121,7 @@ export default function LandingPage() {
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Always Fresh", description: "Our cakes taste like they just came out of the kitchen because they often do. We maintain strict freshness standards to guarantee the best experience.", media: { imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-with-ice-cream-balls-glass-tea_114579-2188.jpg?_wi=2" },
|
||||
id: "2", title: "Always Fresh", description: "Our cakes taste like they just came out of the kitchen because they often do. We maintain strict freshness standards to guarantee the best experience.", media: { imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-cake-with-ice-cream-balls-glass-tea_114579-2188.jpg" },
|
||||
items: [
|
||||
{ icon: Snowflake, text: "Fresh daily" },
|
||||
{ icon: Clock, text: "Just made" },
|
||||
@@ -130,7 +130,7 @@ export default function LandingPage() {
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Attention to Detail", description: "From decoration to flavor balance, every element is perfected. We believe excellence lives in the details.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-ice-cream-waffle-cones-colored-background_23-2148149417.jpg?_wi=2" },
|
||||
id: "3", title: "Attention to Detail", description: "From decoration to flavor balance, every element is perfected. We believe excellence lives in the details.", media: { imageSrc: "http://img.b2bpic.net/free-photo/empty-ice-cream-waffle-cones-colored-background_23-2148149417.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Meticulous execution" },
|
||||
{ icon: Eye, text: "Perfect presentation" },
|
||||
@@ -161,7 +161,7 @@ export default function LandingPage() {
|
||||
title="Life Is Short. Eat The Cake."
|
||||
description="Thousands of happy customers already discovered PunkyCake. Now it's your turn to experience something ridiculously good. Sweet chaos. Perfect flavor. Pure rebellion against ordinary desserts."
|
||||
tag="Final Call to Action"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/slices-chocolate-cake-wooden-board-piece-sack-with-cinnamon-sticks-forks-high-angle-view-white-background_176474-4640.jpg"
|
||||
imageAlt="Irresistible chocolate cake"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
|
||||
@@ -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;
|
||||
textClassName?: 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,
|
||||
className = "", textClassName = ""}) => {
|
||||
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 50"
|
||||
className={`w-auto h-8 ${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="central"
|
||||
className={`text-lg font-bold ${textClassName}`}
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user