Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 08eb78a15d | |||
| f054b3dcb7 | |||
| bd13670315 | |||
| 902a709c59 | |||
| 48bdf4a38e | |||
| e68cfc5e68 | |||
| db8e683c1d | |||
| 37a1ada2e3 | |||
| 745c9d69ba | |||
| 33117337c2 | |||
| ac660adb63 | |||
| 2e172b3398 |
@@ -1,53 +1,28 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Montserrat } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import "./styles/variables.css";
|
||||||
import Tag from "@/tag/Tag";
|
import "./styles/base.css";
|
||||||
|
|
||||||
const montserrat = Montserrat({
|
|
||||||
variable: "--font-montserrat", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
const inter = Inter({
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
variable: "--font-inter", subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
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"),
|
title: "Lotus Food Market", description: "Your neighborhood market with flavors from around the world"};
|
||||||
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
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<head>
|
||||||
<body
|
<meta charSet="utf-8" />
|
||||||
className={`${montserrat.variable} ${inter.variable} antialiased`}
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
>
|
</head>
|
||||||
<Tag />
|
<body className={inter.variable}>{children}
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1415,7 +1390,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -1,5 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
|
import { useEffect } from "react";
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
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";
|
import { Heart, Leaf, Star, MapPin } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
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 (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="hover-magnetic"
|
||||||
@@ -28,14 +34,14 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "home" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "#about" },
|
||||||
{ name: "Products", id: "products" },
|
{ name: "Products", id: "#products" },
|
||||||
{ name: "Reviews", id: "testimonials" },
|
{ name: "Reviews", id: "#testimonials" },
|
||||||
{ name: "Visit Us", id: "contact" }
|
{ name: "Visit Us", id: "#contact" }
|
||||||
]}
|
]}
|
||||||
brandName="Lotus Food Market"
|
brandName="Lotus Food Market"
|
||||||
button={{ text: "Get Directions", href: "contact" }}
|
button={{ text: "Get Directions", href: "#contact" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -51,8 +57,8 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
avatarText="Trusted by 142+ satisfied customers • 5.0 stars"
|
avatarText="Trusted by 142+ satisfied customers • 5.0 stars"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Get Directions Now", href: "contact" },
|
{ text: "Get Directions Now", href: "#contact" },
|
||||||
{ text: "Learn More", href: "about" }
|
{ text: "Learn More", href: "#about" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
ariaLabel="Hero section for Lotus Food Market"
|
ariaLabel="Hero section for Lotus Food Market"
|
||||||
@@ -98,7 +104,7 @@ export default function LandingPage() {
|
|||||||
animationType="blur-reveal"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
buttons={[{ text: "Visit Store", href: "contact" }]}
|
buttons={[{ text: "Visit Store", href: "#contact" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -111,28 +117,22 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Sarah M.", role: "Regular Customer", company: "Lake Worth Family", rating: 5,
|
id: "1", name: "Sarah M.", role: "Regular Customer", company: "Lake Worth Family", rating: 5
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg", imageAlt: "Happy customer Sarah M."
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2", name: "Ahmed K.", role: "Loyal Customer", company: "Local Community", rating: 5,
|
id: "2", name: "Ahmed K.", role: "Loyal Customer", company: "Local Community", rating: 5
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Satisfied customer Ahmed K."
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3", name: "Maria G.", role: "Family Shopper", company: "Neighborhood Regular", rating: 5,
|
id: "3", name: "Maria G.", role: "Family Shopper", company: "Neighborhood Regular", rating: 5
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Happy customer Maria G."
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4", name: "David L.", role: "Food Enthusiast", company: "Community Member", rating: 5,
|
id: "4", name: "David L.", role: "Food Enthusiast", company: "Community Member", rating: 5
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", imageAlt: "Satisfied customer David L."
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "5", name: "Priya P.", role: "Chef & Customer", company: "Local Business Owner", rating: 5,
|
id: "5", name: "Priya P.", role: "Chef & Customer", company: "Local Business Owner", rating: 5
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Happy customer Priya P."
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "6", name: "Miguel R.", role: "Regular Shopper", company: "Family of Four", rating: 5,
|
id: "6", name: "Miguel R.", role: "Regular Shopper", company: "Family of Four", rating: 5
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-happy-female-customer-making-like-gesture_74855-3668.jpg", imageAlt: "Satisfied customer Miguel R."
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
@@ -169,7 +169,7 @@ export default function LandingPage() {
|
|||||||
animationType="blur-reveal"
|
animationType="blur-reveal"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
buttons={[{ text: "Contact Us", href: "contact" }]}
|
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user