Merge version_3 into main #2
108
src/app/page.tsx
108
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Departments", id: "features"},
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Departments", id: "features" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Frazee Family Foods"
|
||||
/>
|
||||
@@ -49,19 +44,21 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="Frazees Hometown Grocery Store"
|
||||
description="Fresh food. Friendly faces. Everything you need—right here in town. Skip the long drives and shop where people know your name."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Visit Us Today", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-family-with-child-buying-food_171337-2368.jpg"
|
||||
imageAlt="Frazee Family Foods store exterior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
<AboutMetric
|
||||
title="Your Trusted Hometown Grocery Destination"
|
||||
metrics={[
|
||||
{ label: "Fresh produce delivered daily", value: "100%", icon: undefined as any },
|
||||
{ label: "Years serving the community", value: "25+", icon: undefined as any },
|
||||
{ label: "Local products featured", value: "500+", icon: undefined as any }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,12 +69,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Meat Counter", description: "Expertly cut meats for your family table.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-butcher-cutting-meat-dark-surface_179666-44099.jpg"},
|
||||
{
|
||||
title: "Farm Fresh Produce", description: "Locally sourced fruits and vegetables daily.", imageSrc: "http://img.b2bpic.net/free-photo/collection-homegrown-vegetables-flowers-after-harvest-fro_181624-58049.jpg"},
|
||||
{
|
||||
title: "Daily Baked Goods", description: "Fresh pastries and bread baked with care.", imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg"},
|
||||
{ title: "Premium Meat Counter", description: "Expertly cut meats for your family table.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-butcher-cutting-meat-dark-surface_179666-44099.jpg" },
|
||||
{ title: "Farm Fresh Produce", description: "Locally sourced fruits and vegetables daily.", imageSrc: "http://img.b2bpic.net/free-photo/collection-homegrown-vegetables-flowers-after-harvest-fro_181624-58049.jpg" },
|
||||
{ title: "Daily Baked Goods", description: "Fresh pastries and bread baked with care.", imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg" },
|
||||
]}
|
||||
title="Freshness You Can Trust"
|
||||
description="We take pride in offering the highest quality fresh foods in town."
|
||||
@@ -91,18 +85,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Prime Steak Cuts", price: "", variant: "Freshly butchered", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg"},
|
||||
{
|
||||
id: "p2", name: "Organic Honeycrisp Apples", price: "", variant: "Locally grown", imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-apple-basket-wooden-table_53876-96847.jpg"},
|
||||
{
|
||||
id: "p3", name: "Farm Fresh Large Eggs", price: "", variant: "Free range", imageSrc: "http://img.b2bpic.net/free-photo/eggs-halved-onion-mushroom-lemon-eggs-gray-kitchen-worktop_23-2148062419.jpg"},
|
||||
{
|
||||
id: "p4", name: "Artisanal Sourdough Loaf", price: "", variant: "Freshly baked", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hold-tray-mini-pizzas-with-sausages_141793-12546.jpg"},
|
||||
{
|
||||
id: "p5", name: "Fresh Harvest Carrots", price: "", variant: "Crisp & sweet", imageSrc: "http://img.b2bpic.net/free-photo/vegetables_23-2148023504.jpg"},
|
||||
{
|
||||
id: "p6", name: "Canned Essentials", price: "", variant: "Pantry stock", imageSrc: "http://img.b2bpic.net/free-photo/top-view-shopping-carts-with-delicious-veggies_23-2148290749.jpg"},
|
||||
{ id: "p1", name: "Prime Steak Cuts", price: "", variant: "Freshly butchered", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg" },
|
||||
{ id: "p2", name: "Organic Honeycrisp Apples", price: "", variant: "Locally grown", imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-apple-basket-wooden-table_53876-96847.jpg" },
|
||||
{ id: "p3", name: "Farm Fresh Large Eggs", price: "", variant: "Free range", imageSrc: "http://img.b2bpic.net/free-photo/eggs-halved-onion-mushroom-lemon-eggs-gray-kitchen-worktop_23-2148062419.jpg" },
|
||||
]}
|
||||
title="Today's Favorites"
|
||||
description="Explore our curated selection of high-quality essentials."
|
||||
@@ -110,21 +95,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah J.", role: "Local Parent", testimonial: "I love the personalized service at Frazees. It saves me so much time!", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950113.jpg"},
|
||||
{
|
||||
id: "t2", name: "Robert B.", role: "Frequent Shopper", testimonial: "The meat department is hands-down the best quality in our town.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-with-shopping-cart-supermarket_23-2148216116.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily D.", role: "Home Cook", testimonial: "Fresh, local produce that you just can't find at big-box stores.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-excited-family_171337-2237.jpg"},
|
||||
{
|
||||
id: "t4", name: "Mark L.", role: "Community Member", testimonial: "Supporting local family businesses is important to me, and Frazees makes it easy.", imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg"},
|
||||
{
|
||||
id: "t5", name: "Lisa M.", role: "Loyal Customer", testimonial: "Friendly staff, great prices, and always a smile. Couldn't ask for more.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19670.jpg"},
|
||||
{ id: "t1", name: "Sarah J.", role: "Local Parent", company: "Community", rating: 5 },
|
||||
{ id: "t2", name: "Robert B.", role: "Frequent Shopper", company: "Community", rating: 5 },
|
||||
{ id: "t3", name: "Emily D.", role: "Home Cook", company: "Community", rating: 5 },
|
||||
]}
|
||||
title="Voices from Our Community"
|
||||
description="Hear what our friends and neighbors say about shopping at Frazees."
|
||||
@@ -132,16 +110,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What are your store hours?", content: "We are open daily from 8 AM to 8 PM."},
|
||||
{
|
||||
id: "q2", title: "Do you offer local delivery?", content: "Yes, we offer local delivery for our senior community members."},
|
||||
{
|
||||
id: "q3", title: "Can I pre-order special meat cuts?", content: "Absolutely, just call our butcher counter to arrange your special cuts."},
|
||||
{ id: "q1", title: "What are your store hours?", content: "We are open daily from 8 AM to 8 PM." },
|
||||
{ id: "q2", title: "Do you offer local delivery?", content: "Yes, we offer local delivery for our senior community members." },
|
||||
{ id: "q3", title: "Can I pre-order special meat cuts?", content: "Absolutely, just call our butcher counter to arrange your special cuts." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common questions about our store."
|
||||
@@ -150,23 +125,24 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactText
|
||||
text="Come experience friendly service and great quality for yourself at our local market."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Visit Frazee Family Foods"
|
||||
description="Come experience friendly service and great quality for yourself."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBaseReveal
|
||||
logoText="Frazee Family Foods"
|
||||
copyrightText="© 2025 | Frazee Family Foods"
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Our Store", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user