43 lines
2.2 KiB
TypeScript
43 lines
2.2 KiB
TypeScript
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
|
// file as the canonical source for the "features" section.
|
|
|
|
import React from 'react';
|
|
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function FeaturesSection(): React.JSX.Element {
|
|
return (
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesBento
|
|
tag="Why Us"
|
|
title="Experience the difference."
|
|
description="Our meticulous process ensures quality from the farm to your cup."
|
|
features={[
|
|
{
|
|
title: "Precision Roasting", description: "Computers track heat curves for consistency.", bentoComponent: "media-stack", mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tattooed-barista-holds-blank-package-bags-with-freshly-baked-coffee-beans-ready-sale-delivery_346278-405.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709945.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162981.jpg"},
|
|
],
|
|
},
|
|
{
|
|
title: "Community Focus", description: "A hub for locals and visitors alike.", bentoComponent: "orbiting-icons", centerIcon: "Coffee", orbitIcons: [
|
|
"Users", "Heart", "Music", "Wifi"],
|
|
},
|
|
{
|
|
title: "Freshness Guarantee", description: "If it isn't fresh, we don't serve it.", bentoComponent: "chat-marquee", aiIcon: "Coffee", userIcon: "User", exchanges: [
|
|
{
|
|
userMessage: "Is this fresh?", aiResponse: "Roasted just yesterday!"},
|
|
],
|
|
placeholder: "Ask our barista..."},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
);
|
|
}
|