Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-10 23:31:56 +00:00
2 changed files with 38 additions and 60 deletions

View File

@@ -45,7 +45,7 @@ export default function LandingPage() {
<HeroBillboardRotatedCarousel
title="Legendary Burgers. Gig Harbor's Finest."
description="Huge juicy burgers packed with flavor, famous herb shoestring fries, and craft drinks. A cozy local favorite that people drive across Washington for."
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
tag="Now Open"
tagIcon={Flame}
tagAnimation="slide-up"
@@ -56,11 +56,11 @@ export default function LandingPage() {
buttonAnimation="slide-up"
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-fast-food-burgers-wooden-trays-outdoor_169016-48355.jpg", imageAlt: "Juicy gourmet burger" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg?_wi=1", imageAlt: "Bacon cheddar burger" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-wooden-table_23-2148374899.jpg?_wi=1", imageAlt: "Herb shoestring fries" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-beet-salad-round-shaped-green-salad-light-background_140725-94902.jpg?_wi=1", imageAlt: "Pastrami slaw burger" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-fries-wooden-board_23-2148238501.jpg?_wi=1", imageAlt: "Teriyaki pineapple burger" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-oh-hands-holding-glass-milkshake_23-2148296043.jpg?_wi=1", imageAlt: "Creamy milkshake" }
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg", imageAlt: "Bacon cheddar burger" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-wooden-table_23-2148374899.jpg", imageAlt: "Herb shoestring fries" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-beet-salad-round-shaped-green-salad-light-background_140725-94902.jpg", imageAlt: "Pastrami slaw burger" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-fries-wooden-board_23-2148238501.jpg", imageAlt: "Teriyaki pineapple burger" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-oh-hands-holding-glass-milkshake_23-2148296043.jpg", imageAlt: "Creamy milkshake" }
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -82,27 +82,27 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "Signature", name: "Bacon Cheddar Burger", price: "$14.99", rating: 5,
reviewCount: "240+", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg?_wi=2", imageAlt: "Bacon cheddar burger with melted cheese"
reviewCount: "240+", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg", imageAlt: "Bacon cheddar burger with melted cheese"
},
{
id: "2", brand: "Specialty", name: "Pastrami Slaw Burger", price: "$15.99", rating: 5,
reviewCount: "185+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-beet-salad-round-shaped-green-salad-light-background_140725-94902.jpg?_wi=2", imageAlt: "Pastrami burger with slaw and Russian dressing"
reviewCount: "185+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-beet-salad-round-shaped-green-salad-light-background_140725-94902.jpg", imageAlt: "Pastrami burger with slaw and Russian dressing"
},
{
id: "3", brand: "Specialty", name: "Mushroom Swiss Burger", price: "$14.99", rating: 5,
reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg?_wi=3", imageAlt: "Portobello mushroom and Swiss cheese burger"
reviewCount: "156+", imageSrc: "http://img.b2bpic.net/free-photo/meat-salad-fast-grilled-burger_1203-4258.jpg", imageAlt: "Portobello mushroom and Swiss cheese burger"
},
{
id: "4", brand: "Specialty", name: "Teriyaki Pineapple Burger", price: "$15.99", rating: 5,
reviewCount: "198+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-fries-wooden-board_23-2148238501.jpg?_wi=2", imageAlt: "Teriyaki glazed burger with grilled pineapple"
reviewCount: "198+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-fries-wooden-board_23-2148238501.jpg", imageAlt: "Teriyaki glazed burger with grilled pineapple"
},
{
id: "5", brand: "Side", name: "Herb Shoestring Fries", price: "$5.99", rating: 5,
reviewCount: "312+", imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-wooden-table_23-2148374899.jpg?_wi=2", imageAlt: "Crispy herb rosemary shoestring fries"
reviewCount: "312+", imageSrc: "http://img.b2bpic.net/free-photo/yummy-french-fries-wooden-table_23-2148374899.jpg", imageAlt: "Crispy herb rosemary shoestring fries"
},
{
id: "6", brand: "Beverage", name: "Craft Milkshakes", price: "$6.99", rating: 5,
reviewCount: "267+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-oh-hands-holding-glass-milkshake_23-2148296043.jpg?_wi=2", imageAlt: "Creamy milkshake with whipped cream"
reviewCount: "267+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-oh-hands-holding-glass-milkshake_23-2148296043.jpg", imageAlt: "Creamy milkshake with whipped cream"
}
]}
/>
@@ -166,20 +166,16 @@ export default function LandingPage() {
animationType="slide-up"
testimonials={[
{
id: "1", name: "Aidan Fox-Bailey", role: "Local Visitor", company: "Gig Harbor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageAlt: "Aidan Fox-Bailey portrait"
id: "1", name: "Aidan Fox-Bailey", role: "Local Visitor", company: "Gig Harbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageAlt: "Aidan Fox-Bailey portrait"
},
{
id: "2", name: "David Schanhals", role: "Food Enthusiast", company: "Washington", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", imageAlt: "David Schanhals portrait"
id: "2", name: "David Schanhals", role: "Food Enthusiast", company: "Washington", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg", imageAlt: "David Schanhals portrait"
},
{
id: "3", name: "Ava Carlson", role: "Family Diner", company: "Frequent Guest", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Ava Carlson portrait"
id: "3", name: "Ava Carlson", role: "Family Diner", company: "Frequent Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Ava Carlson portrait"
},
{
id: "4", name: "Joe Roush", role: "Regular Customer", company: "Gig Harbor", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-knitted-hat-sitting-against-yellow-surface_23-2148204634.jpg", imageAlt: "Joe Roush portrait"
id: "4", name: "Joe Roush", role: "Regular Customer", company: "Gig Harbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-knitted-hat-sitting-against-yellow-surface_23-2148204634.jpg", imageAlt: "Joe Roush portrait"
}
]}
kpiItems={[
@@ -197,7 +193,7 @@ export default function LandingPage() {
description="Order online for takeout, delivery, or dine-in. We prepare fresh burgers made-to-order. Delivery available within Gig Harbor and surrounding areas."
tagIcon={ShoppingCart}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg"
imageAlt="Delicious gourmet burger ready to order"

View File

@@ -1,51 +1,33 @@
"use client";
import { SVGProps } from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text,
className = '',
...props
}: SvgTextLogoProps) {
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 1200 200"
xmlns="http://www.w3.org/2000/svg"
className={className}
{...props}
>
<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="600"
y="120"
textAnchor="middle"
dominantBaseline="middle"
fontSize="96"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}