"use client" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, cardHoverTarget, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Avatar } from "@/components/ui/avatar" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { Heart, MessageCircle, Share2, Bookmark, MoreHorizontal, Image, SmilePlus, } from "lucide-react" const stories = [ { name: "Your Story", avatar: "YO" }, { name: "Alex", avatar: "A" }, { name: "Sam", avatar: "S" }, { name: "Jordan", avatar: "J" }, { name: "Riley", avatar: "R" }, ] const posts = [ { id: 1, name: "Alex Morgan", avatar: "AM", time: "2h ago", content: "Just finished building my new desk setup! The cable management took forever but it was worth it. Working from home has never been better.", likes: 142, comments: 23, image: true }, { id: 2, name: "Sam Rivera", avatar: "SR", time: "4h ago", content: "Great sunset hike at Runyon Canyon today. LA never disappoints with these views.", likes: 89, comments: 12, image: false }, { id: 3, name: "Jordan Chen", avatar: "JC", time: "6h ago", content: "Excited to announce our new product launch next week! Stay tuned for updates.", likes: 234, comments: 45, image: false }, ] export default function SocialFeed() { return (

Feed

{stories.map((story) => (

{story.avatar}

{story.name}

))} {posts.map((post) => (

{post.avatar}

{post.name}

{post.time}

{post.content}

{post.image && (

)}

))}

Privacy Terms

) }

Social Feed

Feed

Feed