bender/848d2de1-1e7c-4445-96c5-31bdafcca5b1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update features section to use bento grid layout

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-05-09 05:27:28 +00:00
parent 31d754cf86
commit 27fdfdebb9
1 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/HomePage.tsx
View File

@@ -1,6 +1,6 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
import FeaturesBento from '@/components/sections/features/FeaturesBento';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
@@ -44,34 +44,40 @@ export default function HomePage() {
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesArrowCards
<FeaturesBento
tag="Club Amenities & Activities"
title="Unrivaled Yachting Experience"
description="From world-class regattas to serene sunset cruises, our club provides an array of experiences for every maritime enthusiast and their family."
items={[
features={[
{
title: "Thrilling Regattas",
tags: [
"Competitive",
"Exciting",
description: "Participate in competitive and exciting races.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/sailing-yacht-race-yachting-sailing-regatta_654080-1676.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/sailing-yacht-race-yachting-sailing-regatta_654080-1676.jpg",
},
{
title: "Expert Sailing Lessons",
tags: [
"Learn",
"Grow",
description: "Learn from the best and grow your skills on the water.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-pulling-tent-zipper-enter-inside_23-2148301362.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-pulling-tent-zipper-enter-inside_23-2148301362.jpg",
},
{
title: "Vibrant Social Events",
tags: [
"Community",
"Networking",
description: "Connect with the community and network with fellow members.",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068557.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068557.jpg",
},
]}
/>