Update src/app/contact/page.tsx
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from 'next/link';
|
||||
import { Sparkles, MapPin } from 'lucide-react';
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import { Sparkles, MapPin } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
@@ -22,21 +22,19 @@ export default function ContactPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Order Online", href: "order" }}
|
||||
brandName="Leavity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Hero */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
title="Get In Touch"
|
||||
@@ -47,24 +45,23 @@ export default function ContactPage() {
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=4", imageAlt: "Golden sourdough crust and artisan bread baking"
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=4", imageAlt: "Golden sourdough crust and artisan bread baking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=3", imageAlt: "Specialty coffee with care and precision"
|
||||
}
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/assorted-biscuits-candies-cup-tea-gray-surface_114579-20936.jpg?_wi=3", imageAlt: "Specialty coffee with care and precision"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Loved by Salt Lake City"
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "#contact" },
|
||||
{ text: "Call Us", href: "#contact" }
|
||||
{ text: "Call Us", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Location & Hours */}
|
||||
<div id="location" data-section="location">
|
||||
<MetricSplitMediaAbout
|
||||
title="Visit Leavity"
|
||||
@@ -74,7 +71,7 @@ export default function ContactPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ value: "Mon-Sun", title: "6 AM - 7 PM" },
|
||||
{ value: "365", title: "Days Fresh Bread" }
|
||||
{ value: "365", title: "Days Fresh Bread" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-mixing-flour_1170-2250.jpg?_wi=5"
|
||||
imageAlt="Leavity Bread & Coffee location and storefront"
|
||||
@@ -84,7 +81,6 @@ export default function ContactPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* CTA */}
|
||||
<div id="cta" data-section="cta">
|
||||
<MetricSplitMediaAbout
|
||||
title="Experience Bread The Way It Was Meant To Be"
|
||||
@@ -94,7 +90,7 @@ export default function ContactPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ value: "Salt Lake", title: "City Location" },
|
||||
{ value: "Fresh", title: "Every Morning" }
|
||||
{ value: "Fresh", title: "Every Morning" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/donuts-bagels-crackers-bakery-products-belarusian-food-products_132075-13054.jpg?_wi=2"
|
||||
imageAlt="Fresh daily breads and pastries at Leavity"
|
||||
@@ -104,7 +100,6 @@ export default function ContactPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Leavity Bread & Coffee"
|
||||
@@ -112,28 +107,28 @@ export default function ContactPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Order Online", href: "#contact" },
|
||||
{ label: "Catering", href: "#contact" }
|
||||
]
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Order Online", href: "/contact" },
|
||||
{ label: "Catering", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leavity", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Our Philosophy", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user