Update src/app/page.tsx

src/app/page.tsx

@@ -8,9 +8,10 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Award, Beaker, Beer, Flame, Sparkles, Star, Users } from "lucide-react";
+import { Award, Beaker, Beer, Flame, Sparkles, Star, Users, Linkedin, Globe } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,6 +34,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Beers", id: "products" },
             { name: "Our Story", id: "story" },
+            { name: "Community", id: "community" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -197,6 +199,60 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="community" data-section="community">
+        <TeamCardThree
+          title="Meet People from Brovary"
+          description="Community members and local residents who embody the spirit of a city of happy people. These are the faces behind our thriving community."
+          tag="Our Community"
+          tagIcon={Users}
+          members={[
+            {
+              id: "1",
+              name: "Olha Bondarenko",
+              role: "Local Entrepreneur & Beer Enthusiast",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com/in/olha-bondarenko" },
+                { icon: Globe, url: "https://www.example.com" }
+              ]
+            },
+            {
+              id: "2",
+              name: "Dmytro Kovalenko",
+              role: "Community Organizer & Social Media Advocate",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com/in/dmytro-kovalenko" },
+                { icon: Globe, url: "https://www.example.com" }
+              ]
+            },
+            {
+              id: "3",
+              name: "Natalia Shevchenko",
+              role: "Local Artist & Cultural Ambassador",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140063369-vzpeyskp.jpg",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com/in/natalia-shevchenko" },
+                { icon: Globe, url: "https://www.example.com" }
+              ]
+            },
+            {
+              id: "4",
+              name: "Taras Petrov",
+              role: "Small Business Owner & Community Leader",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com/in/taras-petrov" },
+                { icon: Globe, url: "https://www.example.com" }
+              ]
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
           title="What Beer Lovers Say"