Update src/app/page.tsx
This commit is contained in:
281
src/app/page.tsx
281
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Coffee, Smile, Star, Utensils } from "lucide-react";
|
||||
import { Award, Coffee, Smile, Star, Utensils, Leaf, ChefHat, Zap, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Our Story", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Atlanta Breakfast Club"
|
||||
/>
|
||||
@@ -48,18 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Taste the Soul of Atlanta"
|
||||
description="Experience breakfast perfected. From fluffy pancakes to signature savory favorites, every bite is a tribute to southern tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-tea-light_140725-121025.jpg?_wi=1"
|
||||
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-tea-light_140725-121025.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -68,21 +56,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Tradition"
|
||||
metrics={[
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Years Served",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Local Awards",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Daily Visitors",
|
||||
value: "500+",
|
||||
},
|
||||
{ icon: Utensils, label: "Years Served", value: "10+" },
|
||||
{ icon: Award, label: "Local Awards", value: "50+" },
|
||||
{ icon: Coffee, label: "Daily Visitors", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -95,42 +71,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Southern Grits",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-fried-egg-bacon-salad-toast-gray-ceramic-plate_23-2148067161.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Fluffy Stacks",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/served-meal-tray_23-2147693534.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Shrimp & Savory Grits",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement-top-view_23-2148847471.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Berried French Toast",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sunrise Brewed Coffee",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composed-healthy-meal-morning_23-2147693550.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Country Biscuits & Gravy",
|
||||
price: "$11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup_1339-5041.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Southern Grits", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-fried-egg-bacon-salad-toast-gray-ceramic-plate_23-2148067161.jpg" },
|
||||
{ id: "p2", name: "Signature Fluffy Stacks", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/served-meal-tray_23-2147693534.jpg" },
|
||||
{ id: "p3", name: "Shrimp & Savory Grits", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement-top-view_23-2148847471.jpg" },
|
||||
{ id: "p4", name: "Berried French Toast", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
|
||||
{ id: "p5", name: "Sunrise Brewed Coffee", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/composed-healthy-meal-morning_23-2147693550.jpg" },
|
||||
{ id: "p6", name: "Country Biscuits & Gravy", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup_1339-5041.jpg" },
|
||||
]}
|
||||
title="Signature Breakfasts"
|
||||
description="Explore our curated selection of morning classics."
|
||||
@@ -142,34 +88,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm to Table",
|
||||
description: "Sourced locally for maximum flavor.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-galette-composition-tasty-food-concept-space-text_185193-109035.jpg",
|
||||
imageAlt: "Fruit galette composition for tasty food concept space for text",
|
||||
},
|
||||
{
|
||||
title: "Traditional Recipes",
|
||||
description: "Authentic taste in every dish.",
|
||||
buttonIcon: "ChefHat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-tea-light_140725-121025.jpg?_wi=2",
|
||||
imageAlt: "Fruit galette composition for tasty food concept space for text",
|
||||
},
|
||||
{
|
||||
title: "Fast Friendly Service",
|
||||
description: "We value your morning time.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-fried-egg-bacon-salad-toast-gray-ceramic-plate_23-2148067161.jpg?_wi=2",
|
||||
imageAlt: "Fruit galette composition for tasty food concept space for text",
|
||||
},
|
||||
{
|
||||
title: "Local Community",
|
||||
description: "Proudly serving Atlanta since day one.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/served-meal-tray_23-2147693534.jpg?_wi=2",
|
||||
imageAlt: "Fruit galette composition for tasty food concept space for text",
|
||||
},
|
||||
{ title: "Farm to Table", description: "Sourced locally for maximum flavor.", buttonIcon: Leaf, imageSrc: "http://img.b2bpic.net/free-photo/fruit-galette-composition-tasty-food-concept-space-text_185193-109035.jpg" },
|
||||
{ title: "Traditional Recipes", description: "Authentic taste in every dish.", buttonIcon: ChefHat, imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-pancakes-with-fruits-tea-light_140725-121025.jpg" },
|
||||
{ title: "Fast Friendly Service", description: "We value your morning time.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-fried-egg-bacon-salad-toast-gray-ceramic-plate_23-2148067161.jpg" },
|
||||
{ title: "Local Community", description: "Proudly serving Atlanta since day one.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/served-meal-tray_23-2147693534.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We blend quality ingredients with southern hospitality to create the perfect start to your day."
|
||||
@@ -182,24 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Smile,
|
||||
title: "Happy Guests",
|
||||
value: "100k+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Coffee,
|
||||
title: "Cups Poured",
|
||||
value: "1M+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{ id: "m1", icon: Smile, title: "Happy Guests", value: "100k+" },
|
||||
{ id: "m2", icon: Coffee, title: "Cups Poured", value: "1M+" },
|
||||
{ id: "m3", icon: Star, title: "Rating", value: "4.9" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Thousands served with joy."
|
||||
@@ -210,61 +117,16 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="scale-rotate"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Foodie",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/love-care-concept-lovely-couple-have-fun-together-caring-woman-feeds-husband-with-croissant_273609-8901.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael",
|
||||
role: "Visitor",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily",
|
||||
role: "Regular",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
role: "Critic",
|
||||
company: "FoodBlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/giving-cake-friend_23-2147716930.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica",
|
||||
role: "Diner",
|
||||
company: "Atlanta",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-cup-coffee_23-2149003925.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "Foodie", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/love-care-concept-lovely-couple-have-fun-together-caring-woman-feeds-husband-with-croissant_273609-8901.jpg" },
|
||||
{ id: "2", name: "Michael", role: "Visitor", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg" },
|
||||
{ id: "3", name: "Emily", role: "Regular", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "10k+", label: "Reviews" },
|
||||
{ value: "99%", label: "Satisfaction" },
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Don't just take our word for it."
|
||||
@@ -276,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "We operate on a first-come, first-served basis for breakfast.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your menu vegan friendly?",
|
||||
content: "We offer several plant-based options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open 7 days a week.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "We operate on a first-come, first-served basis for breakfast." },
|
||||
{ id: "f2", title: "Is your menu vegan friendly?", content: "We offer several plant-based options." },
|
||||
{ id: "f3", title: "Are you open on weekends?", content: "Yes, we are open 7 days a week." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our dining experience."
|
||||
@@ -304,21 +154,10 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="We love hearing from our guests. Drop us a line for feedback or special event inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -326,36 +165,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Atlanta Breakfast Club",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Atlanta Breakfast Club", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Atlanta Breakfast Club."
|
||||
bottomRightText="Built with love in Atlanta."
|
||||
|
||||
Reference in New Issue
Block a user