304 lines
15 KiB
TypeScript
304 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Quality", id: "#quality"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-farmers-market-logo_23-2149331842.jpg"
|
|
logoAlt="Prime Pork Logo"
|
|
brandName="Prime Pork"
|
|
bottomLeftText="Ethically Sourced"
|
|
bottomRightText="info@primepork.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Premium Pork, Unmatched Quality."
|
|
description="Savor the difference with our sustainably raised, ethically sourced pork. From our farm to your table, experience taste and tenderness that elevates every meal."
|
|
tagAnimation="opacity"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Products", href: "#products"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pork-belly-pan-with-pepper-seeds-tomatoes-spices_1150-22014.jpg", imageAlt: "Assorted premium pork cuts"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glazed-duck-fillet-with-mashed-potatoes-sauce-served-fancy-restaurant-plate-ai-generative_123827-23807.jpg", imageAlt: "Gourmet cooked pork dish"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-woman-living-life-country-side-after-moving-from-city_23-2151278859.jpg", imageAlt: "Happy pigs on a green pasture"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ladies-choosing-meat-glass-counter_7502-4759.jpg", imageAlt: "Skilled butcher preparing pork"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grandparents-looking-their-granddaughter_23-2148314906.jpg", imageAlt: "Family enjoying a pork dinner"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-doctor-controlling-pigs-pig-farm_342744-328.jpg", imageAlt: "Carefully packaged pork products"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Story: Passion for "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/farmer-cowshed-looking-after-cows_1303-30855.jpg", alt: "A family farm"},
|
|
{
|
|
type: "text", content: " and Quality Pork"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="quality" data-section="quality">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Ethical Farming", description: "Our pigs are raised in humane, spacious environments, ensuring their well-being and the superior quality of our pork.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pigs-grazing-around-farm_23-2150454943.jpg", imageAlt: "Healthy pig outdoors"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-meat-slice-with-tomatoes-dark-blue-background-food-meat-kitchen-animal-butcher-chicken-color-cow_179666-46014.jpg", imageAlt: "Butcher preparing meat"}
|
|
},
|
|
{
|
|
title: "Sustainable Practices", description: "We are committed to eco-friendly farming methods, minimizing environmental impact and promoting biodiversity.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wild-tuna-day-celebration_23-2151307916.jpg", imageAlt: "Packaged pork with eco-label"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-shopping-with-face-mask_23-2149565251.jpg", imageAlt: "Sustainable farm operations"}
|
|
},
|
|
{
|
|
title: "Exceptional Flavor", description: "Our meticulous care and natural diet result in pork that is rich in flavor, tender, and truly a culinary delight.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meat-covering-meal-inside-plate-fry-meat-food-meal_140725-26018.jpg", imageAlt: "Chef cooking pork"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894065.jpg", imageAlt: "Happy customer with pork"}
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Our Commitment to Quality"
|
|
description="We uphold the highest standards in farming and processing to deliver exceptional pork to your table."
|
|
tagAnimation="opacity"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Prime Pork", name: "Pork Loin Steak", price: "$12.99/lb", rating: 5,
|
|
reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/raw-tuna-slices-with-salt-dark-background_1220-6874.jpg", imageAlt: "Fresh pork loin steak"},
|
|
{
|
|
id: "p2", brand: "Prime Pork", name: "Thick-Cut Pork Belly", price: "$9.50/lb", rating: 4.8,
|
|
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/pork-belly-pan-with-pepper-seeds-tomatoes-spices_1150-22007.jpg", imageAlt: "Raw thick-cut pork belly"},
|
|
{
|
|
id: "p3", brand: "Prime Pork", name: "Bone-In Pork Chops", price: "$11.25/lb", rating: 4.9,
|
|
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fresh-pork-chop_1339-5741.jpg", imageAlt: "Raw bone-in pork chops"},
|
|
{
|
|
id: "p4", brand: "Prime Pork", name: "Ground Pork", price: "$7.00/lb", rating: 4.7,
|
|
reviewCount: "155", imageSrc: "http://img.b2bpic.net/free-photo/pink-cereal-flakes-white-plate_114579-60051.jpg", imageAlt: "Packaged ground pork"},
|
|
{
|
|
id: "p5", brand: "Prime Pork", name: "Pork Shoulder Roast", price: "$8.75/lb", rating: 4.9,
|
|
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-steak-with-beer_23-2148754948.jpg", imageAlt: "Raw pork shoulder roast"},
|
|
{
|
|
id: "p6", brand: "Prime Pork", name: "Artisan Pork Sausages", price: "$9.99/pack", rating: 4.8,
|
|
reviewCount: "170", imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-sausages-with-vegetables-pan_23-2147852360.jpg", imageAlt: "Artisan pork sausages"},
|
|
]}
|
|
title="Discover Our Premium Selection"
|
|
description="Browse our wide range of cuts, each carefully selected for exceptional flavor and tenderness, delivered fresh to your door."
|
|
tagAnimation="opacity"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100%", description: "Ethically Sourced"},
|
|
{
|
|
id: "m2", value: "7+", description: "Years of Expertise"},
|
|
{
|
|
id: "m3", value: "5-Star", description: "Customer Ratings"},
|
|
]}
|
|
title="Our Promise in Numbers"
|
|
description="Transparency and excellence define our operations, reflected in our unwavering commitment to quality."
|
|
tagAnimation="opacity"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Chef David", role: "Head Chef", company: "The Gilded Spoon", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-bearded-man-stylish-headwear-having-coffee-sitting-wooden-table-modern-cafe-interior-waiting-his-girlfriend-planning-propose-her-this-sunny-day_273609-1932.jpg", imageAlt: "Chef David"},
|
|
{
|
|
id: "t2", name: "Sarah J.", role: "Home Cook", company: "Food Enthusiast", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-cooking-with-vegetables-domestic-kitchen_1398-3423.jpg", imageAlt: "Sarah J."},
|
|
{
|
|
id: "t3", name: "Mark R.", role: "Restaurant Owner", company: "Rustic Bistro", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-walking-outdoors_171337-19862.jpg", imageAlt: "Mark R."},
|
|
{
|
|
id: "t4", name: "Emily K.", role: "Catering Manager", company: "Elite Events", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-apron-trying-choose-what-eat-apple-pizza_114579-89156.jpg", imageAlt: "Emily K."},
|
|
{
|
|
id: "t5", name: "Robert S.", role: "Private Chef", company: "Gourmet Selections", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-holding-paper-bags-looking-aside-puzzled-standing-green-wall_141793-55401.jpg", imageAlt: "Robert S."},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "99%", label: "Customer Satisfaction"},
|
|
{
|
|
value: "100%", label: "On-Time Delivery"},
|
|
{
|
|
value: "500+", label: "Happy Clients"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Our commitment to quality shines through in every glowing review from chefs and home cooks alike."
|
|
tagAnimation="opacity"
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Where does your pork come from?", content: "Our pork is sourced from local, family-owned farms committed to ethical and sustainable farming practices."},
|
|
{
|
|
id: "f2", title: "How is your pork delivered?", content: "We ensure freshness with refrigerated delivery services, maintaining optimal temperatures from our facility to your door."},
|
|
{
|
|
id: "f3", title: "Do you offer custom cuts?", content: "Yes, we offer a variety of custom cuts. Please contact our team directly to discuss your specific requirements."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-indian-origin-reading_23-2150285290.jpg"
|
|
imageAlt="Farmer explaining pork cuts to customer"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products, farming practices, and delivery services."
|
|
tag="Got Questions?"
|
|
tagAnimation="opacity"
|
|
buttonAnimation="opacity"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"The Gilded Spoon", "Rustic Bistro", "Farmhouse Kitchen", "Butcher's Table", "Culinary Heights", "Gourmet Pantry", "The Meat Market", "Harvest Table"]}
|
|
title="Trusted by Renowned Chefs & Restaurants"
|
|
description="Our premium pork is the choice ingredient for top culinary professionals who demand exceptional taste and quality."
|
|
tagAnimation="opacity"
|
|
buttonAnimation="opacity"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Ready to Order Premium Pork?"
|
|
description="Contact us today to discuss your needs, inquire about our products, or place an order. We're here to help you experience the Prime Pork difference."
|
|
buttons={[
|
|
{
|
|
text: "Call Us Now", href: "tel:+1234567890"},
|
|
{
|
|
text: "Email Us", href: "mailto:info@primepork.com"},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-farmers-market-logo_23-2149331842.jpg"
|
|
logoAlt="Prime Pork Logo"
|
|
logoText="Prime Pork"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|