Update src/app/page.tsx

This commit is contained in:
2026-04-29 01:24:06 +00:00
parent 0fef421a0a
commit aa8411f8d7

View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
export default function LandingPage() {
@@ -95,15 +95,14 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{ 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 },
{ id: "t1", name: "Sarah J.", role: "Local Parent", testimonial: "The freshest produce in town, always friendly faces!", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-paper-bag-vegetables_23-2148074744.jpg" },
{ id: "t2", name: "Robert B.", role: "Frequent Shopper", testimonial: "Best butcher counter for miles. Exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-smiling-grocery-store_23-2148766526.jpg" },
{ id: "t3", name: "Emily D.", role: "Home Cook", testimonial: "Such a convenient local spot with amazing variety.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-supermarket_23-2148643888.jpg" },
]}
title="Voices from Our Community"
description="Hear what our friends and neighbors say about shopping at Frazees."
@@ -111,30 +110,34 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={true}
<FaqSplitText
sideTitle="Common Questions"
sideDescription="We are always here to help you get the most out of your shopping experience."
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." },
]}
title="Frequently Asked Questions"
description="Answers to common questions about our store."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Come experience friendly service and great quality for yourself at our local market."
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
<ContactSplitForm
title="Get in Touch"
description="Have a special request or feedback? We'd love to hear from you."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" }
]}
textarea={{ name: "message", placeholder: "How can we help?" }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/smiling-clerk-holding-paper-bag-food_23-2148810232.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterBaseCard
logoText="Frazee Family Foods"
copyrightText="© 2025 | Frazee Family Foods"
columns={[