Merge version_1 into main #2
187
src/app/page.tsx
187
src/app/page.tsx
@@ -19,7 +19,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -35,9 +35,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+1-479-824-3724",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+1-479-824-3724"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -45,20 +43,16 @@ export default function HomePage() {
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="I BurgerLand"
|
||||
description="Lincoln's Favorite Burger Spot. Fresh burgers. Friendly service. Made to order."
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1-479-824-3724",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1-479-824-3724"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "View Menu", href: "/menu"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-burger-with-olives-cheese-different-vegetables-inside-round-pan-bright-floor_140725-11674.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-burger-with-olives-cheese-different-vegetables-inside-round-pan-bright-floor_140725-11674.jpg"
|
||||
imageAlt="Fresh made-to-order burger"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
@@ -73,16 +67,12 @@ export default function HomePage() {
|
||||
description="Since opening our doors, I BurgerLand has been committed to serving the freshest, highest-quality burgers made to order. We pride ourselves on our friendly staff, quick drive-through service, and cozy diner atmosphere that keeps customers coming back."
|
||||
metrics={[
|
||||
{
|
||||
value: "460+",
|
||||
title: "Customer Reviews",
|
||||
},
|
||||
value: "460+", title: "Customer Reviews"},
|
||||
{
|
||||
value: "4.5★",
|
||||
title: "Average Rating",
|
||||
},
|
||||
value: "4.5★", title: "Average Rating"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-boys-girls-bar_641386-35.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-boys-girls-bar_641386-35.jpg"
|
||||
imageAlt="I BurgerLand restaurant interior"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -93,26 +83,14 @@ export default function HomePage() {
|
||||
<FeatureCardTwentyThree
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Huge Fresh Burgers",
|
||||
tags: ["Made to Order", "Premium Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238519.jpg?_wi=1",
|
||||
imageAlt: "huge homemade burger thick patty lettuce tomato",
|
||||
},
|
||||
id: "1", title: "Huge Fresh Burgers", tags: ["Made to Order", "Premium Quality"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-black-burger-fries-wooden-board_23-2148238519.jpg", imageAlt: "huge homemade burger thick patty lettuce tomato"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Drive-Through Service",
|
||||
tags: ["Quick Pickup", "Convenient"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-enjoying-takeaway-food-street_23-2149025841.jpg?_wi=1",
|
||||
imageAlt: "fast food drive through window service",
|
||||
},
|
||||
id: "2", title: "Fast Drive-Through Service", tags: ["Quick Pickup", "Convenient"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-enjoying-takeaway-food-street_23-2149025841.jpg", imageAlt: "fast food drive through window service"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Friendly Local Staff",
|
||||
tags: ["Community Focused", "Welcoming"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-woman-coffee-shop-standing-by-bartender_1303-31235.jpg?_wi=1",
|
||||
imageAlt: "friendly restaurant staff smiling employees helpful",
|
||||
},
|
||||
id: "3", title: "Friendly Local Staff", tags: ["Community Focused", "Welcoming"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-woman-coffee-shop-standing-by-bartender_1303-31235.jpg", imageAlt: "friendly restaurant staff smiling employees helpful"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
title="Why Locals Love Us"
|
||||
@@ -126,26 +104,11 @@ export default function HomePage() {
|
||||
<ProductCardOne
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Cheeseburger",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-with-meat-tomatoes-green-salad-dark-background-fast-food-meal-snack-french-fries-dinner-dish-sandwich_140725-156237.jpg?_wi=1",
|
||||
imageAlt: "classic cheeseburger melted cheese beef patty",
|
||||
},
|
||||
id: "1", name: "Classic Cheeseburger", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-with-meat-tomatoes-green-salad-dark-background-fast-food-meal-snack-french-fries-dinner-dish-sandwich_140725-156237.jpg", imageAlt: "classic cheeseburger melted cheese beef patty"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bacon Patty Melt",
|
||||
price: "$11.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37145.jpg?_wi=1",
|
||||
imageAlt: "bacon patty melt sandwich grilled bread crispy",
|
||||
},
|
||||
id: "2", name: "Bacon Patty Melt", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37145.jpg", imageAlt: "bacon patty melt sandwich grilled bread crispy"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Crispy Onion Rings",
|
||||
price: "$4.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fastfood-arrangement_23-2149235969.jpg?_wi=1",
|
||||
imageAlt: "crispy golden onion rings fried appetizer",
|
||||
},
|
||||
id: "3", name: "Crispy Onion Rings", price: "$4.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fastfood-arrangement_23-2149235969.jpg", imageAlt: "crispy golden onion rings fried appetizer"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -160,53 +123,17 @@ export default function HomePage() {
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Local Customer",
|
||||
testimonial: "Very good service, good food and super friendly staff. We love coming here!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-122910.jpg",
|
||||
imageAlt: "professional headshot woman smiling friendly",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "Local Customer", testimonial: "Very good service, good food and super friendly staff. We love coming here!", imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-122910.jpg", imageAlt: "professional headshot woman smiling friendly"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Rodriguez",
|
||||
handle: "Burger Enthusiast",
|
||||
testimonial: "Best burgers in Lincoln by far. The quality is incredible and they remember our order!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-businessman-with-teammate-background_1098-1208.jpg",
|
||||
imageAlt: "professional headshot man smiling casual",
|
||||
},
|
||||
id: "2", name: "Michael Rodriguez", handle: "Burger Enthusiast", testimonial: "Best burgers in Lincoln by far. The quality is incredible and they remember our order!", imageSrc: "http://img.b2bpic.net/free-photo/smart-businessman-with-teammate-background_1098-1208.jpg", imageAlt: "professional headshot man smiling casual"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "Regular Visitor",
|
||||
testimonial: "Drive-through is always quick. Perfect for lunch breaks. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-surface-office-audience_78826-2391.jpg",
|
||||
imageAlt: "professional headshot woman asian smiling",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "Regular Visitor", testimonial: "Drive-through is always quick. Perfect for lunch breaks. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-surface-office-audience_78826-2391.jpg", imageAlt: "professional headshot woman asian smiling"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Martinez",
|
||||
handle: "Family of Four",
|
||||
testimonial: "Great place for family dinners. Fresh, delicious, and the staff is amazing with our kids.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-shirt-isolated-grey-background_613910-15762.jpg",
|
||||
imageAlt: "professional headshot man hispanic friendly",
|
||||
},
|
||||
id: "4", name: "David Martinez", handle: "Family of Four", testimonial: "Great place for family dinners. Fresh, delicious, and the staff is amazing with our kids.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-shirt-isolated-grey-background_613910-15762.jpg", imageAlt: "professional headshot man hispanic friendly"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Williams",
|
||||
handle: "First-Time Visitor",
|
||||
testimonial: "What an amazing find! The cozy atmosphere and homemade feel is exactly what I was looking for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-intern-starting-her-career_1262-17047.jpg",
|
||||
imageAlt: "professional headshot woman blonde friendly",
|
||||
},
|
||||
id: "5", name: "Jessica Williams", handle: "First-Time Visitor", testimonial: "What an amazing find! The cozy atmosphere and homemade feel is exactly what I was looking for.", imageSrc: "http://img.b2bpic.net/free-photo/happy-intern-starting-her-career_1262-17047.jpg", imageAlt: "professional headshot woman blonde friendly"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Thompson",
|
||||
handle: "Frequent Customer",
|
||||
testimonial: "5 stars every time. I've been coming here for years and they never disappoint!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sweater-holding-cup-hands_23-2148414845.jpg",
|
||||
imageAlt: "professional headshot man mature friendly",
|
||||
},
|
||||
id: "6", name: "James Thompson", handle: "Frequent Customer", testimonial: "5 stars every time. I've been coming here for years and they never disappoint!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sweater-holding-cup-hands_23-2148414845.jpg", imageAlt: "professional headshot man mature friendly"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="What Our Customers Say"
|
||||
@@ -223,32 +150,21 @@ export default function HomePage() {
|
||||
description="Stop by for the best burgers in Lincoln, or give us a call to place your order for pickup."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your catering needs or special request...",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Tell us about your catering needs or special request...", rows: 5,
|
||||
required: false,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-hotel-booking-concept_23-2148152315.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-hotel-booking-concept_23-2148152315.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Request"
|
||||
@@ -260,54 +176,33 @@ export default function HomePage() {
|
||||
logoText="I BurgerLand"
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Thu: 10am - 9pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Thu: 10am - 9pm", href: "#"},
|
||||
{
|
||||
label: "Fri-Sat: 10am - 10pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fri-Sat: 10am - 10pm", href: "#"},
|
||||
{
|
||||
label: "Sunday: 11am - 8pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sunday: 11am - 8pm", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: (479) 824-3724",
|
||||
href: "tel:+1-479-824-3724",
|
||||
},
|
||||
label: "Call: (479) 824-3724", href: "tel:+1-479-824-3724"},
|
||||
{
|
||||
label: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Get Directions", href: "#"},
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
label: "Order Online", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Menu", href: "/menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -1,50 +1,47 @@
|
||||
"use client";
|
||||
import React from "react";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
export interface SvgTextLogoProps {
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontFamily?: string;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
textAnchor?: "start" | "middle" | "end";
|
||||
dominantBaseline?: "hanging" | "middle" | "auto";
|
||||
}
|
||||
|
||||
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"
|
||||
}}
|
||||
const SvgTextLogo = React.forwardRef<SVGSVGElement, SvgTextLogoProps>(
|
||||
(
|
||||
{
|
||||
text,
|
||||
className = "", fontSize = 48,
|
||||
fontFamily = "system-ui, -apple-system, sans-serif", fontWeight = "bold", fill = "currentColor", textAnchor = "middle", dominantBaseline = "middle"},
|
||||
ref
|
||||
) => {
|
||||
return (
|
||||
<svg
|
||||
ref={ref}
|
||||
viewBox="0 0 1000 200"
|
||||
className={className}
|
||||
aria-label={text}
|
||||
>
|
||||
{logoText}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
<text
|
||||
x="500"
|
||||
y="100"
|
||||
fontSize={fontSize}
|
||||
fontFamily={fontFamily}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
textAnchor={textAnchor}
|
||||
dominantBaseline={dominantBaseline}
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user