10 Commits

Author SHA1 Message Date
08eb78a15d Switch to version 6: modified src/app/layout.tsx 2026-03-04 01:30:43 +00:00
f054b3dcb7 Merge version_6 into main
Merge version_6 into main
2026-03-04 01:25:08 +00:00
bd13670315 Update src/app/page.tsx 2026-03-04 01:25:03 +00:00
902a709c59 Update src/app/layout.tsx 2026-03-04 01:25:03 +00:00
48bdf4a38e Merge version_5 into main
Merge version_5 into main
2026-03-04 01:25:01 +00:00
e68cfc5e68 Update src/app/layout.tsx 2026-03-04 01:24:56 +00:00
db8e683c1d Merge version_4 into main
Merge version_4 into main
2026-03-04 01:22:13 +00:00
37a1ada2e3 Update src/app/page.tsx 2026-03-04 01:22:09 +00:00
745c9d69ba Update src/app/layout.tsx 2026-03-04 01:22:09 +00:00
33117337c2 Merge version_3 into main
Merge version_3 into main
2026-03-04 01:19:44 +00:00
2 changed files with 28 additions and 48 deletions

View File

@@ -1,53 +1,28 @@
import type { Metadata } from "next";
import { Montserrat } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
import "./styles/variables.css";
import "./styles/base.css";
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Lotus Food Market | International Grocery Store in Lake Worth Beach", description: "Discover authentic international groceries, fresh produce, halal meats, exotic spices, and homemade foods at Lotus Food Market. Your neighborhood market with global flavors.", keywords: "international grocery store, fresh produce, halal meats, exotic spices, Lake Worth Beach, organic groceries, specialty foods", metadataBase: new URL("https://lotusfoodmarket.com"),
alternates: {
canonical: "https://lotusfoodmarket.com"
},
openGraph: {
title: "Lotus Food Market - Your Neighborhood Market with Global Flavors", description: "Shop authentic international groceries, fresh produce, halal meats, and homemade specialties. Visit us in Lake Worth Beach, FL.", url: "https://lotusfoodmarket.com", siteName: "Lotus Food Market", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/photo-vegetables-supermarket-photo-your-advertising_185193-110549.jpg", alt: "Lotus Food Market - Fresh International Produce"
}
]
},
twitter: {
card: "summary_large_image", title: "Lotus Food Market | International Grocery Store", description: "Authentic flavors from around the world. Fresh. Quality. Community-focused.", images: ["http://img.b2bpic.net/free-photo/photo-vegetables-supermarket-photo-your-advertising_185193-110549.jpg"]
},
robots: {
index: true,
follow: true
}
};
title: "Lotus Food Market", description: "Your neighborhood market with flavors from around the world"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${montserrat.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body className={inter.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1415,7 +1390,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -1,5 +1,6 @@
"use client";
import { useEffect } from "react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroCentered from "@/components/sections/hero/HeroCentered";
@@ -12,6 +13,11 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Heart, Leaf, Star, MapPin } from "lucide-react";
export default function LandingPage() {
useEffect(() => {
// Fix hydration mismatch by ensuring consistent rendering
// Remove any SSR-specific logic that might differ between server and client
}, []);
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -28,14 +34,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Reviews", id: "testimonials" },
{ name: "Visit Us", id: "contact" }
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Products", id: "#products" },
{ name: "Reviews", id: "#testimonials" },
{ name: "Visit Us", id: "#contact" }
]}
brandName="Lotus Food Market"
button={{ text: "Get Directions", href: "contact" }}
button={{ text: "Get Directions", href: "#contact" }}
/>
</div>
@@ -51,8 +57,8 @@ export default function LandingPage() {
]}
avatarText="Trusted by 142+ satisfied customers • 5.0 stars"
buttons={[
{ text: "Get Directions Now", href: "contact" },
{ text: "Learn More", href: "about" }
{ text: "Get Directions Now", href: "#contact" },
{ text: "Learn More", href: "#about" }
]}
buttonAnimation="slide-up"
ariaLabel="Hero section for Lotus Food Market"
@@ -98,7 +104,7 @@ export default function LandingPage() {
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
buttons={[{ text: "Visit Store", href: "contact" }]}
buttons={[{ text: "Visit Store", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>
@@ -163,7 +169,7 @@ export default function LandingPage() {
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Contact Us", href: "contact" }]}
buttons={[{ text: "Contact Us", href: "#contact" }]}
buttonAnimation="slide-up"
/>
</div>