Compare commits
21 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 36710d0dca | |||
| fb91f967a2 | |||
| 773bad05a8 | |||
| 47e843f1e4 | |||
| b338d064ce | |||
| f3d95fde77 | |||
| bece4ed275 | |||
| f499816748 | |||
| b98daa9ce1 | |||
| f3a7d40484 | |||
| 198efe04b5 | |||
| 553b0b678f | |||
| a0832d4d6b | |||
| f5212a29da | |||
| 88bd34526b | |||
| 5987f6b2a8 | |||
| 7af8a58e3b | |||
| 593a8f6a88 | |||
| 2e3162686c | |||
| 2ff769e4d2 | |||
| d0c20a7ba7 |
@@ -10,11 +10,11 @@ import { Sparkles, MapPin } from "lucide-react";
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "/menu" },
|
||||||
{ name: "Order Online", id: "order-online" },
|
{ name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const footerColumns = [
|
const footerColumns = [
|
||||||
|
|||||||
@@ -10,11 +10,11 @@ import { MapPin, Zap } from "lucide-react";
|
|||||||
|
|
||||||
export default function ContactPage() {
|
export default function ContactPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "/menu" },
|
||||||
{ name: "Order Online", id: "order-online" },
|
{ name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const footerColumns = [
|
const footerColumns = [
|
||||||
|
|||||||
@@ -6,22 +6,10 @@ import "./globals.css";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
|
||||||
const halant = Halant({
|
|
||||||
variable: "--font-halant",
|
|
||||||
subsets: ["latin"],
|
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const manrope = Manrope({
|
|
||||||
variable: "--font-manrope",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Get Fruity Cafe - Fresh Smoothies & Healthy Eats in Conyers, GA",
|
title: "Get Fruity Cafe - Fresh Smoothies & Healthy Eats in Conyers, GA",
|
||||||
@@ -56,6 +44,15 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const openSans = Open_Sans({
|
||||||
|
variable: "--font-open-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
@@ -64,9 +61,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body className={`${inter.variable} ${openSans.variable} antialiased`}>
|
||||||
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -11,11 +11,11 @@ import Link from "next/link";
|
|||||||
|
|
||||||
export default function MenuPage() {
|
export default function MenuPage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "/menu" },
|
||||||
{ name: "Order Online", id: "order-online" },
|
{ name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const footerColumns = [
|
const footerColumns = [
|
||||||
|
|||||||
@@ -10,11 +10,11 @@ import { ShoppingCart, Zap } from "lucide-react";
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "/menu" },
|
||||||
{ name: "Order Online", id: "order-online" },
|
{ name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const footerColumns = [
|
const footerColumns = [
|
||||||
|
|||||||
@@ -14,11 +14,11 @@ import { Leaf, Star, Sparkles, MapPin, Zap } from "lucide-react";
|
|||||||
|
|
||||||
export default function HomePage() {
|
export default function HomePage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "/menu" },
|
||||||
{ name: "Order Online", id: "order-online" },
|
{ name: "Order Online", id: "https://get-fruity-cafe-conyers.food-menu.net/menu/" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "/about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
];
|
];
|
||||||
|
|
||||||
const footerColumns = [
|
const footerColumns = [
|
||||||
@@ -101,13 +101,6 @@ export default function HomePage() {
|
|||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
ariaLabel="Get Fruity Cafe Hero Section"
|
ariaLabel="Get Fruity Cafe Hero Section"
|
||||||
containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
|
|
||||||
textBoxClassName="max-w-2xl"
|
|
||||||
titleClassName="text-3xl sm:text-4xl md:text-5xl lg:text-6xl leading-tight"
|
|
||||||
descriptionClassName="text-base sm:text-lg md:text-xl leading-relaxed mt-4 sm:mt-6"
|
|
||||||
buttonContainerClassName="flex flex-col sm:flex-row gap-3 sm:gap-4 mt-6 sm:mt-8"
|
|
||||||
mediaWrapperClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 mt-8 sm:mt-12"
|
|
||||||
imageClassName="w-full h-64 sm:h-72 md:h-80 lg:h-96 object-cover rounded-lg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -146,15 +139,6 @@ export default function HomePage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
|
|
||||||
textBoxClassName="mb-8 sm:mb-12"
|
|
||||||
textBoxTitleClassName="text-3xl sm:text-4xl md:text-5xl"
|
|
||||||
textBoxDescriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
|
|
||||||
gridClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 md:gap-8"
|
|
||||||
cardClassName="rounded-lg overflow-hidden"
|
|
||||||
imageClassName="w-full h-48 sm:h-56 md:h-64 object-cover"
|
|
||||||
cardNameClassName="text-base sm:text-lg font-semibold mt-3 sm:mt-4"
|
|
||||||
cardPriceClassName="text-sm sm:text-base font-semibold mt-2"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -187,16 +171,6 @@ export default function HomePage() {
|
|||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
|
|
||||||
textBoxClassName="mb-8 sm:mb-12"
|
|
||||||
textBoxTitleClassName="text-3xl sm:text-4xl md:text-5xl"
|
|
||||||
textBoxDescriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
|
|
||||||
gridClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 md:gap-8"
|
|
||||||
cardClassName="rounded-lg overflow-hidden"
|
|
||||||
mediaClassName="w-full h-48 sm:h-56 md:h-64 object-cover"
|
|
||||||
cardTitleClassName="text-lg sm:text-xl font-semibold mt-3 sm:mt-4"
|
|
||||||
tagsContainerClassName="flex flex-wrap gap-2 mt-2 sm:mt-3"
|
|
||||||
tagClassName="text-xs sm:text-sm px-2 sm:px-3 py-1 rounded"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -220,18 +194,6 @@ export default function HomePage() {
|
|||||||
id: "4", title: "Amazing Healthy Meals", quote: "Perfect for post-workout nutrition. The wraps are filling, the smoothies are refreshing, and everything tastes premium.", name: "David K.", role: "Active Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "David, active lifestyle customer"
|
id: "4", title: "Amazing Healthy Meals", quote: "Perfect for post-workout nutrition. The wraps are filling, the smoothies are refreshing, and everything tastes premium.", name: "David K.", role: "Active Lifestyle", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "David, active lifestyle customer"
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
|
|
||||||
textBoxClassName="mb-8 sm:mb-12"
|
|
||||||
textBoxTitleClassName="text-3xl sm:text-4xl md:text-5xl"
|
|
||||||
textBoxDescriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
|
|
||||||
contentClassName="space-y-4 sm:space-y-6"
|
|
||||||
quoteCardClassName="rounded-lg p-4 sm:p-6 md:p-8"
|
|
||||||
testimonialTitleClassName="text-lg sm:text-xl font-semibold"
|
|
||||||
quoteClassName="text-base sm:text-lg italic mt-3 sm:mt-4"
|
|
||||||
nameClassName="text-sm sm:text-base font-semibold mt-4 sm:mt-6"
|
|
||||||
roleClassName="text-xs sm:text-sm mt-1"
|
|
||||||
mediaCardClassName="rounded-lg overflow-hidden mb-3 sm:mb-4"
|
|
||||||
mediaClassName="w-12 h-12 sm:w-14 sm:h-14 md:w-16 md:h-16 object-cover"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -254,13 +216,6 @@ export default function HomePage() {
|
|||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
className=""
|
|
||||||
textBoxClassName="max-w-2xl mb-8 sm:mb-12"
|
|
||||||
titleClassName="text-3xl sm:text-4xl md:text-5xl"
|
|
||||||
descriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
|
|
||||||
buttonContainerClassName="flex flex-col sm:flex-row gap-3 sm:gap-4 mt-6 sm:mt-8"
|
|
||||||
mediaWrapperClassName="mt-8 sm:mt-12"
|
|
||||||
mediaClassName="w-full h-64 sm:h-80 md:h-96 object-cover rounded-lg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -282,14 +237,6 @@ export default function HomePage() {
|
|||||||
inputPlaceholder="Enter your email for updates"
|
inputPlaceholder="Enter your email for updates"
|
||||||
buttonText="Start Ordering"
|
buttonText="Start Ordering"
|
||||||
termsText="By ordering, you agree to our Terms and Conditions."
|
termsText="By ordering, you agree to our Terms and Conditions."
|
||||||
containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
|
|
||||||
contentClassName="grid grid-cols-1 md:grid-cols-2 gap-8 sm:gap-12 items-center"
|
|
||||||
contactFormClassName="space-y-6 sm:space-y-8"
|
|
||||||
titleClassName="text-3xl sm:text-4xl md:text-5xl"
|
|
||||||
descriptionClassName="text-base sm:text-lg mt-3 sm:mt-4"
|
|
||||||
formWrapperClassName="mt-6 sm:mt-8"
|
|
||||||
mediaWrapperClassName="mt-8 sm:mt-12 md:mt-0"
|
|
||||||
mediaClassName="w-full h-64 sm:h-80 md:h-96 object-cover rounded-lg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -298,10 +245,6 @@ export default function HomePage() {
|
|||||||
columns={footerColumns}
|
columns={footerColumns}
|
||||||
bottomLeftText="© 2024 Get Fruity Cafe. All rights reserved."
|
bottomLeftText="© 2024 Get Fruity Cafe. All rights reserved."
|
||||||
bottomRightText="Privacy Policy | Terms of Service"
|
bottomRightText="Privacy Policy | Terms of Service"
|
||||||
containerClassName="px-4 sm:px-6 md:px-8 py-8 sm:py-12 md:py-16"
|
|
||||||
columnsClassName="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8 md:gap-12"
|
|
||||||
columnTitleClassName="text-base sm:text-lg font-semibold"
|
|
||||||
columnItemClassName="text-sm sm:text-base mt-2 sm:mt-3"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-manrope), sans-serif;
|
font-family: var(--font-open-sans), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-manrope), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user